telegram-tt/dist/3.91a1da61c17d38fb3b13.js.map
Alexander Zinchuk 39641fb88b [Build]
2021-05-24 00:31:53 +03:00

1 line
898 KiB
Plaintext

{"version":3,"sources":["webpack:///./src/components/mediaViewer/helpers/ghostAnimation.ts","webpack:///./src/components/mediaViewer/SenderInfo.tsx","webpack:///./src/components/mediaViewer/MediaViewerActions.tsx","webpack:///./src/components/mediaViewer/MediaViewerFooter.tsx","webpack:///./src/hooks/useFullscreen.ts","webpack:///./src/components/mediaViewer/helpers/formatFileSize.ts","webpack:///./src/components/mediaViewer/VideoPlayerControls.tsx","webpack:///./src/components/mediaViewer/VideoPlayer.tsx","webpack:///./src/components/mediaViewer/ZoomControls.tsx","webpack:///./src/components/mediaViewer/PanZoom.tsx","webpack:///./src/components/mediaViewer/MediaViewer.tsx","webpack:///./src/components/main/ForwardPicker.tsx","webpack:///./src/components/main/Errors.tsx","webpack:///./src/components/main/Notifications.tsx","webpack:///./src/components/main/SafeLinkModal.tsx","webpack:///./src/components/common/CalendarModal.tsx","webpack:///./src/components/common/DeleteMessageModal.tsx","webpack:///./src/components/common/PinMessageModal.tsx","webpack:///./src/components/common/UnpinAllMessagesModal.tsx","webpack:///./src/components/middle/DeleteSelectedMessagesModal.tsx","webpack:///./src/components/middle/MessageSelectToolbar.tsx","webpack:///./src/components/left/search/LeftSearchResultChat.tsx","webpack:///./src/components/left/search/RecentContacts.tsx","webpack:///./src/components/left/search/ChatMessage.tsx","webpack:///./src/components/left/search/DateSuggest.tsx","webpack:///./src/components/left/search/ChatResults.tsx","webpack:///./src/components/left/search/ChatMessageResults.tsx","webpack:///./src/components/left/search/helpers/createMapStateToProps.ts","webpack:///./src/components/left/search/MediaResults.tsx","webpack:///./src/components/left/search/helpers/getSenderName.ts","webpack:///./src/components/left/search/LinkResults.tsx","webpack:///./src/components/left/search/FileResults.tsx","webpack:///./src/components/left/search/AudioResults.tsx","webpack:///./src/components/left/search/LeftSearch.tsx","webpack:///./src/hooks/useReducer.ts","webpack:///./src/hooks/reducers/useFoldersReducer.ts","webpack:///./src/hooks/reducers/useTwoFaReducer.ts","webpack:///./src/components/left/settings/SettingsHeader.tsx","webpack:///./src/components/left/settings/SettingsMain.tsx","webpack:///./src/components/ui/FloatingActionButton.tsx","webpack:///./src/components/common/UsernameInput.tsx","webpack:///./src/components/left/settings/SettingsEditProfile.tsx","webpack:///./src/components/left/settings/folders/SettingsFoldersMain.tsx","webpack:///./src/components/ui/ShowMoreButton.tsx","webpack:///./src/components/left/settings/folders/SettingsFoldersEdit.tsx","webpack:///./src/components/left/settings/folders/SettingsFoldersChatsPicker.tsx","webpack:///./src/components/left/settings/folders/SettingsFoldersChatFilters.tsx","webpack:///./src/components/left/settings/folders/SettingsFolders.tsx","webpack:///./src/components/ui/RangeSlider.tsx","webpack:///./src/components/middle/composer/StickerSetCoverAnimated.tsx","webpack:///./src/components/middle/composer/StickerSetCover.tsx","webpack:///./src/components/common/StickerButton.tsx","webpack:///./src/components/left/settings/SettingsStickerSet.tsx","webpack:///./src/components/left/settings/SettingsGeneral.tsx","webpack:///./src/util/systemFilesDialog.ts","webpack:///./src/util/colors.ts","webpack:///./src/components/left/settings/WallpaperTile.tsx","webpack:///./src/components/left/settings/SettingsGeneralBackground.tsx","webpack:///./src/components/left/settings/SettingsGeneralBackgroundColor.tsx","webpack:///./src/components/left/settings/SettingsNotifications.tsx","webpack:///./src/components/left/settings/SettingsPrivacy.tsx","webpack:///./src/components/left/settings/SettingsLanguage.tsx","webpack:///./src/components/left/settings/helper/privacy.ts","webpack:///./src/components/left/settings/SettingsPrivacyVisibility.tsx","webpack:///./src/components/left/settings/SettingsPrivacyActiveSessions.tsx","webpack:///./src/components/left/settings/SettingsPrivacyBlockedUsers.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaEnabled.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaPassword.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaStart.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaSkippableForm.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaCongratulations.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFaEmailCode.tsx","webpack:///./src/components/left/settings/twoFa/SettingsTwoFa.tsx","webpack:///./src/components/common/Picker.tsx","webpack:///./src/components/left/settings/SettingsPrivacyVisibilityExceptionList.tsx","webpack:///./src/components/left/settings/Settings.tsx","webpack:///./src/components/left/main/ContactList.tsx","webpack:///./src/components/left/newChat/NewChatStep1.tsx","webpack:///./src/components/left/newChat/NewChatStep2.tsx","webpack:///./src/components/left/newChat/NewChat.tsx","webpack:///./src/components/left/ArchivedChats.tsx","webpack:///./src/util/scrollLock.ts","webpack:///./src/components/middle/message/helpers/copyOptions.ts","webpack:///./src/components/middle/message/MessageContextMenu.tsx","webpack:///./src/components/middle/message/ContextMenuContainer.tsx","webpack:///./src/components/common/StickerSetModal.tsx","webpack:///./src/components/middle/HeaderMenuContainer.tsx","webpack:///./src/components/middle/MobileSearch.tsx","webpack:///./src/util/findInViewport.ts","webpack:///./src/util/isFullyVisible.ts","webpack:///./src/components/middle/composer/MentionTooltip.tsx","webpack:///./src/components/middle/composer/AttachmentModal.tsx","webpack:///./src/components/middle/composer/PollModal.tsx","webpack:///./src/hooks/useMouseInside.ts","webpack:///./src/components/middle/composer/EmojiButton.tsx","webpack:///./src/components/middle/composer/EmojiCategory.tsx","webpack:///./src/components/middle/composer/EmojiPicker.tsx","webpack:///./src/components/middle/composer/StickerSet.tsx","webpack:///./src/components/middle/composer/StickerPicker.tsx","webpack:///./src/components/common/GifButton.tsx","webpack:///./src/components/middle/composer/GifPicker.tsx","webpack:///./src/components/middle/composer/SymbolMenuFooter.tsx","webpack:///./src/components/middle/composer/SymbolMenu.tsx","webpack:///./src/components/middle/composer/AttachMenu.tsx","webpack:///./src/components/middle/composer/StickerTooltip.tsx","webpack:///./src/components/middle/composer/BotKeyboardMenu.tsx","webpack:///./src/components/middle/composer/CustomSendMenu.tsx","webpack:///./src/components/middle/composer/EmojiTooltip.tsx","webpack:///./src/components/right/RightSearch.tsx","webpack:///./src/components/right/StickerSetResult.tsx","webpack:///./src/components/right/StickerSearch.tsx","webpack:///./src/components/right/GifSearch.tsx","webpack:///./src/components/right/PollAnswerResults.tsx","webpack:///./src/components/right/PollResults.tsx","webpack:///./src/components/right/management/ManageUser.tsx","webpack:///./src/components/right/management/ManageGroup.tsx","webpack:///./src/components/right/management/ManageGroupPermissions.tsx","webpack:///./src/components/right/management/ManageGroupRemovedUsers.tsx","webpack:///./src/components/right/management/ManageChannel.tsx","webpack:///./src/components/right/management/ManageChatPrivacyType.tsx","webpack:///./src/components/right/management/ManageDiscussion.tsx","webpack:///./src/components/right/management/ManageGroupUserPermissions.tsx","webpack:///./src/components/right/management/ManageChatAdministrators.tsx","webpack:///./src/components/right/management/ManageGroupRecentActions.tsx","webpack:///./src/components/right/management/ManageGroupAdminRights.tsx","webpack:///./src/components/right/management/ManageGroupMembers.tsx","webpack:///./src/components/right/management/ManageGroupUserPermissionsCreate.tsx","webpack:///./src/components/right/management/Management.tsx","webpack:///./src/components/middle/helpers/getCurrencySign.ts","webpack:///./src/components/common/helpers/detectCardType.ts","webpack:///./src/hooks/reducers/usePaymentReducer.ts","webpack:///./src/hooks/useFocusAfterAnimation.tsx","webpack:///./src/components/ui/Select.tsx","webpack:///./src/components/payment/ShippingInfo.tsx","webpack:///./src/components/payment/Shipping.tsx","webpack:///./src/components/payment/Checkout.tsx","webpack:///./src/components/payment/ExpiryInput.tsx","webpack:///./src/components/middle/helpers/inputFormatters.ts","webpack:///./src/assets/mastercard.svg","webpack:///./src/assets/visa.svg","webpack:///./src/components/payment/CardInput.tsx","webpack:///./src/components/payment/PaymentInfo.tsx","webpack:///./src/components/payment/PaymentModal.tsx","webpack:///./src/components/payment/ReceiptModal.tsx","webpack:///./src/components/common/helpers/animatedAssets.ts","webpack:///./src/assets/TwoFactorSetupMonkeyIdle.tgs","webpack:///./src/assets/TwoFactorSetupMonkeyTracking.tgs","webpack:///./src/assets/TwoFactorSetupMonkeyClose.tgs","webpack:///./src/assets/TwoFactorSetupMonkeyPeek.tgs","webpack:///./src/assets/FoldersAll.tgs","webpack:///./src/assets/FoldersNew.tgs","webpack:///./src/assets/DiscussionGroupsDucks.tgs","webpack:///./src/components/ui/CropModal.tsx","webpack:///./src/components/ui/AvatarEditable.tsx","webpack:///./src/components/common/PasswordMonkey.tsx","webpack:///./src/components/common/PasswordForm.tsx"],"names":["animateOpening","hasFooter","origin","bestImageData","message","mediaEl","fromImage","getNodes","width","windowWidth","windowSize","get","mediaSize","isVideo","photo","video","webPage","getMessageContent","Boolean","getVideoDimensions","getPhotoFullDimensions","AVATAR_FULL_DIMENSIONS","availableWidth","height","availableHeight","getMediaViewerAvailableDimensions","toWidth","toHeight","calculateDimensions","toLeft","toTop","mql","window","matchMedia","MEDIA_VIEWER_MEDIA_QUERY","topOffsetRem","matches","REM","getTopOffset","top","fromTop","left","fromLeft","fromWidth","fromHeight","getBoundingClientRect","MediaViewerOrigin","SharedMedia","Album","ScheduledAlbum","SearchResult","includes","uncovered","realWidth","realHeight","size","Math","max","srcWidth","srcHeight","uncover","fromTranslateX","fromTranslateY","fromScaleX","fromScaleY","ghost","createGhost","applyStyles","transform","applyShape","document","body","classList","add","requestAnimationFrame","appendChild","style","firstChild","objectFit","remove","clearShape","setTimeout","contains","removeChild","ANIMATION_END_DELAY","animateClosing","container","toImage","getElementById","querySelector","targetTop","el","display","rect","windowHeight","isElementInViewport","shouldFadeOut","Inline","ScheduledInline","isMessageImageFullyVisible","existingGhost","getElementsByClassName","ProfileAvatar","transition","transformOrigin","opacity","source","shouldAppendProfileInfo","createElement","img","Image","src","HTMLVideoElement","poster","profileInfo","cloneNode","imageEl","messageListElement","imgOffsetTop","offsetTop","closest","id","parentElement","scrollTop","offsetHeight","element","styles","Object","assign","containerSelector","mediaSelector","MiddleHeaderAvatar","mediaEls","querySelectorAll","length","withGlobal","global","chatId","messageId","isAvatar","sender","isChatPrivate","selectUser","selectChat","selectChatMessage","selectSender","setGlobal","actions","pick","closeMediaViewer","focusMessage","handleFocusMessage","useCallback","lang","useLang","isFromChat","senderTitle","getSenderTitle","className","onClick","Avatar","key","chat","user","renderText","formatMediaDateTime","date","MediaViewerActions","mediaData","isZoomed","fileName","onCloseMediaViewer","onForward","onZoomToggle","isVideoDownloadAllowed","setIsVideoDownloadAllowed","useState","videoMediaHash","getMessageMediaHash","undefined","videoBlobUrl","downloadProgress","useMediaWithDownloadProgress","useEffect","download","handleVideoDownloadClick","e","stopPropagation","isAllowed","MenuButton","useMemo","onTrigger","isOpen","Button","round","color","ariaLabel","IS_MOBILE_SCREEN","DropdownMenu","trigger","positionX","MenuItem","icon","href","ProgressSpinner","progress","noCross","MediaViewerFooter","text","isHideable","isMultiline","setIsMultiline","footerContent","checkIsMultiline","clientHeight","handleResize","throttle","addEventListener","removeEventListener","prop","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","getBrowserFullscreenElementProp","units","bytes","number","floor","log","toFixed","stopEvent","VideoPlayerControls","bufferedProgress","currentTime","duration","fileSize","isForceVisible","isForceMobileVersion","isPlayed","isFullscreenSupported","isFullscreen","onChangeFullscreen","onPlayPause","onSeek","isVisible","setVisibility","timeout","clearTimeout","downloadedPercent","totalSize","percentagePlayed","percentageBuffered","min","step","type","onInput","value","renderSeekLine","ripple","formatMediaDuration","renderTime","formatFileSize","memo","url","isGif","posterData","posterSize","isMediaViewerOpen","noPlay","onClose","videoRef","useRef","setIsPlayed","IS_TOUCH_ENV","IS_IOS","setCurrentTime","isControlsVisible","setIsControlsVisible","setFullscreen","exitFullscreen","elRef","setIsFullscreen","useLayoutEffect","listener","listenerEnter","listenerExit","current","PLATFORM_ENV","requestFullscreen","webkitRequestFullscreen","webkitEnterFullscreen","mozRequestFullScreen","mozCancelFullScreen","webkitCancelFullScreen","webkitExitFullscreen","useFullscreenStatus","isBuffered","bufferingHandlers","useBuffering","shouldRender","shouldRenderSpinner","transitionClassNames","spinnerClassNames","useShowTransition","pause","safePlay","togglePlayState","play","useVideoCleanup","handleMouseOver","handleMouseOut","handleTimeUpdate","currentTarget","handleEnded","handleFullscreenChange","handleSeek","Number","target","toggleControls","togglePayingStateBySpace","wrapperStyle","videoStyle","onMouseOver","onMouseOut","ref","autoPlay","playsInline","loop","muted","onEnded","onTimeUpdate","join","square","isShown","onChangeZoom","prevIsShown","usePrevious","inputRef","zoomLevel","setZoomLevel","isSeeking","handleStartSeek","handleStopSeek","buildClassName","disabled","onChange","onMouseDown","onMouseUp","INITIAL_MATRIX","SCALE_VALUES","1","1.5","2","2.5","3","children","noWrap","canPan","panDeltaX","panDeltaY","onPan","tunedZoomLevel","isDragging","setIsDragging","dragData","setDragData","dx","dy","x","y","matrixData","setMatrixData","panWrapperRef","panContainerRef","newZoomLevel","newPandx","newPandy","newMatrixData","areSortedArraysEqual","oldScale","wrapper","image","wrapperRect","imageRect","newImgWidth","newImgHeight","newImgX","newImgY","calculateSafeZoneOnZoom","toString","preventDefault","newDragData","pageX","pageY","onMouseMove","deltaX","deltaY","getNewMatrixData","renderPhoto","blobUrl","imageSize","canDrag","alt","draggable","Spinner","threadId","avatarOwnerId","profilePhotoIndex","mediaViewer","animationLevel","settings","byKey","senderId","avatarOwner","chatMessages","collectionIds","selectScheduledMessage","selectScheduledMessages","selectChatMessages","selectOutlyingIds","selectListedIds","currentSearch","selectCurrentMediaSearch","foundIds","resultsByType","media","openMediaViewer","openForwardMenu","animationKey","webPagePhoto","getMessageWebPagePhoto","getMessagePhoto","getMessageVideo","isWebPagePhoto","isPhoto","isFromSharedMedia","isFromSearch","slideAnimation","headerAnimation","isGhostAnimation","getMessageMediaFilename","prevSenderId","canPanZoomWrap","setCanPanZoomWrap","setIsZoomed","panDelta","setPanDelta","messageIds","getChatMediaMessageIds","selectedMediaMessageIndex","indexOf","isFirst","isLast","getMediaHash","full","photos","getChatAvatarHash","blobUrlPictogram","useMedia","ApiMediaFormat","BlobUrl","previewMediaHash","blobUrlPreview","startsWith","DataUri","fullMediaData","getMessageMediaFormat","localBlobUrl","thumbDataUri","useBlurSync","getMessageMediaThumbDataUri","photoDimensions","videoDimensions","toggle","forceUpdate","useForceUpdate","addListener","removeListener","prevMessage","prevOrigin","prevAvatarOwner","prevBestImageData","dispatchHeavyAnimationEvent","textParts","renderMessageText","timer","closeZoom","handleZoomToggle","handleZoomValue","level","canCloseZoom","close","handleFooterClick","handleForward","fromChatId","captureEscKeyListener","stopCurrentAudio","getMessageId","fromId","direction","index","selectPreviousMedia","selectNextMedia","handleKeyDown","shouldCloseOnVideo","captureEvents","excludedClosestSelector","onSwipe","SwipeDirection","Right","Left","handlePan","renderSlide","isActive","calculateMediaViewerDimensions","renderSenderInfo","ShowTransition","Transition","activeKey","name","aria-label","chats","byId","chatsById","listIds","currentUserId","activeListIds","active","archivedListIds","archived","setForwardChatId","exitForwardMode","loadMoreChats","filter","setFilter","focus","blur","chatIds","sortChatIds","getCanPostInChat","MAIN_THREAD_ID","searchWords","getChatTitle","viewportIds","getMore","useInfiniteScroll","handleFilterChange","modalHeader","InputText","placeholder","Modal","header","InfiniteScroll","items","onLoadMore","noScrollRestore","map","ListItem","PrivateChatInfo","status","userId","GroupChatInfo","Loading","getErrorHeader","error","isSlowMode","errors","dismissError","title","getReadableErrorText","isText","notifications","dismissNotification","Notification","onDismiss","toggleSafeLinkModal","handleOpen","open","handleDismiss","renderingUrl","useCurrentOrPrev","ConfirmDialog","confirmLabel","confirmHandler","WEEKDAY_LETTERS","isDisabledDay","year","month","day","minDate","maxDate","selectedDay","Date","fixedMinDate","getFullYear","getMonth","getDate","fixedMaxDate","formatInputTime","String","padStart","selectedAt","maxAt","isFutureMode","isPastMode","withTimePicker","submitButtonLabel","secondButtonLabel","onSubmit","onSecondButtonClick","now","defaultSelectedDate","selectedDate","setSelectedDate","selectedHours","setSelectedHours","getHours","selectedMinutes","setSelectedMinutes","getMinutes","currentYear","currentMonth","currentDate","shouldDisableNextMonth","shouldDisablePrevMonth","calendarGrid","grid","setFullYear","setMonth","setDate","monthStartDay","getDay","i","push","gridDate","buildCalendarGrid","handleChangeHours","replace","hours","getTime","setHours","hoursStr","handleChangeMinutes","minutes","setMinutes","minutesStr","formatMonthAndYear","d","dateCopy","letter","role","tabIndex","handleDateSelect","inputMode","formatHumanDate","formatTime","formatSubmitLabel","isSchedule","selectCurrentMessageList","canDeleteForAll","selectAllowedMessageActions","contactName","getUserFirstOrLastName","getPrivateChatUserId","willDeleteForCurrentUserOnly","isChatBasicGroup","willDeleteForAll","isChatSuperGroup","album","deleteMessages","deleteScheduledMessages","handleDeleteMessageForAll","messages","shouldDeleteForAll","handleDeleteMessageForSelf","onEnter","isPrivateChat","isChatWithSelf","selectIsChatWithSelf","isChannel","isChatChannel","isGroup","isSuperGroup","canPinForAll","pinMessage","handlePinMessageForAll","isUnpin","handlePinMessage","isOneSide","isSilent","pinnedIds","selectPinnedIds","pinnedMessagesCount","onUnpin","selectedMessageIds","selectedMessages","selectCanDeleteSelectedMessages","selectCurrentChat","exitMessageSelectMode","messageListType","canDelete","selectedMessagesCount","selectSelectedMessagesCount","canDeleteMessages","canPost","openForwardMenuForSelectedMessages","isDeleteModalOpen","openDeleteModal","closeDeleteModal","useFlag","captureKeyboardListeners","onBackspace","onDelete","onEsc","prevSelectedMessagesCount","renderingSelectedMessagesCount","formattedMessagesCount","destructive","privateChatUserId","privateChatUser","isPinned","selectIsChatPinned","withUsername","contextActions","useChatContextActions","handleDelete","avatarSize","DeleteChatModal","runThrottled","cb","userIds","topUserIds","topPeers","usersById","users","recentlyFoundChatIds","globalSearch","onReset","loadTopUsers","loadContactList","openChat","addRecentlyFoundChatId","clearRecentlyFoundChats","topUsersRef","useHorizontalScroll","handleClick","lastSyncTime","searchQuery","mediaThumbnail","mediaBlobUrl","withOnlineStatus","isSavedMessages","isSelf","isVerified","VerifiedIcon","Link","formatPastTimeShort","getMessageSummaryText","highlight","renderMessageSummary","searchDate","onSelect","suggestions","match","formatDateToString","suggestion","latestYear","getSuggestionsFromDate","localContactIds","contactList","fetchingStatus","globalResults","localResults","globalChatIds","globalUserIds","localChatIds","localUserIds","byChatId","globalMessagesByChatId","dateSearchQuery","onSearchDateSelect","searchMessagesGlobal","setGlobalSearchChatId","shouldShowMoreLocal","setShouldShowMoreLocal","shouldShowMoreGlobal","setShouldShowMoreGlobal","handleLoadMore","LoadMoreDirection","Backwards","query","handleChatClick","handlePickerItemClick","MEMO_EMPTY_ARRAY","foundContactIds","fullName","getUserFullName","username","getTranslation","unique","foundMessages","split","sort","a","b","handleClickShowMoreLocal","handleClickShowMoreGlobal","nothingFound","noScrollRestoreOnTop","noFastList","NothingFound","description","PickerSelectedItem","chatOrUserId","clickArg","createMapStateToProps","props","currentType","isVoice","isLoading","searchChatId","handleSelectMedia","canRenderContents","useAsyncRendering","SLIDE_TRANSITION_DURATION","isMediaGrid","isMessageList","classNames","itemSelector","Media","idPrefix","getSenderName","senderName","isChatGroup","handleMessageFocus","shouldDrawDateDivider","toYearMonth","WebLink","onMessageClick","getMessageDocument","Document","withDate","datetime","smaller","onDateClick","openAudioPlayer","handlePlayAudio","Audio","renderingFor","onPlay","TABS","GlobalSearchContent","ChatList","Links","Files","Music","Voice","CHAT_TABS","slice","TRANSITION_RENDER_COUNT","keys","currentContent","setGlobalSearchContent","setGlobalSearchDate","activeTab","setActiveTab","parseDateString","handleSwitchTab","tab","content","handleSearchDateSelect","TabList","tabs","onSwitchTab","renderCount","useReducer","reducer","initialState","reducerRef","state","setState","action","currentState","INCLUDED_CHAT_TYPES","EXCLUDED_CHAT_TYPES","INCLUDE_FILTER_FIELDS","EXCLUDE_FILTER_FIELDS","selectChatFilters","mode","selectTemp","selectedChatIds","selectedChatTypes","includedChatIds","includeFilters","folder","excludedChatIds","excludeFilters","getSuggestedFolderName","filters","values","bots","groups","channels","contacts","nonContacts","INITIAL_STATE","chatFilter","foldersReducer","payload","isTouched","omit","folderId","currentPassword","password","hint","email","twoFaReducer","currentScreen","editedFolderId","onSaveFilter","signOut","deleteChatFolder","isSignOutDialogOpen","setIsSignOutDialogOpen","isDeleteFolderDialogOpen","setIsDeleteFolderDialogOpen","openSignOutConfirmation","closeSignOutConfirmation","openDeleteFolderConfirmation","closeDeleteFolderConfirmation","handleSignOutMessage","handleDeleteFolderMessage","SettingsMenuButton","SettingsScreens","EditProfile","General","Notifications","Privacy","Language","GeneralChatBackground","GeneralChatBackgroundColor","PrivacyPhoneNumber","PrivacyLastSeen","PrivacyProfilePhoto","PrivacyForwarding","PrivacyGroupChats","PrivacyPhoneNumberAllowedContacts","PrivacyLastSeenAllowedContacts","PrivacyProfilePhotoAllowedContacts","PrivacyForwardingAllowedContacts","PrivacyGroupChatsAllowedContacts","PrivacyPhoneNumberDeniedContacts","PrivacyLastSeenDeniedContacts","PrivacyProfilePhotoDeniedContacts","PrivacyForwardingDeniedContacts","PrivacyGroupChatsDeniedContacts","PrivacyActiveSessions","PrivacyBlockedUsers","TwoFaDisabled","TwoFaEnabled","TwoFaNewPassword","TwoFaChangePasswordNew","TwoFaChangePasswordConfirm","TwoFaNewPasswordConfirm","TwoFaNewPasswordHint","TwoFaChangePasswordHint","TwoFaNewPasswordEmail","TwoFaRecoveryEmail","TwoFaNewPasswordEmailCode","TwoFaRecoveryEmailCode","TwoFaCongratulations","TwoFaChangePasswordCurrent","TwoFaTurnOff","TwoFaRecoveryEmailCurrentPassword","Folders","FoldersCreateFolder","FoldersEditFolder","FoldersIncludedChats","FoldersExcludedChats","renderHeaderContent","confirmIsDestructive","currentUser","onScreenSelect","formatPhoneNumberWithCode","phoneNumber","FloatingActionButton","buttonClassName","LINK_PREFIX_REGEX","USERNAME_REGEX","runDebouncedForCheckUsername","debounce","currentUsername","asLink","isUsernameAvailable","checkUsername","setUsername","langPrefix","label","usernameSuccess","usernameError","test","handleUsernameChange","newUsername","trim","isValid","isUsernameValid","success","readOnly","profileEdit","firstName","currentFirstName","lastName","currentLastName","fullInfo","bio","currentBio","currentAvatarHash","loadCurrentUser","updateProfile","isUsernameTouched","setIsUsernameTouched","isProfileFieldsTouched","setIsProfileFieldsTouched","setError","setPhoto","setFirstName","setLastName","setBio","currentAvatarBlobUrl","ProfileEditProgress","InProgress","isUsernameError","isSaveButtonShown","Complete","handlePhotoChange","newPhoto","handleFirstNameChange","handleLastNameChange","handleBioChange","handleProfileSave","trimmedFirstName","trimmedLastName","trimmedBio","AvatarEditable","UsernameInput","runThrottledForLoadRecommended","orderedIds","orderedFolderIds","foldersById","recommended","recommendedChatFolders","chatFolders","onCreateFolder","onEditFolder","loadRecommendedChatFolders","addChatFolder","showError","animationData","setAnimationData","isAnimationLoaded","setIsAnimationLoaded","handleAnimationLoad","getAnimationData","then","handleCreateFolder","userFolders","subtitle","getFolderDescriptionText","handleCreateFolderFromRecommended","AnimatedSticker","STICKER_SIZE_FOLDER_SETTINGS","noLoop","onLoad","pill","fluid","narrow","multiline","ShowMoreButton","count","itemName","itemPluralName","ERROR_NO_TITLE","ERROR_NO_CHATS","loadedActiveChatIds","loadedArchivedChatIds","dispatch","onAddIncludedChats","onAddExcludedChats","editChatFolder","isIncludedChatsListExpanded","setIsIncludedChatsListExpanded","isExcludedChatsListExpanded","setIsExcludedChatsListExpanded","includedChatTypes","excludedChatTypes","visibleIncludedChatIds","visibleExcludedChatIds","allLoadedChatsSet","Set","loadedIncludedChatIds","findIntersectionWithSet","loadedExcludedChatIds","listType","renderChats","visibleChatIds","isExpanded","leftChatsCount","clickHandler","chatType","find","typeKey","inactive","renderChatType","event","folderUpdate","selectedIds","filterValue","onSelectedIdsChange","onSelectedChatTypesChange","onFilterChange","chatTypes","shouldMinimize","hasMaxChats","handleItemClick","newSelectedIds","splice","handleChatTypeClick","newSelectedChatTypes","selectedType","isMinimized","canClose","Checkbox","checked","isSelected","withChatType","orderedPinnedIds","archivedPinnedIds","activeChatArrays","prepareChatList","archivedChatArrays","pinnedChats","otherChats","displayedIds","newFilter","handleSelectedIdsChange","ids","handleSelectedChatTypesChange","newFilters","forEach","handleReset","handleEditFolder","handleAddIncludedChats","handleAddExcludedChats","options","range","handleChange","trackWidth","possibleValuesLength","option","STICKER_SIZE_PICKER_HEADER","stickerSet","observeIntersection","isIntersecting","useIsIntersecting","mediaHash","lottieData","Lottie","shouldRenderFullMedia","useTransitionForMedia","getFirstLetters","hasThumbnail","sticker","noAnimate","onUnfaveClick","localMediaHash","stickerSelector","thumbnail","dataUri","previewBlobUrl","shouldPlay","isAnimated","markLoaded","unmarkLoaded","canAnimatedPlay","shouldRenderThumb","shouldRenderPreview","previewTransitionClassNames","fullClassName","emoji","data-sticker-id","isLowPriority","stickers","firstSticker","STICKER_SIZE_GENERAL_SETTINGS","ANIMATION_LEVEL_OPTIONS","stickerSetIds","added","setIds","stickerSetsById","setsById","messageTextSize","messageSendKeyCombo","shouldAutoDownloadMediaFromContacts","shouldAutoDownloadMediaInPrivateChats","shouldAutoDownloadMediaInGroups","shouldAutoDownloadMediaInChannels","shouldAutoPlayGifs","shouldAutoPlayVideos","shouldSuggestStickers","shouldLoopStickers","setSettingOption","loadStickerSets","loadAddedStickers","stickerSettingsRef","observe","observeIntersectionForCovers","useIntersectionObserver","rootRef","isModalOpen","openModal","closeModal","setSticker","KEYBOARD_SEND_OPTIONS","subLabel","IS_MAC_OS","handleAnimationLevelChange","newLevel","_","handleMessageTextSizeChange","newSize","documentElement","setProperty","handleStickerSetClick","stickerSets","installedDate","RadioGroup","selected","onCheck","isChecked","fromSticker","fileSelector","openSystemFilesDialog","accept","callback","noMultiple","setAttribute","removeAttribute","onchange","click","hex2rgb","param","parseInt","substring","rgb2hex","p0","p1","p2","rgb2hsb","r","g","h","s","v","hsb2rgb","f","p","q","t","getPatternColor","rgbColor","hue","saturation","wallpaper","slug","thumbRef","useCanvasBlur","isDownloadAllowed","setIsDownloadAllowed","fullMedia","wasDownloadDisabled","UPLOADING_WALLPAPER_SLUG","handleSelect","blob","fetchBlob","cacheApi","CUSTOM_BG_CACHE_NAME","isBackgroundBlurred","customBackground","loadedWallpapers","loadWallpapers","uploadWallpaper","handleFileSelect","files","handleUploadWallpaper","handleSetColor","handleResetToDefault","patternColor","DEFAULT_PATTERN_COLOR","handleWallPaperSelect","currentWallpaper","async","defaultRGB","data","rgb","canvas","context","getContext","preloadImage","naturalHeight","naturalWidth","offsetWidth","drawImage","getImageData","blockSize","getAverageColor","handleWallPaperBlurChange","isUploading","DEFAULT_HSB","PREDEFINED_COLORS","hsb2positions","hsb","rects","colorPosition","colorRect","huePosition","hueRect","positions2hsb","containerRef","colorPickerRef","huePickerRef","isFirstRunRef","setHsb","getInitialHsb","hsbRef","markIsDragging","unmarkIsDragging","rgbInput","setRgbInput","hexInput","setHexInput","rectsRef","colorCtxRef","offsetLeft","handleColorDrag","handleHueDrag","onCapture","onDrag","onRelease","withCursor","hex","hueHex","w","ctx","imgData","createImageData","pixels","col","perY","st","ed","perX","putImageData","drawColor","drawHue","handleRgbChange","rgbValue","channel","handleHexChange","hexValue","handlePredefinedColorClick","dataset","data-color","hasPrivateChatsNotifications","hasPrivateChatsMessagePreview","hasGroupNotifications","hasGroupMessagePreview","hasBroadcastNotifications","hasBroadcastMessagePreview","hasContactJoinedNotifications","loadNotificationsSettings","updateContactSignUpNotification","updateNotificationSettings","handleSettingsChange","peerType","setting","currentIsSilent","currentIsShowPreviews","isShowPreviews","handleContactNotificationChange","hasPassword","privacy","blocked","activeSessions","blockedCount","totalCount","sessionsCount","visibilityPrivacyPhoneNumber","visibility","visibilityPrivacyLastSeen","lastSeen","visibilityPrivacyProfilePhoto","profilePhoto","visibilityPrivacyForwarding","forwards","visibilityPrivacyGroupChats","chatInvite","loadPrivacySettings","loadBlockedContacts","loadAuthorizations","getVisibilityValue","languages","language","loadLanguages","selectedLanguage","setSelectedLanguage","markIsLoading","unmarkIsLoading","langCode","setLanguage","currentLangCode","navigator","toLowerCase","shortLangCode","substr","nativeName","buildOptions","loadingOption","getPrivacyKey","screen","privacySettings","allowUserIds","allowChatIds","blockUserIds","blockChatIds","setPrivacyVisibility","visibilityOptions","exceptionLists","shouldShowDenied","shouldShowAllowed","privacyKey","headerText","descriptionText","allowedContactsScreen","deniedContactsScreen","allowedCount","reduce","result","membersCount","blockCount","handleVisibilityChange","getLocation","session","region","country","getDeviceEnvironment","deviceModel","platform","systemVersion","terminateAuthorization","terminateAllAuthorizations","isConfirmTerminateAllDialogOpen","openConfirmTerminateAllDialog","closeConfirmTerminateAllDialog","handleTerminateSessionClick","hash","handleTerminateAllSessions","currentSession","isCurrent","otherSessions","renderSession","handler","dateActive","appName","ip","sessions","chatsByIds","usersByIds","blockedIds","unblockContact","handleUnblockClick","contactId","viewportOffset","isPrivate","CHAT_HEIGHT_PX","renderContact","animatedEmoji","selectAnimatedEmoji","AnimatedEmoji","expectedPassword","submitLabel","clearError","validationError","setValidationError","shouldShowPassword","setShouldShowPassword","handleSubmit","newPassword","handleClearError","PasswordMonkey","isBig","isPasswordVisible","PasswordForm","onChangePasswordVisibility","onStart","FOCUS_DELAY_TIMEOUT_MS","shouldConfirm","setValue","isConfirmShown","markIsConfirmShown","unmarkIsConfirmShown","codeLength","twoFaSettings","waitingEmailCodeLength","newValue","updatePassword","checkPassword","clearTwoFaError","updateRecoveryEmail","provideTwoFaEmailCode","clearPassword","handleStartWizard","handleNewPassword","handleNewPasswordConfirm","handleNewPasswordHint","handleNewPasswordEmail","onSuccess","handleChangePasswordCurrent","handleChangePasswordNew","handleChangePasswordConfirm","handleChangePasswordHint","handleTurnOff","handleRecoveryEmailCurrentPassword","handleRecoveryEmail","handleEmailCode","code","itemIds","filterPlaceholder","notFoundText","searchInputId","getCurrentPrivacySettings","isAllowList","setPrivacySettings","selectedContactIds","setSearchQuery","isSubmitShown","setIsSubmitShown","newSelectedContactIds","setNewSelectedContactIds","handleSelectedContactIdsChange","contactsIds","foldersState","foldersDispatch","twoFaState","twoFaDispatch","handleSaveFilter","renderCurrentSection","Main","renderCurrentSectionContent","contactIds","resultIds","sortUserIds","forceShowSelf","isSearching","selectedMemberIds","onSelectedMemberIdsChange","onNextStep","setGlobalSearchQuery","handleNextStep","creationProgress","creationError","chatCreation","memberIds","createGroupChat","createChannel","setTitle","about","setAbout","ChatCreationProgress","handleTitleChange","handleDescriptionChange","handleCreateGroup","handleCreateChannel","renderedError","RENDER_COUNT","LeftColumnContent","onContentChange","newChatMemberIds","setNewChatMemberIds","NewChannelStep2","NewGroupStep2","NewChannelStep1","NewGroupStep1","folderType","noChatsText","IGNORED_KEYS","Down","ArrowDown","Up","ArrowUp","ArrowLeft","ArrowRight","PageUp","PageDown","End","Home","Tab","preventDefaultForScrollKeys","disableScrolling","passive","ontouchmove","onkeydown","enableScrolling","getCopyLabel","hasSelection","canImageBeCopied","MessageContextMenu","anchor","canSendNow","canReschedule","canReply","canEdit","canPin","canUnpin","canForward","canFaveSticker","canUnfaveSticker","canCopy","canCopyLink","canSelect","onReply","onEdit","onPin","onFaveSticker","onUnfaveSticker","onSend","onReschedule","onCloseAnimationEnd","onCopyLink","copyOptions","afterEffect","getMessageText","CLIPBOARD_ITEM_SUPPORTED","selection","getSelection","mediaLoader","copyImageToClipboard","anchorNode","parentNode","clipboardText","copyTextToClipboard","getMessageCopyOptions","getTriggerElement","getRootElement","getMenuElement","positionY","useContextMenuPosition","Menu","noOptions","isScheduled","setReplyingToId","setEditingId","faveSticker","unfaveSticker","toggleMessageSelection","sendScheduledMessages","rescheduleMessage","loadMessageLink","isMenuOpen","setIsMenuOpen","setIsDeleteModalOpen","isPinModalOpen","setIsPinModalOpen","isCalendarOpen","openCalendar","closeCalendar","closeMenu","closePinModal","handleCloseCalendar","handleReply","handleEdit","handlePin","handleUnpin","handleFaveSticker","handleUnfaveSticker","handleSelectMessage","params","childMessageIds","withShift","handleScheduledMessageSend","handleOpenCalendar","handleRescheduleMessage","scheduledAt","handleCopyLink","scheduledMaxDate","getDayStartAt","selectStickerSet","stickerSetId","loadStickers","toggleStickerSet","sendMessage","throttleMs","isDisabled","stickerSetAccessHash","isPreloadedGlobally","handleButtonClick","hasCloseButton","STICKER_SIZE_MODAL","isRestricted","isMuted","canDeleteChat","getCanDeleteChat","canSubscribe","canSearch","canMute","canLeave","onSubscribeChannel","onSearchClick","updateChatMutedState","enterMessageSelectMode","handleToggleMuteClick","handleSubscribe","handleSearch","handleSelectMessages","Portal","runDebouncedForSearch","results","selectCurrentTextSearch","setLocalTextSearchQuery","searchTextMessagesLocal","closeLocalTextSearch","searchMessagesByDate","focusedIndex","setFocusedIndex","visualViewport","mainEl","activeElement","pageTop","Array","from","input","div","contentEditable","handleMessageSearchQueryChange","newQuery","handleJumpToDate","timestamp","valueOf","handleUp","newFocusIndex","handleDown","SearchInput","findInViewport","selectorOrElements","margin","isDense","shouldContainBottom","isHorizontal","viewportY1","viewportY2","allElements","visibleIndexes","isFound","y1","y2","isFullyVisible","onInsertUserName","filteredChatMembers","getSelectedIndex","newIndex","cycleRestrict","selectedMentionIndex","setSelectedMentionIndex","handleArrowKey","handleUserSelect","forceFocus","handleSelectMention","member","onUp","onDown","onTab","first","position","fastSmoothScroll","setItemVisible","prevChatMembers","renderedChatMembers","attachments","caption","canSuggestMembers","groupChatMembers","recentEmojis","onCaptionUpdate","addRecentEmoji","onClear","prevAttachments","renderingAttachments","isMentionTooltipOpen","mentionFilter","closeMentionTooltip","insertMention","mentionFilteredMembers","useMentionTooltip","EDITABLE_INPUT_MODAL_ID","isEmojiTooltipOpen","closeEmojiTooltip","filteredEmojis","insertEmoji","useEmojiTooltip","sendAttachments","areAllPhotos","every","mimeType","areAllVideos","isQuick","quick","renderHeader","attachment","File","filename","extension","getFileExtension","previewData","emojis","onEmojiSelect","MessageInput","html","editableInputId","onUpdate","shouldSetFocus","questionInputRef","optionsListRef","solutionRef","question","setQuestion","setOptions","isAnonymous","setIsAnonymous","isMultipleAnswers","setIsMultipleAnswers","isQuizMode","setIsQuizMode","solution","setSolution","correctOption","setCorrectOption","hasErrors","setHasErrors","focusInput","solutionEl","innerHTML","addNewOption","newOptions","list","scrollHeight","scrollTo","behavior","handleCreate","questionTrimmed","optionsTrimmed","o","summary","answers","correct","isPublic","multipleChoice","quiz","entities","parseMessageInput","correctAnswers","solutionEntities","updateOption","removeOption","handleCorrectOptionChange","handleIsAnonymousChange","handleMultipleAnswersChange","handleQuizModeChange","handleKeyPress","keyCode","getQuestionError","getOptionsError","renderOptions","onKeyPress","renderQuizNoOptionError","hidden","closeTimeout","useMouseInside","menuCloseTimeout","isMouseInside","native","names","IS_EMOJI_SUPPORTED","loading","category","allEmojis","useOnIntersect","emojisPerRow","ceil","displayedEmoji","ICONS_BY_CATEGORY","recent","people","nature","foods","activity","places","objects","symbols","flags","categoryIntersections","emojiDataPromise","emojiRawData","emojiData","headerRef","categories","setCategories","setEmojis","activeCategoryIndex","setActiveCategoryIndex","entries","entry","intersectingWithIndexes","newLeft","HEADER_BUTTON_WIDTH","fastSmoothScrollHorizontal","allCategories","themeCategories","unshift","exec","default","uncompressEmoji","ensureEmojiData","selectCategory","categoryEl","handleEmojiSelect","MENU_TRANSITION_DURATION","containerClassName","faded","STICKER_MARGIN","loadAndPlay","onStickerSelect","onStickerUnfave","stickersPerRow","STICKER_SIZE_PICKER","stickerSetIntersections","favorite","recentStickers","favoriteStickers","addedSetIds","canSendStickers","loadRecentStickers","loadFavoriteStickers","addRecentSticker","activeSetIndex","setActiveSetIndex","areAddedLoaded","allSets","noPopulatedSets","set","stickerSetEl","handleStickerSelect","handleStickerUnfave","gif","videoData","shouldRenderVideo","preload","savedGifs","gifs","saved","canSendGifs","onGifSelect","loadSavedGifs","debounceMs","SymbolMenuTabs","SYMBOL_MENU_TAB_TITLES","SYMBOL_MENU_TAB_ICONS","Emoji","Stickers","GIFs","onRemoveSymbol","onSearchOpen","renderTabButton","handleSearchOpen","isActivated","allowedAttachmentOptions","setRecentEmojis","handleMouseEnter","handleMouseLeave","fastRaf","recentEmojisRef","renderContent","isFrom","onMouseEnter","onMouseLeave","noCloseOnBackdrop","onFileSelect","onPollCreate","handleQuickSelect","CONTENT_TYPES_FOR_QUICK_UPLOAD","handleDocumentSelect","canAttachMedia","canAttachPolls","autoClose","forEmoji","clearStickersForEmoji","prevStickers","displayedStickers","clickInlineButton","keyboardButtons","row","button","onSilentSend","onScheduleSend","listEmojis","usePrevDuringAnimation","selectedIndex","setSelectedIndex","emojisCount","handleSelectEmoji","onLeft","onRight","messagesById","foundResults","senderUser","getGlobal","senderChat","forwardInfo","isChannelPost","orderBy","preloadBackwards","LastMessageMeta","selectShouldLoopStickers","isSomeModalOpen","onModalToggle","isAdded","areStickersLoaded","useOnChange","coverStickerIds","covers","otherStickers","handleAddClick","canRenderStickers","STICKER_SIZE_SEARCH","selectCurrentStickerSearch","featured","featuredIds","loadFeaturedStickers","setIsModalOpen","selectCurrentGifSearch","isChatWithBot","selectIsChatWithBot","searchMoreGifs","setGifSearchQuery","getAllowedAttachmentOptions","handleGifClick","hasResults","answer","voters","offsets","pollResults","offset","answerVote","totalVoters","loadPollOptionResults","closePollResults","prevVotersCount","votersCount","setIsLoading","areVotersLoaded","limit","shouldResetVoters","handleViewMoreClick","handleMemberClick","noStatusOrTyping","leftVotersCount","renderViewMoreButton","total","getMessagePoll","resultsByOption","buildCollectionByKey","management","updateContact","deleteUser","deleteHistory","closeManagement","isDeleteDialogOpen","openDeleteDialog","closeDeleteDialog","currentIsMuted","isNotificationsEnabled","setIsNotificationsEnabled","ManagementProgress","handleNotificationChange","handleDeleteContact","lastMessage","maxId","withFullInfo","hasLinkedChannel","linkedChatId","isBasicGroup","canChangeInfo","getHasAdminRight","canBanUsers","togglePreHistoryHidden","updateChat","leaveChannel","deleteChannel","currentTitle","currentAbout","imageHash","handleClickEditType","ManagementScreens","ChatPrivacyType","handleClickDiscussion","Discussion","handleClickPermissions","GroupPermissions","handleClickAdministrators","ChatAdministrators","handleSetPhoto","file","handleAboutChange","handleUpdateGroup","trimmedTitle","trimmedAbout","handleClickMembers","GroupMembers","handleTogglePreHistory","isPreHistoryHidden","isEnabled","enabledPermissionsCount","defaultBannedRights","sendStickers","sendGifs","adminsCount","adminMembers","handleDeleteGroup","isCreator","formatInteger","onChatMemberSelect","updateChatDefaultBannedRights","permissions","setPermissions","havePermissionChanged","setHavePermissionChanged","handleRemovedUsersClick","GroupRemovedUsers","handleAddExceptionClick","GroupUserPermissionsCreate","handleExceptionMemberClick","promotedByUserId","GroupUserPermissions","handlePermissionChange","getUpdatedPermissionValue","handleSavePermissions","bannedRights","removedUsersCount","kickedMembers","exceptionMembers","members","getMemberExceptions","langKey","getLangKeyForBannedRightKey","translatedString","sendMessages","blocking","sendMedia","sendPolls","embedLinks","inviteUsers","pinMessages","changeInfo","updateChatMemberBannedRights","removedMembers","getRemovedBy","kickedByUserId","kickedByUser","getContextActions","isSignaturesShown","toggleSignatures","hasLinkedChat","handleUpdateChannel","handleToggleSignatures","handleClickSubscribers","ChannelSubscribers","handleDeleteChannel","selectManagement","checkPublicLink","updatePublicLink","updatePrivateLink","privateLink","inviteLink","privacyType","setPrivacyType","isRevokeConfirmDialogOpen","openRevokeConfirmDialog","closeRevokeConfirmDialog","canUpdate","handleOptionChange","handleSave","handleRevokePrivateLink","langPrefix1","langPrefix2","SafeLink","forDiscussionIds","linkedChat","loadGroupsForDiscussion","linkDiscussionGroup","unlinkDiscussionGroup","linkedGroupId","setLinkedGroupId","isConfirmUnlinkGroupDialogOpen","openConfirmUnlinkGroupDialog","closeConfirmUnlinkGroupDialog","isConfirmLinkGroupDialogOpen","openConfirmLinkGroupDialog","closeConfirmLinkGroupDialog","handleUnlinkGroupSessions","channelId","Initial","handleLinkGroupSessions","renderLinkGroupHeader","linkedGroup","renderLinkGroupConfirmText","hasPrivateLink","STICKER_SIZE_DISCUSSION_GROUPS","teactFastList","teactOrderKey","isButtonsInOneRow","isPromotedByCurrentUser","isFormFullyDisabled","selectedChatMemberId","isBanConfirmationDialogOpen","openBanConfirmationDialog","closeBanConfirmationDialog","selectedChatMember","handleBanFromGroup","viewMessages","getControlIsDisabled","isOwner","handleAdminMemberClick","ChatAdminRights","getMemberStatus","promotedByUser","GroupRecentActions","updateChatAdmin","setIsTouched","isDismissConfirmationDialogOpen","openDismissConfirmationDialog","closeDismissConfirmationDialog","customTitle","setCustomTitle","adminRights","handleDismissAdmin","memberStatus","handleCustomTitleChange","postMessages","editMessages","banUsers","addAdmins","anonymous","maxLength","openUserInfo","memberId","managementType","selectCurrentManagementType","CURRENCIES","USD","EUR","GBP","JPY","RUB","UAH","INR","AED","getCurrencySign","currency","VISA","MASTERCARD1","MASTERCARD2","CardType","cards","Default","Visa","Mastercard","detectCardType","cardNumber","streetLine1","streetLine2","city","countryIso2","postCode","phone","shipping","cardholder","expiry","cvv","billingCountry","billingZip","saveInfo","saveCredentials","formErrors","getBillingCountry","countryCode","countryList","useFocusAfterAnimation","animationDuration","hasArrow","labelText","htmlFor","needEmail","needPhone","needName","needAddress","phoneRef","selectCountryRef","handleAddress1Change","handleAddress2Change","handleCityChange","handleStateChange","handleCountryChange","handlePostCodeChange","handleFullNameChange","handleEmailChange","handlePhoneChange","handleSaveInfoChange","shippingOptions","handleShippingSelect","amount","renderPaymentItem","main","renderCheckoutItem","invoiceContent","prices","shippingPrices","checkoutInfo","totalPrice","photoUrl","paymentMethod","paymentProvider","shippingAddress","shippingMethod","item","expiryInputRef","charAt","parts","formatCardExpiry","onKeyDown","cardNumberRef","cardType","setCardType","newCardType","formatCardNumber","cardIcon","mastercardIconPath","visaIconPath","getCardIcon","canSaveCredentials","needCardholderName","needCountry","needZip","handleCardNumberChange","handleCardholderChange","toUpperCase","handleExpiryChange","handleCvvChange","handleBillingPostCodeChange","handleChangeSaveCredentials","savedInfo","invoice","nativeProvider","nativeParams","passwordMissing","payment","isProviderError","nameRequested","phoneRequested","emailRequested","shippingAddressRequested","flexible","phoneToProvider","emailToProvider","globalErrors","validateRequestedInfo","sendPaymentForm","setPaymentStep","sendCredentialsInfo","clearPaymentError","paymentState","paymentDispatch","currencySign","field","fieldError","getShippingError","handleErrorModalClose","PaymentStep","Checkout","shippingOption","getShippingPrices","totalPrices","concat","acc","cur","getTotalPrice","detectCardTypeText","findShippingOption","getCheckoutInfo","validateRequest","requestInfo","getRequestInfo","sendCredentials","credentials","expiryMonth","expiryYear","zip","getCredentials","sendForm","shippingOptionId","setStep","nextStep","ShippingInfo","Shipping","PaymentInfo","buttonText","cuurentStep","renderModalContent","renderError","optionId","receipt","mapedPrices","info","totalAmount","credentialsTitle","fullAddress","ANIMATED_STICKERS_PATHS","MonkeyIdle","MonkeyTracking","MonkeyClose","MonkeyPeek","FoldersAll","FoldersNew","DiscussionGroups","path","location","cropperResultOptions","quality","format","circle","Croppie","croppiePromise","cropper","isCroppieReady","setIsCroppieReady","imgFile","cropContainer","enableZoom","boundary","viewport","blobToDataUri","bind","err","DEBUG","console","initCropper","ensureCroppie","croppedImg","blobToFile","selectedFile","setSelectedFile","croppedBlobUrl","setCroppedBlobUrl","labelClassName","URL","revokeObjectURL","createObjectURL","SEGMENT_COVER_EYES","SEGMENT_UNCOVER_EYE","SEGMENT_COVER_EYE","STICKER_SIZE","STICKER_SIZE_AUTH_MOBILE","STICKER_SIZE_AUTH","closeMonkeyData","setCloseMonkeyData","peekMonkeyData","setPeekMonkeyData","isFirstMonkeyLoaded","setIsFirstMonkeyLoaded","isPeekShown","setIsPeekShown","handleFirstMonkeyLoad","STICKER_SIZE_TWO_FA","playSegment","onInputChange","setPassword","canSubmit","setCanSubmit","select","autoComplete","MIN_PASSWORD_LENGTH"],"mappings":"yjEAiBO,SAASA,EACdC,EAAoBC,EAA2BC,EAAuBC,GAEtE,MAAQC,QAASC,GAAcC,EAASL,EAAQE,GAChD,IAAKE,EACH,OAGF,MAAQE,MAAOC,GAAgBC,IAAWC,MAE1C,IACIC,EADAC,GAAU,EAEd,GAAIT,EAAS,CACX,MAAM,MAAEU,EAAF,MAASC,EAAT,QAAgBC,GAAYC,YAAkBb,GACpDS,EAAUK,QAAQH,GAClBH,EAAYG,EAAQI,aAAmBJ,GAAUK,YAAwBN,GAASE,EAASF,YAE3FF,EAAYS,IAId,MACEb,MAAOc,EAAgBC,OAAQC,GAC7BC,YAAkCxB,EAAWY,IACzCL,MAAOkB,EAASH,OAAQI,GAAaC,YAC3CN,EAAgBE,EAAiBZ,EAAUJ,MAAOI,EAAUW,QAExDM,GAAUpB,EAAciB,GAAW,EACnCI,EAgPR,SAAsB7B,GACpB,MAAM8B,EAAMC,OAAOC,WAAWC,KAC9B,IAAIC,EAAe,MACflC,IACFkC,GAAgBJ,EAAIK,QAAU,KAAQ,OAGxC,OAAOD,EAAeE,IAvPRC,CAAarC,IAAcuB,EAAkBG,GAAY,EAEvE,IACEY,IAAKC,EAASC,KAAMC,EAAUlC,MAAOmC,EAAWpB,OAAQqB,GACtDtC,EAAUuC,wBAEd,GAAI,CACFC,IAAkBC,YAClBD,IAAkBE,MAClBF,IAAkBG,eAClBH,IAAkBI,cAClBC,SAASjD,GAAS,CAClB,MAAMkD,EAwLV,SAAiBC,EAAmBC,EAAoBf,EAAaE,EAAcjC,EAAee,GAChG,GAAI8B,IAAcC,EAAY,CAC5B,MAAMC,EAAOC,KAAKC,IAAIjD,EAAOe,IAAW8B,EAAYC,GACpDb,IAASc,EAAO/C,GAAS,EACzB+B,IAAQgB,EAAOhC,GAAU,EACzBf,EAAQ+C,EACRhC,EAASgC,OACJ,GAAIF,EAAYC,EAAY,CACjC,MAAMI,EAAWlD,EAEjBiC,KADAjC,EAAQe,GAAU8B,EAAYC,IACbI,GAAY,OACxB,GAAIJ,EAAaD,EAAW,CACjC,MAAMM,EAAYpC,EAElBgB,KADAhB,EAASf,GAAS8C,EAAaD,IACdM,GAAa,EAGhC,MAAO,CACLpB,MAAKE,OAAMjC,QAAOe,UA1MAqC,CAAQlC,EAASC,EAAUa,EAASE,EAAUC,EAAWC,GAC3EJ,EAAUY,EAAUb,IACpBG,EAAWU,EAAUX,KACrBE,EAAYS,EAAU5C,MACtBoC,EAAaQ,EAAU7B,OAGzB,MAAMsC,EAAkBnB,EAAWC,EAAY,GAAMd,EAASH,EAAU,GAClEoC,EAAkBtB,EAAUI,EAAa,GAAMd,EAAQH,EAAW,GAClEoC,EAAapB,EAAYjB,EACzBsC,EAAapB,EAAajB,EAE1BsC,EAAQC,EAAY/D,GAAiBG,GAC3C6D,EAAYF,EAAO,CACjB1B,IAAQT,EAAF,KACNW,KAASZ,EAAF,KACPrB,MAAUkB,EAAF,KACRH,OAAWI,EAAF,KACTyC,UAAY,eAAcP,QAAqBC,iBAA8BC,MAAeC,OAE9FK,EAAWJ,EAAO/D,GAElBoE,SAASC,KAAKC,UAAUC,IAAI,mBAE5BC,sBAAsB,KACpBJ,SAASC,KAAKI,YAAYV,GAE1BS,sBAAsB,KACpBT,EAAMW,MAAMR,UAAY,GA0R9B,SAAoBH,GACjBA,EAAMY,WAA2BD,MAAME,UAAY,UACpDb,EAAMO,UAAUO,OAAO,kBAAmB,UA3RtCC,CAAWf,GAEXgB,WAAW,KACTP,sBAAsB,KAChBJ,SAASC,KAAKW,SAASjB,IACzBK,SAASC,KAAKY,YAAYlB,GAE5BK,SAASC,KAAKC,UAAUO,OAAO,sBA9Ed,IAgFGK,SAKvB,SAASC,EAAenF,EAA2BC,EAAuBC,GAC/E,MAAM,UAAEkF,EAAWjF,QAASkF,GAAYhF,EAASL,EAAQE,GACzD,IAAKmF,EACH,OAGF,MAAMjF,EAAYgE,SAASkB,eAAe,eAAgBC,cACxD,0EAEF,IAAKnF,IAAciF,EACjB,OAGF,MACEhD,IAAKC,EAASC,KAAMC,EAAUlC,MAAOmC,EAAWpB,OAAQqB,GACtDtC,EAAUuC,yBAEZN,IAAKmD,EAAWjD,KAAMZ,EAAQrB,MAAOkB,EAASH,OAAQI,GACpD4D,EAAQ1C,wBAEZ,IAAIf,EAAQ4D,EACZ,IA8IF,SAA6BC,GAC3B,GAAyB,SAArBA,EAAGf,MAAMgB,QACX,OAAO,EAGT,MAAMC,EAAOF,EAAG9C,yBACRtB,OAAQuE,GAAiBpF,IAAWC,MAE5C,OAAQkF,EAAKtD,KAAOuD,GAAmBD,EAAKtD,IAAMsD,EAAKtE,QAAW,EAtJ7DwE,CAAoBT,GAAY,CACnC,MAAQ/D,OAAQuE,GAAiBpF,IAAWC,MAC5CmB,EAAQ4D,EAAYlD,GAAWb,EAAWmE,EAG5C,MAAMjC,EAAkBnB,EAAWC,EAAY,GAAMd,EAASH,EAAU,GAClEoC,EAAkBtB,EAAUI,EAAa,GAAMd,EAAQH,EAAW,GACxE,IAAIoC,EAAapB,EAAYjB,EACzBsC,EAAapB,EAAajB,EAE9B,MAAMqE,EACJ,CAAClD,IAAkBmD,OAAQnD,IAAkBoD,iBAAiB/C,SAASjD,KACnEiG,EAA2Bb,EAAWC,IAE1C,CAACzC,IAAkBE,MAAOF,IAAkBG,gBAAgBE,SAASjD,KACjEiG,EAA2Bb,EAAWC,GAGxC,CACFzC,IAAkBC,YAClBD,IAAkBE,MAClBF,IAAkBG,eAClBH,IAAkBI,cAClBC,SAASjD,KACL6D,EAAaC,EACfD,EAAaC,EACJA,EAAaD,IACtBC,EAAaD,IAIjB,MAAMqC,EAAgB9B,SAAS+B,uBAAuB,SAAS,GAEzDpC,EAAQmC,GAAiBlC,EAAY/D,GAAiBoF,EAASrF,IAAW4C,IAAkBwD,eAC7FF,GACHjC,EAAYF,EAAO,CACjB1B,IAAQT,EAAF,KACNW,KAASZ,EAAF,KACPrB,MAAUkB,EAAF,KACRH,OAAWI,EAAF,KACTyC,UAAY,eAAcP,QAAqBC,iBAA8BC,MAAeC,OAIhGU,sBAAsB,KACpB,GAAI0B,EAAe,CACjB,MAAM,IACJ7D,EADI,KAEJE,EAFI,MAGJjC,EAHI,OAIJe,GACE6E,EAAcvD,wBAIlBsB,EAAYF,EAAO,CACjBsC,WAAY,OACZhE,IAAQT,EAAF,KACNW,KAASZ,EAAF,KACP2E,gBAAiB,WACjBpC,UAAY,eAAc3B,EAAOZ,QAAaU,EAAMT,iBARvCtB,EAAQkB,MACRH,EAASI,KAQtBnB,MAAUkB,EAAF,KACRH,OAAWI,EAAF,OAGb2C,SAASC,KAAKC,UAAUC,IAAI,mBACvB2B,GAAe9B,SAASC,KAAKI,YAAYV,GAE9CS,sBAAsB,KAChB0B,IACFA,EAAcxB,MAAM2B,WAAa,IAGnCtC,EAAMW,MAAMR,UAAY,GAEpB4B,IACF/B,EAAMW,MAAM6B,QAAU,KAGxBpC,EAAWJ,EAAO/D,GAElB+E,WAAW,KACTP,sBAAsB,KAChBJ,SAASC,KAAKW,SAASjB,IACzBK,SAASC,KAAKY,YAAYlB,GAE5BK,SAASC,KAAKC,UAAUO,OAAO,sBAhMd,IAkMGK,SAK9B,SAASlB,EAAYwC,EAAsDC,GAA0B,GACnG,MAAM1C,EAAQK,SAASsC,cAAc,OACrC3C,EAAMO,UAAUC,IAAI,SAEpB,MAAMoC,EAAM,IAAIC,MAYhB,GAVsB,iBAAXJ,EACTG,EAAIE,IAAML,EACDA,aAAkBM,iBAC3BH,EAAIE,IAAML,EAAOO,OAEjBJ,EAAIE,IAAML,EAAOK,IAGnB9C,EAAMU,YAAYkC,GAEdF,EAAyB,CAC3B1C,EAAMO,UAAUC,IAAI,eACpB,MAAMyC,EAAc5C,SAASmB,cAAc,mCACvCyB,GACFjD,EAAMU,YAAYuC,EAAYC,WAAU,IAI5C,OAAOlD,EAoCT,SAASkC,EAA2Bb,EAAwB8B,GAC1D,MAAMC,EAAqB/C,SAASmB,cAA8B,0BAClE,IAAI6B,EAAehC,EAAUiC,UAAYH,EAAQI,QAAwB,4BAA6BD,UAKtG,OAJIjC,EAAUmC,GAAGtE,SAAS,kBACxBmE,GAAgBhC,EAAUoC,cAAeH,UAAYjC,EAAUkC,QAAwB,YAAaD,WAG/FD,EAAeD,EAAmBM,WACpCL,EAAeF,EAAQQ,aAAeP,EAAmBM,UAAYN,EAAmBO,aAa/F,SAASzD,EAAY0D,EAAsBC,GACzCC,OAAOC,OAAOH,EAAQjD,MAAOkD,GAG/B,SAASvH,EAASL,EAA2BE,GAC3C,IAAI6H,EACAC,EAEJ,OAAQhI,GACN,KAAK4C,IAAkBE,MACvB,KAAKF,IAAkBG,eACrBgF,EAAqB,uCAAsC7H,EAASqH,GACpES,EAAgB,cAChB,MAEF,KAAKpF,IAAkBC,YACrBkF,EAAqB,gBAAe7H,EAASqH,GAC7CS,EAAgB,MAChB,MAEF,KAAKpF,IAAkBI,aACrB+E,EAAqB,gBAAe7H,EAASqH,GAC7CS,EAAgB,MAChB,MAEF,KAAKpF,IAAkBqF,mBACrBF,EAAoB,kCACpBC,EAAgB,mBAChB,MAEF,KAAKpF,IAAkBwD,cACrB2B,EAAoB,kDACpBC,EAAgB,mBAChB,MAEF,KAAKpF,IAAkBoD,gBACvB,KAAKpD,IAAkBmD,OACvB,QACEgC,EAAqB,kCAAiC7H,EAASqH,GAC/DS,EAAgB,4DAGpB,MAAM5C,EAAYhB,SAASmB,cAA2BwC,GAChDG,EAAW9C,GAAaA,EAAU+C,iBAAsDH,GAE9F,MAAO,CACL5C,YACAjF,QAAS+H,GAAYA,EAASA,EAASE,OAAS,IAIpD,SAASjE,EAAWJ,EAAuB/D,GACzC,OAAQA,GACN,KAAK4C,IAAkBE,MACvB,KAAKF,IAAkBG,eACvB,KAAKH,IAAkBmD,OACvB,KAAKnD,IAAkBoD,gBACrBjC,EAAMO,UAAUC,IAAI,mBACpB,MAEF,KAAK3B,IAAkBC,YACvB,KAAKD,IAAkBwD,cACvB,KAAKxD,IAAkBI,aACpBe,EAAMY,WAA2BD,MAAME,UAAY,QACpD,MAEF,KAAKhC,IAAkBqF,mBACrBlE,EAAMO,UAAUC,IAAI,W,8ECnSX8D,kBACb,CAACC,GAAUC,SAAQC,YAAWC,eAC5B,GAAIA,GAAYF,EACd,MAAO,CACLG,OAAQC,aAAcJ,GAAUK,aAAWN,EAAQC,GAAUM,YAAWP,EAAQC,IAIpF,IAAKC,IAAcD,EACjB,MAAO,GAGT,MAAMrI,EAAU4I,YAAkBR,EAAQC,EAAQC,GAElD,MAAO,CACLtI,UACAwI,OAAQxI,GAAW6I,aAAaT,EAAQpI,KAG5C,CAAC8I,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,mBAAoB,iBAnB7DZ,CApC+C,EAC5DE,SAAQC,YAAWE,SAAQD,WAAUvI,UAASiJ,mBAAkBC,mBAEhE,MAAMC,EAAqBC,YAAY,KACrCH,IACAC,EAAa,CAAEb,SAAQC,eACtB,CAACD,EAAQa,EAAcZ,EAAWW,IAE/BI,EAAOC,cAEb,IAAKd,IAAYxI,IAAYuI,EAC3B,OAGF,MAAMgB,EAAaf,EAAOnB,GAAK,EACzBmC,EAAcC,YAAejB,GAEnC,OACE,yBAAKkB,UAAU,aAAaC,QAASR,GAClCI,EACC,kBAACK,EAAA,EAAD,CAAQC,IAAKrB,EAAOnB,GAAIlE,KAAK,SAAS2G,KAAMtB,IAE5C,kBAACoB,EAAA,EAAD,CAAQC,IAAKrB,EAAOnB,GAAIlE,KAAK,SAAS4G,KAAMvB,IAE9C,yBAAKkB,UAAU,QACb,yBAAKA,UAAU,SACZF,GAAeQ,YAAWR,IAE7B,yBAAKE,UAAU,QACZnB,EAAWc,EAAK,+BAAiCY,YAAoC,IAAhBjK,EAASkK,W,yCCuH1EC,MAxJ0B,EACvCC,YACA3J,UACA4J,WACArK,UACAsK,WACA/B,WACAgC,qBACAC,YACAC,mBAEA,MAAOC,EAAwBC,GAA6BC,aAAS,GAC/DC,EAAiBpK,GAAWT,EAAU8K,YAAoB9K,EAAS,iBAAc+K,GAErFX,UAAWY,EADP,iBACqBC,GACvBC,YAA6BL,GAAiBH,GAGlDS,YAAU,KACJT,GAA0BM,IAC5BI,YAASJ,EAAcV,GACvBK,GAA0B,KAE3B,CAACL,EAAUU,EAAcN,IAG5BS,YAAU,KACRR,GAA0B,IACzB,CAACE,IAEJ,MAAMQ,EAA2BjC,YAAakC,IAC5CA,EAAEC,kBACFZ,EAA2Ba,IAAeA,IACzC,IAEGnC,EAAOC,cAEPmC,EAA8DC,YAAQ,IACnE,EAAGC,YAAWC,YACnB,kBAACC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNrC,UAAWkC,EAAS,cAAWb,EAC/BpB,QAASgC,EACTK,UAAU,gBAEV,uBAAGtC,UAAU,eAGhB,IAEH,OAAIuC,IAEA,yBAAKvC,UAAU,6BACb,kBAACwC,EAAA,EAAD,CACEC,QAASV,EACTW,UAAU,UAER7D,GACA,kBAAC8D,EAAA,EAAD,CACEC,KAAK,UACL3C,QAASa,GAERnB,EAAK,YAGT5I,EACC,kBAAC4L,EAAA,EAAD,CACEC,KAAM5B,EAAyB,QAAU,WACzCf,QAAS0B,GAERX,EAA4BtH,KAAK0I,MAAyB,IAAnBb,GAAb,mBAAyD,YAGtF,kBAACoB,EAAA,EAAD,CACEC,KAAK,WACLC,KAAMnC,EACNgB,SAAUd,GAETjB,EAAK,uBAIXqB,GAA0B,kBAAC8B,EAAA,EAAD,CAAiBC,SAAUxB,EAAkB9H,KAAK,IAAIuJ,SAAO,KAM5F,yBAAKhD,UAAU,uBACXnB,GACA,oCACE,kBAACsD,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3C,EAAK,WAChBM,QAASa,GAET,uBAAGd,UAAU,mBAIlBjJ,EACC,kBAACoL,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3C,EAAK,qBAChBM,QAAS0B,GAERX,EACC,kBAAC8B,EAAA,EAAD,CAAiBC,SAAUxB,EAAkB9H,KAAK,IAAIwG,QAAS0B,IAE/D,uBAAG3B,UAAU,mBAIjB,kBAACmC,EAAA,EAAD,CACEU,KAAMnC,EACNgB,SAAUd,EACVwB,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3C,EAAK,sBAEhB,uBAAGK,UAAU,mBAGjB,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3B,EAAW,WAAa,UACnCV,QAASc,GAET,uBAAGf,UAAWW,EAAW,gBAAkB,kBAE7C,kBAACwB,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3C,EAAK,SAChBM,QAASY,GAET,uBAAGb,UAAU,kB,cC1HNiD,MAxCyB,EAAGC,OAAO,GAAIC,aAAYlD,cAChE,MAAOmD,EAAaC,GAAkBnC,aAAS,GA4B/C,OA3BAO,YAAU,KACR,MAAM6B,EAAgB9I,SAASmB,cAAc,kCAEvC4H,EAAmB,KACvB,MAAM9L,EAAS6L,EAAgBA,EAAcE,aAAe,EAE5DH,EAAe5L,EAAe,EAANc,MAI1BgL,IAEA,MAAME,EAAeC,YAASH,EAtBP,KAsB6C,GAIpE,OAFArL,OAAOyL,iBAAiB,SAAUF,GAAc,GAEzC,KACLvL,OAAO0L,oBAAoB,SAAUH,GAAc,KAEpD,IASD,yBAAKzD,UAAY,sBAAoBmD,EAAa,WAAa,IAAMlD,QAPvE,SAAmB2B,GACbsB,GACFtB,EAAEC,oBAMDqB,GACC,yBAAKlD,UAAU,8BAA8BC,QAASA,GACpD,uBAAGD,UAAY,6BAA2BoD,EAAc,YAAc,KAAOF,M,iBCtCvF,MAAMW,EA8EN,WACE,QAA0C,IAA/BrJ,SAASsJ,kBAClB,MAAO,oBACF,QAA6C,IAAlCtJ,SAASuJ,qBACzB,MAAO,uBACF,QAAgD,IAArCvJ,SAASwJ,wBACzB,MAAO,0BAGT,MAAO,GAvFIC,G,sBCVb,MAAMC,EAAQ,CAAC,QAAS,KAAM,KAAM,KAAM,KAAM,MAEhCC,UACd,MAAMC,EAAmB,IAAVD,EAAc,EAAIzK,KAAK2K,MAAM3K,KAAK4K,IAAIH,GAASzK,KAAK4K,IAAI,OAEvE,MAAQ,IAAGH,EAAQ,MAAQzK,KAAK2K,MAAMD,IAASG,QAAQ,MAAML,EAAME,M,OCuBrE,MAAMI,GAAa5C,IACjBA,EAAEC,mBA4IW4C,OAvIyB,EACtCC,mBACAC,cACAC,WACAC,WACAC,iBACAC,uBACAC,WACAC,wBACAC,eACAC,qBACAC,cACAC,aAEA,MAAOC,EAAWC,GAAiBrE,aAAS,GAE5CO,YAAU,KACJqD,GACFS,EAAcT,IAEf,CAACA,IAEJrD,YAAU,KACR,IAAI+D,EAYJ,OAVKV,IACCvC,IACFgD,GAAc,GAEdC,EAAUtN,OAAOiD,WAAW,KAC1BoK,GAAc,IAhCS,MAqCtB,KACDC,GACFtN,OAAOuN,aAAaD,KAGvB,CAACV,IAEJrD,YAAU,MACJ6D,GAAaR,IACftK,SAASC,KAAKC,UAAUC,IAAI,0BAGvB,KACLH,SAASC,KAAKC,UAAUO,OAAO,4BAEhC,CAAC6J,EAAgBQ,IAEpB,MAAM3F,EAAOC,cA4Cf,IAAwB8F,EAA2BC,EA1CjD,GAAKL,GAAcR,EAInB,OACE,yBAAK9E,UAAY,wBAAsB+E,EAAuB,SAAW,IAAM9E,QAASuE,IA6C5F,SAAwBG,EAAqBC,EAAkBF,EAA0BW,GACvF,MAAMO,EAAoBjB,EAAcC,EAAY,IAC9CiB,EAAwC,IAAnBnB,EAE3B,OACE,yBAAK1E,UAAU,mBACb,yBAAKA,UAAU,yBACb,yBACEA,UAAU,2BAEVlF,MAAQ,UAAS+K,GAAsB,OAEzC,yBACE7F,UAAU,yBAEVlF,MAAQ,UAAS8K,GAAoB,OAEvC,2BACEE,IAAI,IACJnM,IAAI,MACJoM,KAAM,IACNC,KAAK,QACLC,QAASZ,EACTrF,UAAU,wBACVkG,MAAON,GAAoB,MApE9BO,CAAexB,EAAaC,EAAUF,EAAkBW,GACzD,kBAAClD,EAAA,EAAD,CACEG,UAAW3C,EAAK,iBAChBlG,KAAK,OACL2M,QAAS7D,IACTF,MAAM,oBACNrC,UAAU,OACVC,QAASmF,GAET,uBAAGpF,UAAWgF,EAAW,aAAe,eAmBhD,SAAoBL,EAAqBC,GACvC,OACE,yBAAK5E,UAAU,eACX,GAAEqG,YAAoB1B,QAAkB0B,YAAoBzB,MApB7D0B,CAAW3B,EAAaC,GACxBF,EAAmB,IAwBFgB,EAxBsBhB,EAwBKiB,EAxBad,EA0B5D,yBAAK7E,UAAU,oBACX,GAAEuG,EAAeZ,EAAYD,QAAwBa,EAAeZ,OA1BrEV,GACC,kBAAC9C,EAAA,EAAD,CACEG,UAAU,aACV7I,KAAK,OACL4I,MAAM,oBACNrC,UAAU,aACVC,QAASkF,GAET,uBAAGnF,UAAY,IAAEkF,EAAe,mBAAqB,wB,wNCyFhDsB,mBA5KmB,EAChCC,MACAC,QACAC,aACAC,aACArF,mBACAsD,WACAgC,oBACAC,SACAC,cAGA,MAAMC,EAAWC,YAAyB,OACnCjC,EAAUkC,GAAehG,aAAUiG,MAAiBC,MACpDzC,EAAa0C,GAAkBnG,YAAS,IACxCoG,EAAmBC,GAAwBrG,aAAS,IAEpDgE,EAAcsC,EAAeC,GHrCvB,SAA6BC,EAAgBR,GAC1D,MAAOhC,EAAcyC,GAAmBzG,YAAS9J,QAAQyM,GAAQrJ,SAASqJ,KAoE1E,OA9BA+D,YAAgB,KACd,MAAMC,EAAW,KAAQF,EAAgBvQ,QAAQyM,GAAQrJ,SAASqJ,MAC5DiE,EAAgB,KAAQH,GAAgB,IACxCI,EAAe,KACnBJ,GAAgB,GAChBT,GAAY,IAERjQ,EAAQyQ,EAAMM,QAWpB,OATAxN,SAASmJ,iBAAiB,mBAAoBkE,GAAU,GACxDrN,SAASmJ,iBAAiB,yBAA0BkE,GAAU,GAC9DrN,SAASmJ,iBAAiB,sBAAuBkE,GAAU,GAEvD5Q,IACFA,EAAM0M,iBAAiB,wBAAyBmE,GAAe,GAC/D7Q,EAAM0M,iBAAiB,sBAAuBoE,GAAc,IAGvD,KACLvN,SAASoJ,oBAAoB,mBAAoBiE,GAAU,GAC3DrN,SAASoJ,oBAAoB,yBAA0BiE,GAAU,GACjErN,SAASoJ,oBAAoB,sBAAuBiE,GAAU,GAC1D5Q,IACFA,EAAM2M,oBAAoB,wBAAyBkE,GAAe,GAClE7Q,EAAM2M,oBAAoB,sBAAuBmE,GAAc,MAIlE,IAEElE,GAAyB,QAAjBoE,IAIN,CAAC/C,EAtEc,KACfwC,EAAMM,UAAanE,GAAyB,QAAjBoE,OAI5BP,EAAMM,QAAQE,kBAChBR,EAAMM,QAAQE,oBACLR,EAAMM,QAAQG,wBACvBT,EAAMM,QAAQG,0BACLT,EAAMM,QAAQI,sBACvBV,EAAMM,QAAQI,wBACLV,EAAMM,QAAQK,sBACvBX,EAAMM,QAAQK,uBAGhBV,GAAgB,KAGK,KAChBD,EAAMM,UAIPxN,SAASiN,eACXjN,SAASiN,iBACAjN,SAAS8N,oBAClB9N,SAAS8N,sBACA9N,SAAS+N,uBAClB/N,SAAS+N,yBACA/N,SAASgO,sBAClBhO,SAASgO,uBAGXb,GAAgB,MAkCT,EAAC,GGjC4Cc,CAAoBzB,EAAUE,IAE9E,WAAEwB,EAAF,iBAAchE,EAAd,kBAAgCiE,GAAsBC,eAE1DC,aAAcC,EACdC,qBAAsBC,GACpBC,aAAmBP,OAAYrH,OAAWA,EAAW,QAEzDI,YAAU,KACJqF,IAAWD,EACbG,EAASgB,QAASkB,QACTzC,IAAQU,KAIjBgC,YAASnC,EAASgB,UAEnB,CAAClB,EAAQD,EAAmBJ,IAE/BhF,YAAU,KACJuF,EAASgB,QAASrD,cAAgBqC,EAASgB,QAASpD,UACtDyC,EAAe,GACfH,GAAY,IAEZG,EAAeL,EAASgB,QAASrD,cAElC,CAACA,IAEJ,MAAMyE,EAAkB1J,YAAakC,IACnCA,EAAEC,kBACEmD,GACFgC,EAASgB,QAASkB,QAClBhC,GAAY,KAEZF,EAASgB,QAASqB,OAClBnC,GAAY,KAEb,CAAClC,IAEJsE,YAAgBtC,EAAU,IAE1B,MAAMuC,EAAkB7J,YAAY,KAClC6H,GAAqB,IACpB,IAEGiC,EAAiB9J,YAAY,KACjC6H,GAAqB,IACpB,IAEGkC,EAAmB/J,YAAakC,IACpCyF,EAAezF,EAAE8H,cAAc/E,cAC9B,IAEGgF,EAAcjK,YAAY,KAC9B2H,EAAe,GACfH,GAAY,IACX,IAEG0C,EAAyBlK,YAAY,KACrCwF,GAAgBuC,EAClBA,KACUvC,GAAgBsC,GAC1BA,KAED,CAACC,EAAgBvC,EAAcsC,IAE5BqC,EAAanK,YAAakC,IAC9BA,EAAEC,kBAEFmF,EAASgB,QAASrD,YAAemF,OAAOlI,EAAEmI,OAAO7D,OAASc,EAASgB,QAASpD,SAAY,KACvF,IAEGoF,EAAiBtK,YAAakC,IAClCA,EAAEC,kBACF0F,GAAsBD,IACrB,CAACA,IAEJ7F,YAAU,KACR,MAAMwI,EAA4BrI,IAClB,UAAVA,EAAEzB,KAA6B,MAAVyB,EAAEzB,KACzBiJ,EAAgBxH,IAMpB,OAFApH,SAASmJ,iBAAiB,UAAWsG,GAA0B,GAExD,KACLzP,SAASoJ,oBAAoB,UAAWqG,GAA0B,KAEnE,CAACb,IAEJ,MAAMc,EAAetD,GAAe,UAASA,EAAWlQ,oBAAoBkQ,EAAWnP,WACjF0S,EAAc,yBAAwBxD,KAE5C,OACE,yBACE3G,UAAU,cACVC,SAAUyG,GAASnE,IAAmByH,OAAiB3I,EACvD+I,YAAc1D,OAA0BrF,EAAlBkI,EACtBc,WAAa3D,OAAyBrF,EAAjBmI,GAErB,yBAEE1O,MAAOoP,GAGP,8BACEI,IAAKtD,EACLuD,SAAUpD,IACVqD,aAAW,EACXC,KAAM/D,EAENgE,MAAOhE,EACP/I,GAAG,qBAEH7C,MAAOqP,EACPQ,QAAShB,GAELhB,EAZN,CAaEiC,aAAcnB,IAEbhD,GAAO,4BAAQxJ,IAAKwJ,MAGxBqC,GACC,yBAAK9I,UAAW,CAAC,oBAAqBgJ,GAAmB6B,KAAK,OAC1DnC,GAAc,yBAAK1I,UAAU,aAAf,gBAChB,kBAAC8C,EAAA,EAAD,CACErJ,KAAK,KACLsJ,SAAU2F,EAAa,EAAInH,EAC3BuJ,QAAM,EACN7K,QAAS8G,MAIbL,IAAUoC,GACV,kBAAC,GAAD,CACE9D,SAAUA,EACVN,iBAAkBA,EAClBC,YAAaA,EACbM,sBAAuB7N,QAAQoQ,GAC/BtC,aAAcA,EACdL,SAAUA,EACVD,SAAUoC,EAASgB,QAAUhB,EAASgB,QAAQpD,SAAW,EACzDE,gBAAiBE,GAAYsC,EAC7BvC,qBAAsB6B,GAAcA,EAAWlQ,MApKpB,IAqK3B2O,OAAQwE,EACR1E,mBAAoByE,EACpBxE,YAAagE,O,eCxER5C,mBArGoB,EAAGuE,UAASC,mBAC7C,MAAM,qBAAEjC,GAAyBE,YAAkB8B,GAC7CE,EAAcC,YAAqBH,GAEnCI,EAAWlE,YAAyB,OACnCmE,EAAWC,GAAgBnK,YAAS,GACrCoK,EAAYrE,aAAgB,GAElCxF,YAAU,KACJsJ,IAAYE,GACdI,EAZmB,MAcpB,CAACN,EAASE,IAEb,MAYMM,EAAkB7L,YAAY,KAClC4L,EAAUtD,SAAU,GACnB,IAEGwD,EAAiB9L,YAAY,KACjC4L,EAAUtD,SAAU,EACF,IAAdoD,GACFJ,EAAaI,GAAYE,EAAUtD,UAEpC,CAACgD,EAAcI,IAMlB3J,YAAU,KACRuJ,EAAaI,GAAYE,EAAUtD,UAClC,CAACoD,EAAWJ,IAEf,MAAMrL,EAAOC,cAEPI,EAAYyL,aAChB,eACA1C,GAGF,OACE,yBAAK/I,UAAWA,GACd,kBAACmC,EAAA,EAAD,CACEuJ,SA3DsB,IA2DZN,EACV3R,KAAK,OACL4I,MAAM,oBACNC,UAAW3C,EAAK,WAChBK,UAAU,WACVoG,QAAS7D,IACTtC,QA/CgB,KAChBkL,EAASnD,SACXqD,EAAa3R,KAAKC,IApBM,EAoBcyR,EAAY,OA+ChD,uBAAGpL,UAAU,mBAEf,kBAACmC,EAAA,EAAD,CACEuJ,SAvEsB,IAuEZN,EACV3R,KAAK,OACL4I,MAAM,oBACNC,UAAU,UACVtC,UAAU,UACVoG,QAAS7D,IACTtC,QApDe,KACfkL,EAASnD,SACXqD,EAAa3R,KAAKoM,IA3BM,EA2BcsF,EAAY,OAoDhD,uBAAGpL,UAAU,kBAEf,yBAAKA,UAAU,YACb,yBAAKA,UAAU,kBACb,yBACEA,UAAU,kBAEVlF,MAAQ,UApFK,IAoFKsQ,EAAY,QAEhC,2BACEd,IAAKa,EACLrF,IAzFkB,EA0FlBnM,IA3FkB,EA4FlBoM,KAAK,MACLG,MAAOkF,EACPpF,KAAK,QACLhG,UAAU,iBACV2L,SAtDoB/J,IAC5ByJ,EAAa3R,KAAKoM,IA3CQ,EA2CYpM,KAAKC,IAAImQ,OAAOlI,EAAEmI,OAAO7D,OA1CrC,MAgGlB0F,YAAaL,EACbM,UAAWL,S,OCrFvB,MAAMM,GAAiB,CACrB,EAAG,EAAG,EAAG,EAAG,EAAG,GAGXC,GAAe,CACnBC,EAAG,EACHC,IAAK,IACLC,EAAG,IACHC,IAAK,IACLC,EAAG,KAyKU5F,mBA1Ie,EAC5B6F,WACArM,YACAsM,SACAC,SACAnB,YACAoB,YACAC,YACAC,YAEA,MAAMC,EAAiBZ,GAAaX,IAA2CA,GACxEwB,EAAYC,GAAiB3L,aAAkB,IAC/C4L,EAAUC,GAAe7L,YAAoB,CAClD8L,GAAIR,EAAWS,GAAIR,EAAWS,EAAG,EAAGC,EAAG,KAGlCC,EAAYC,GAAiBnM,YAAmB4K,IAGjDwB,EAAgBrG,YAAuB,MAGvCsG,EAAkBtG,YAAuB,MAE/CxF,YAAU,KACR,MAAM+L,EAAeb,GAAkBS,EAAW,GAC5CK,EAAWjB,GAAaY,EAAW,GACnCM,EAAWjB,GAAaW,EAAW,GAEnCO,EAAgB,IAAIP,GACtBA,EAAW,KAAOI,IACpBG,EAAc,GAAKH,GAAgBG,EAAc,GACjDA,EAAc,GAAKH,GAAgBG,EAAc,IAE/CP,EAAW,KAAOK,IACpBE,EAAc,GAAKF,GAEjBL,EAAW,KAAOM,IACpBC,EAAc,GAAKD,GAGhBE,YAAqBR,EAAYO,IACpCN,EApEN,SAAiCQ,EAAkBT,EAAsBU,GACvE,MAAMC,EAAQD,GAAWA,EAAQnS,cAAc,eAC/C,IAAKmS,IAAYC,EACf,OAAOX,EAET,MAAMY,EAAcF,EAAQ/U,wBACtBkV,EAAYF,EAAMhV,wBAElBmV,EAAeD,EAAUvX,MAAQmX,EAAYT,EAAW,GACxDe,EAAgBF,EAAUxW,OAASoW,EAAYT,EAAW,GAC1DgB,GAAWJ,EAAYtX,MAAQwX,GAAe,EAAId,EAAW,GAC7DiB,GAAWL,EAAYvW,OAAS0W,GAAgB,EAAIf,EAAW,GAYrE,OAXIY,EAAYtX,OAASsX,EAAYtX,MAdhB,IAcyC0X,EAC5DhB,EAAW,IAAMgB,EAAUJ,EAAYtX,MAfpB,IAgBVwX,GAAeA,EAAcE,EAhBnB,MAiBnBhB,EAAW,IAAMc,EAAcE,EAjBZ,KAmBjBJ,EAAYvW,QAAUuW,EAAYvW,OAnBjB,IAmB2C4W,EAC9DjB,EAAW,IAAMiB,EAAUL,EAAYvW,OApBpB,IAqBV0W,GAAgBA,EAAeE,EArBrB,MAsBnBjB,EAAW,IAAMe,EAAeE,EAtBb,KAyBdjB,EA6CWkB,CAAwBlB,EAAW,GAAIO,EAAeL,EAActF,WAGnF,CAACwE,EAAWC,EAAWE,IAE1BlL,YAAU,KACH8K,GACHc,EAAcvB,KAEf,CAACS,IAEJ9K,YAAU,KACJ8L,EAAgBvF,UAClBuF,EAAgBvF,QAAQlN,MAAMR,UAAa,UAAS8S,EAAWmB,gBAEhE,CAACjC,EAAQc,IA2DZ,OAAId,EACKD,EAIP,yBACE/B,IAAKgD,EACLtN,UAAY,gBAAcA,GAAa,IACvC4L,YAjEqBhK,IACvB,IAAK2K,EACH,OAGF3K,EAAEC,kBACFD,EAAE4M,iBAEF,MAEMC,EAAyB,CAC7BzB,GAHcI,EAAW,GAIzBH,GAHcG,EAAW,GAIzBF,EAAGtL,EAAE8M,MACLvB,EAAGvL,EAAE+M,OAEP5B,EAAY0B,GACZ5B,GAAc,GAEVS,EAActF,SAChBsF,EAActF,QAAQtN,UAAUC,IAAI,SA8CpCkR,UA1CkB,KACpBgB,GAAc,GAEVS,EAActF,SAChBsF,EAActF,QAAQtN,UAAUO,OAAO,QAGrCyR,GACFA,EAAMU,EAAW,GAAIA,EAAW,KAmChCwB,YArBqBhN,IACvB,GAAIgL,EAAY,CACd,MAAMe,EAZV,SAA0BT,EAAWC,GACnC,MAAMQ,EAAgB,IAAIP,GACpByB,EAAS/B,EAASI,EAAIA,EACtB4B,EAAShC,EAASK,EAAIA,EAI5B,OAHAQ,EAAc,GAAKb,EAASE,GAAK6B,EACjClB,EAAc,GAAKb,EAASG,GAAK6B,EAE1BnB,EAKiBoB,CAAiBnN,EAAE8M,MAAO9M,EAAE+M,OAClDtB,EAAcM,GAEVJ,EAAgBvF,UAClBuF,EAAgBvF,QAAQlN,MAAMR,UAAa,UAAS8S,EAAWmB,kBAiBjE,yBACEjE,IAAKiD,EACLvN,UAAU,iBAETqM,M,OC4UT,SAAS2C,GAAYC,EAAkBC,EAAyBC,GAC9D,OAAOF,EAEH,yBACEhS,IAAKgS,EACLG,IAAI,GAEJtU,MAAOoU,EAAa,UAASA,EAAUxY,UAAY,GACnD2Y,UAAWjY,QAAQ+X,KAIrB,yBACEnP,UAAU,kBAEVlF,MAAOoU,EAAa,UAASA,EAAUxY,UAAY,IAEnD,kBAAC4Y,EAAA,EAAD,CAASjN,MAAM,WAKRmE,mBAAK/H,YACjBC,IACC,MAAM,OACJC,EADI,SACI4Q,EADJ,UACc3Q,EADd,cACyB4Q,EADzB,kBACwCC,EADxC,OAC2DrZ,GAC7DsI,EAAOgR,aACL,eACJC,GACEjR,EAAOkR,SAASC,MAEpB,GAAIzZ,IAAW4C,IAAkBI,aAAc,CAC7C,IAAMuF,IAAUC,EACd,MAAO,CAAE+Q,kBAGX,MAAMrZ,EAAU4I,YAAkBR,EAAQC,EAAQC,GAClD,OAAKtI,EAIE,CACLqI,SACAC,YACAkR,SAAUxZ,EAAQwZ,SAClB1Z,SACAE,UACAqZ,kBATO,CAAEA,kBAab,GAAIH,EAAe,CAGjB,MAAO,CACL5Q,WAAY,EACZkR,SAAUN,EACVO,YALa/Q,aAAWN,EAAQ8Q,IAAkBvQ,YAAWP,EAAQ8Q,GAMrEC,kBAAmBA,GAAqB,EACxCE,iBACAvZ,UAIJ,KAAMuI,GAAU4Q,GAAY3Q,GAC1B,MAAO,CAAE+Q,kBAGX,IAAIrZ,EAWA0Z,EAOAC,EAXJ,GALE3Z,EADEF,GAAU,CAAC4C,IAAkBG,eAAgBH,IAAkBoD,iBAAiB/C,SAASjD,GACjF8Z,aAAuBxR,EAAQC,EAAQC,GAEvCM,YAAkBR,EAAQC,EAAQC,IAGzCtI,EACH,MAAO,CAAEqZ,kBAYX,GANEK,EADE5Z,GAAU,CAAC4C,IAAkBG,eAAgBH,IAAkBoD,iBAAiB/C,SAASjD,GAC5E+Z,aAAwBzR,EAAQC,GAEhCyR,YAAmB1R,EAAQC,GAIxCvI,IAAW4C,IAAkBmD,QAAU/F,IAAW4C,IAAkBE,MACtE+W,EAAgBI,aAAkB3R,EAAQC,EAAQ4Q,IAAae,YAAgB5R,EAAQC,EAAQ4Q,QAC1F,GAAInZ,IAAW4C,IAAkBC,YAAa,CACnD,MAAMsX,EAAgBC,YAAyB9R,IACzC,SAAE+R,GAAcF,GAAiBA,EAAcG,eAAiBH,EAAcG,cAAcC,OAAU,GAC5GV,EAAgBQ,EAGlB,MAAO,CACL9R,SACA4Q,WACA3Q,YACAkR,SAAUxZ,EAAQwZ,SAClB1Z,SACAE,UACA0Z,eACAC,gBACAN,mBAGJ,CAACvQ,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,kBAAmB,mBAAoB,kBAAmB,iBAvF1CZ,CAtdgC,EAClDE,SACA4Q,WACA3Q,YACAkR,WACA1Z,SACA2Z,cACAN,oBACAnZ,UACA0Z,eACAC,gBACAW,kBACArR,mBACAsR,kBACArR,eACAmQ,qBAGA,MAAMmB,EAAe7J,YAAe,MAC9B/E,EAAS9K,QAAQ2Y,GAAenR,GAChCmS,EAAeza,EAAU0a,YAAuB1a,QAAW+K,EAC3DrK,EAAQV,EAAU2a,YAAgB3a,QAAW+K,EAC7CpK,EAAQX,EAAU4a,YAAgB5a,QAAW+K,EAC7C8P,EAAiB/Z,QAAQ2Z,GACzBK,EAAUha,QAAQJ,GAAS+Z,GAC3Bha,EAAUK,QAAQH,GAClByP,EAAQzP,EAAQA,EAAMyP,WAAQrF,EAC9BgQ,EAAoBjb,IAAW4C,IAAkBC,YACjDqY,EAAelb,IAAW4C,IAAkBI,aAC5CmY,EAAiB5B,GAAkB,EAAI,WAAa,OACpD6B,EAAqC,IAAnB7B,EAAuB,aAAe,OACxD8B,GAAsC,IAAnB9B,EACnB/O,GAAWmP,EACZ,SAAQA,EAAYpS,MAAM8R,QAC3BnZ,GAAWob,YAAwBpb,GACjCqb,GAAezG,YAAgC4E,IAC9C8B,GAAgBC,IAAqB3Q,aAAS,IAC9CP,GAAUmR,IAAe5Q,aAAkB,IAC3CkK,GAAWC,IAAgBnK,YAAiB,IAC5C6Q,GAAUC,IAAe9Q,YAAS,CAAEgM,EAAG,EAAGC,EAAG,IAE9C8E,GAAajQ,YAAQ,IAClBmP,GAAkBvS,EACrB,CAACA,GACDsT,YAAuBlC,GAAgB,GAAIC,GAAiB,GAAIoB,GACnE,CAACF,EAAgBvS,EAAWoR,EAAcC,EAAeoB,IAEtDc,GAA4BvT,EAAYqT,GAAWG,QAAQxT,IAAc,EACzEyT,GAAwC,IAA9BF,KAAkE,IAA/BA,GAC7CG,GAASH,KAA8BF,GAAWzT,OAAS,IAAoC,IAA/B2T,GAKtE,SAASI,GAAaC,GACpB,GAAIzC,QAAqC1O,IAAtBoO,EAAiC,CAClD,MAAM,OAAEgD,GAAW1C,EACnB,OAAO0C,GAAUA,EAAOhD,GACnB,QAAOgD,EAAOhD,GAAmB9R,YAClC+U,YAAkB3C,EAAayC,EAAO,MAAQ,UAGpD,OAAOlc,GAAW8K,YAAoB9K,EAASkc,EAAO,aAAe,kBAZnEtQ,GAAYyP,IAAgBA,KAAiB7B,GAAagB,EAAa9I,UACzE8I,EAAa9I,QAAUmK,IAczB,MAAMQ,GAAmBC,YACvBtc,IAAY+a,GAAqBC,IAAiBlQ,YAAoB9K,EAAS,kBAC/E+K,EACAwR,iBAAeC,aACfzR,EACAoQ,IAxEuB,KA0EnBsB,GAAmBR,KACnBS,GAAiBJ,YACrBG,QACA1R,EACA0O,GAAegD,IAAoBA,GAAiBE,WAAW,gBAC3DJ,iBAAeK,QACfL,iBAAeC,aACnBzR,EACAoQ,IAlFuB,MAoFjB/Q,UAAWyS,GAAb,iBAA4B5R,IAAqBC,YACrD+Q,IAAa,QACblR,EACA/K,GAAW8c,YAAsB9c,EAAS,mBAC1C+K,EACAoQ,IAzFuB,KA4FnB4B,GAAgBrc,GAASC,GAAUD,GAASC,GAAQgY,aAAU5N,EACpE,IAAIhL,IAAkBU,IAAYsc,IAAgBF,KAAmBH,IAAkBL,GACvF,MAAMW,GAAeC,aAAald,IAAiBC,GAAWkd,YAA4Bld,IACrFD,IAAiBD,IAAW4C,IAAkBI,eACjD/C,GAAgBid,IAGlB,MAAMG,GAAkBrC,EAAU9Z,YAChC6Z,EAAiBH,YAAuB1a,GAAY2a,YAAgB3a,SAChE+K,EACAqS,GAAkB3c,EAAUM,aAAmB6Z,YAAgB5a,SAAc+K,EAEnFI,YAAU,KACHc,KAIL/H,SAASC,KAAKC,UAAUiZ,OAAO,uBAAwBzR,IACtD,CAACA,IAEJ,MAAM0R,GAAcC,cACpBpS,YAAU,KACR,MAAMxJ,EAAMC,OAAOC,WAAWC,KAO9B,MANoC,mBAAzBH,EAAI0L,iBACb1L,EAAI0L,iBAAiB,SAAUiQ,IACK,mBAApB3b,EAAI6b,aACpB7b,EAAI6b,YAAYF,IAGX,KACkC,mBAA5B3b,EAAI2L,oBACb3L,EAAI2L,oBAAoB,SAAUgQ,IACK,mBAAvB3b,EAAI8b,gBACpB9b,EAAI8b,eAAeH,MAGtB,CAACA,KAEJ,MAAMI,GAAc9I,YAAoC5U,GAClD2d,GAAa/I,YAAY9U,GACzB8d,GAAkBhJ,YAA2C6E,GAC7DoE,GAAoBjJ,YAAY7U,IACtCoL,YAAU,KACR,GAAIgQ,IAAoBvP,IAAW8R,KAAgBE,GAAiB,CAClEE,YAxIqB,IAwI4B9Y,KACjD,MAAM+Y,EAAY/d,EAAUge,YAAkBhe,QAAW+K,EAEzDnL,EADkBkB,QAAQid,GACAje,EAASC,GAAgBC,GAGjDmb,KAAqBvP,IAAW8R,IAAeE,MACjDE,YA/IqB,IA+I4B9Y,KACjDC,EAAe0Y,GAAaE,GAAoBH,SAAe3S,KAEhE,CACDoQ,GAAkBvP,EAAQ9L,EAAQ6d,GAClC3d,EAAS0d,GAAaE,GAAiB7d,GAAe8d,KAGxD1S,YAAU,KACR,IAAI8S,EAUJ,OARI5T,GACFkR,IAAkB,GAElB0C,EAAQrc,OAAOiD,WAAW,KACxB0W,IAAkB,IA9JC,KAkKhB,KACD0C,GACFrc,OAAOuN,aAAa8O,KAGvB,CAAC5T,KAEJ,MAAM6T,GAAY,KAChB1C,IAAY,GACZzG,GAAa,GACb2G,GAAY,CAAE9E,EAAG,EAAGC,EAAG,KAGnBsH,GAAmB/U,YAAY,KACnCoS,IAAanR,IACb0K,GAAc1K,GAAiB,EAAN,KACrBA,IACFqR,GAAY,CAAE9E,EAAG,EAAGC,EAAG,KAExB,CAACxM,KAEE+T,GAAkBhV,YAAY,CAACiV,EAAeC,GAAe,KACjEvJ,GAAasJ,GACC,IAAVA,GAAeC,GACjBJ,MAED,IAEGK,GAAQnV,YAAY,KACxBH,IACAiV,MACC,CAACjV,IAEEuV,GAAoBpV,YAAY,KACpCmV,KACArV,EAAa,CAAEb,SAAQ4Q,WAAU3Q,eAChC,CAACiW,GAAOlW,EAAQ4Q,EAAU/P,EAAcZ,IAErCmW,GAAgBrV,YAAY,KAChCmR,EAAgB,CAAEmE,WAAYrW,EAAQsT,WAAY,CAACrT,KACnD4V,MACC,CAAC3D,EAAiBlS,EAAQC,IAE7B6C,YAAU,IAAOS,EAAS+S,YAAsB,KAC1CtU,GACF6T,KAEAK,YAECxT,EAAY,CAACwT,GAAO3S,EAAQvB,KAEjCc,YAAU,KACJ1K,IAAY2P,GACdwO,eAED,CAACxO,EAAO3P,IAEX,MAAMoe,GAAezV,YAAY,CAAC0V,EAAgBC,KAChD,IAAIC,EAAQrD,GAAWG,QAAQgD,GAK/B,QAJoB,IAAfC,GAAoBC,EAAQ,GAAqB,IAAdD,GAAmBC,EAAQrD,GAAWzT,OAAS,KACrF8W,GAASD,GAGJpD,GAAWqD,IACjB,CAACrD,KAEEsD,GAAsB7V,YAAY,KAClC2S,IAIJzB,EAAgB,CACdjS,SACA4Q,WACA3Q,UAAWA,EAAYuW,GAAavW,GAAY,QAAKyC,EACrDjL,YAED,CAACuI,EAAQ4Q,EAAU4F,GAAc9C,GAASzT,EAAWgS,EAAiBxa,IAEnEof,GAAkB9V,YAAY,KAC9B4S,IAIJ1B,EAAgB,CACdjS,SACA4Q,WACA3Q,UAAWA,EAAYuW,GAAavW,EAAW,QAAKyC,EACpDjL,YAED,CAACuI,EAAQ4Q,EAAU4F,GAAc7C,GAAQ1T,EAAWgS,EAAiBxa,IAExEqL,YAAU,KACR,MAAMgU,EAAiB7T,IACrB,OAAQA,EAAEzB,KACR,IAAK,OACL,IAAK,YACHoV,KACA,MAEF,IAAK,QACL,IAAK,aACHC,OAON,OAFAhb,SAASmJ,iBAAiB,UAAW8R,GAAe,GAE7C,KACLjb,SAASoJ,oBAAoB,UAAW6R,GAAe,MAK3DhU,YAAU,KACR,MAAM1D,EAAUvD,SAASmB,cAA8B,sDACvD,IAAKoC,EACH,OAGF,MAAM2X,EAAqBhP,IAAUU,IAErC,OAAOuO,YAAc5X,EAAS,CAE5B6X,wBAA0B,oEAAmEF,EAAwC,GAAnB,kBAClHzV,QAAS,KACFU,IACHkU,MAGJgB,QAAS1O,IAAe,CAACvF,EAAGyT,KACtBA,IAAcS,IAAeC,MAC/BR,KACSF,IAAcS,IAAeE,KACtCR,KAEAX,WAEAxT,KAEL,CAACwT,GAAOnO,EAAO/F,GAAU6U,GAAiBD,GAAqB3D,KAElE,MAAMqE,GAAYvW,YAAY,CAACwN,EAAWC,KACxC6E,GAAY,CAAE9E,IAAGC,OAChB,IAEGxN,GAAOC,cAEb,SAASsW,GAAYC,GACnB,GAAIpG,EACF,OACE,yBAAK5P,IAAKxB,EAAQqB,UAAU,wBACzBgP,GACCmE,IAAiBH,GACjBoD,YAA+B7e,KAAwB,IACtDgL,MAAqB5B,KAIvB,GAAIrK,EAAS,CAClB,MAAM+d,EAAYC,YAAkBhe,GAC9BH,EAAYiB,QAAQid,GAE1B,OACE,yBAAKlU,IAAKvB,EAAWoB,UAAY,yBAAuB7J,EAAY,aAAe,KAChFib,GAAWpC,GACVqE,IAAgBF,IAAiBH,IAAkBL,GACnDrc,GAAW8f,YAA+B3C,GAAkBtd,IAC3DoM,MAAqB5B,IAEvB5J,GACC,kBAAC,GAAD,CACEoJ,IAAKvB,EACL6H,IAAK4M,IAAgBF,GACrBzM,MAAOA,EACPC,WAAYtQ,GACZuQ,WAAYtQ,GAAW8f,YAA+B1C,GAAkBvd,GAAW,GACnFoL,iBAAkBA,GAClBsD,SAAU5N,EAAOwC,KACjBoN,kBAAmB3E,EACnB4E,QAASqP,EACTpP,QAAS8N,KAGZR,GACC,kBAAC,EAAD,CACEnR,KAAMmR,EACNpU,QAAS6U,GACT3R,WAAYpM,MAUxB,SAASsf,KACP,OACE,kBAAC,EAAD,CACElW,IAAK4P,EAAcA,EAAYpS,GAAKiB,EACpCD,OAAQoR,EAAcA,EAAYpS,GAAKgB,EACvCC,UAAWA,EACXC,SAAUzH,QAAQ2Y,KAKxB,OACE,kBAACuG,EAAA,EAAD,CACE3Y,GAAG,cACHqC,UAAWW,GAAW,SAAW,GACjCuB,OAAQA,GAEP,IACC,oCACE,yBAAKlC,UAAU,qBACZuC,KACC,kBAACJ,EAAA,EAAD,CACEnC,UAAU,qBACVoC,OAAK,EACL3I,KAAK,UACL4I,MAAM,oBACNC,UAAW3C,GAAK,SAChBM,QAAS4U,IAET,uBAAG7U,UAAU,gBAGjB,kBAACuW,EAAA,EAAD,CAAYC,UAAW1F,EAAa9I,QAAUyO,KAAMjF,GACjD6E,IAEH,kBAAC,EAAD,CACE3V,UAAWyS,IAAiBH,GAC5Bjc,QAASA,EACT4J,SAAUA,GACVrK,QAASA,EACTsK,SAAUA,GACVC,mBAAoBgU,GACpB/T,UAAWiU,GACXhU,aAAc0T,GACd5V,SAAUzH,QAAQ2Y,MAGtB,kBAAC,GAAD,CACEzD,QAASsF,GACTrF,OAAQ5L,GACR6L,UAAWuF,GAAS7E,EACpBT,UAAWsF,GAAS5E,EACpB/B,UAAWA,GACXsB,MAAOuJ,IAEP,kBAACM,EAAA,EAAD,CACEvW,UAAU,kBACVwW,UAAWrE,GACXsE,KAAMlF,GAEL2E,MAGH7D,IACA,4BACErM,KAAK,SACLhG,UAAY,oBAAkBjJ,IAAY2P,GAAS,UACnDgQ,aAAY/W,GAAK,oBACjBM,QAASsV,MAGXjD,IACA,4BACEtM,KAAK,SACLhG,UAAY,oBAAkBjJ,IAAY2P,GAAS,UACnDgQ,aAAY/W,GAAK,QACjBM,QAASuV,KAGb,kBAAC,GAAD,CACEzK,QAASpK,GACTqK,aAAc0J,U,6FCnWXlO,mBAAK/H,YACjBC,IACC,MACEiY,OACEC,KAAMC,EADD,QAELC,GAHE,cAKJC,GACErY,EAEJ,MAAO,CACLmY,YACAG,cAAeF,EAAQG,OACvBC,gBAAiBJ,EAAQK,SACzBJ,kBAGJ,CAAC3X,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,mBAAoB,kBAAmB,kBAjB3EZ,CA/H6C,EAC/DoY,YACAG,gBACAE,kBACAH,gBACA7U,SACAkV,mBACAC,kBACAC,oBAEA,MAAOC,EAAQC,GAAatW,YAAS,IAE/BiK,EAAWlE,YAAyB,MAE1CxF,YAAU,KACJS,EACGK,KACHpH,WAAW,KACTP,sBAAsB,KAChBuQ,EAASnD,SACXmD,EAASnD,QAAQyP,WAvBR,MA6BbtM,EAASnD,SACXmD,EAASnD,QAAQ0P,OAGnBvc,WAAW,KACTqc,EAAU,KAjCU,OAoCvB,CAACtV,IAEJ,MAAMyV,EAAU3V,YAAQ,KACtB,MAAM8U,EAAU,IACXE,GAAiB,MACjBE,GAAmB,IAGxB,OAAOU,aAAY,IACdd,EAAQS,OAAQ5Z,IACjB,MAAMyC,EAAOyW,EAAUlZ,GACvB,OAAKyC,KAIAyX,YAAiBzX,EAAM0X,qBAIvBP,GAIEQ,aAAYC,YAAanB,EAAUlZ,QAAK0D,EAAW1D,IAAOoZ,GAAgBQ,OAElFV,OAAWxV,EAAW0V,EAAgB,CAACA,QAAiB1V,IAC1D,CAAC2V,EAAeE,EAAiBL,EAAWE,EAAeQ,KAEvDU,EAAaC,GAAWC,aAAkBb,EAAeK,EAASvgB,QAAQmgB,IAE3Ea,EAAqB1Y,YAAakC,IACtC4V,EAAU5V,EAAE8H,cAAcxD,QACzB,IAEGvG,EAAOC,cAEPyY,EACJ,yBAAKrY,UAAU,gBACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACLC,MAAM,cACN5I,KAAK,UACL6I,UAAW3C,EAAK,SAChBM,QAASoX,GAET,uBAAGrX,UAAU,gBAEf,kBAACsY,GAAA,EAAD,CACEhO,IAAKa,EACLjF,MAAOqR,EACP5L,SAAUyM,EACVG,YAAa5Y,EAAK,gBAKxB,OACE,kBAAC6Y,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASsQ,EACTrX,UAAU,gBACVyY,OAAQJ,GAEPJ,GAAeA,EAAYzZ,OAC1B,kBAACka,GAAA,EAAD,CACE1Y,UAAU,4BACV2Y,MAAOV,EACPW,WAAYV,EACZW,gBAAiBzhB,QAAQmgB,IAExBU,EAAYa,IAAKnb,GAChB,kBAACob,GAAA,EAAD,CACE5Y,IAAKxC,EACLqC,UAAU,4CACVC,QAAS,IAAMmX,EAAiB,CAAEzZ,QAEjCoB,aAAcpB,GACb,kBAACqb,GAAA,EAAD,CAAiBC,OAAQtb,IAAOoZ,EAAgBpX,EAAK,0BAAuB0B,EAAW6X,OAAQvb,IAE/F,kBAACwb,GAAA,EAAD,CAAexa,OAAQhB,OAK7Bsa,IAAgBA,EAAYzZ,OAC9B,uBAAGwB,UAAU,cAAb,yBAEA,kBAACoZ,GAAA,EAAD,U,iBC1HR,SAASC,GAAeC,GACtB,OAAIA,EAAMC,WACD,mBAGF,uBAGM/S,mBAAK/H,YACjBC,GAAuBY,YAAKZ,EAAQ,CAAC,WACtC,CAACU,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,iBAFpCZ,CAhC2B,EAAG+a,SAAQC,mBACxD,MAAM9Z,EAAOC,cAEb,GAAK4Z,EAAOhb,OAIZ,OACE,yBAAKb,GAAG,UACL6b,EAAOV,IAAKQ,GACX,kBAACd,GAAA,EAAD,CACEtW,QAAM,EACN6E,QAAS0S,EACTzZ,UAAU,QACV0Z,MAAOL,GAAeC,IAEtB,2BAAIK,aAAqBL,IACzB,kBAACnX,EAAA,EAAD,CAAQyX,QAAM,EAAC3Z,QAASwZ,GAAe9Z,EAAK,a,UCJvC6G,mBAAK/H,YACjBC,GAAuBY,YAAKZ,EAAQ,CAAC,kBACtC,CAACU,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,wBAFpCZ,CAjBkC,EAAGob,gBAAeC,0BACtE,GAAKD,EAAcrb,OAInB,OACE,yBAAKb,GAAG,iBACLkc,EAAcf,IAAI,EAAGxiB,aACpB,kBAACyjB,GAAA,EAAD,CACEzjB,QAASgK,YAAWhK,EAAS,CAAC,QAAS,KAAM,UAC7C0jB,UAAWF,S,oBCiBNtT,mBAAK/H,iBAClB4C,EACA,CAACjC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,wBAFpCZ,CA1BgC,EAAGgI,MAAKwT,0BAC1D,MAAMta,EAAOC,cAEPsa,EAAaxa,YAAY,KAC7BxH,OAAOiiB,KAAK1T,GACZwT,EAAoB,CAAExT,SAAKpF,KAC1B,CAAC4Y,EAAqBxT,IAEnB2T,EAAgB1a,YAAY,KAChCua,EAAoB,CAAExT,SAAKpF,KAC1B,CAAC4Y,IAEEI,EAAeC,aAAiB7T,GAEtC,OACE,kBAAC8T,GAAA,EAAD,CACErY,OAAQ9K,QAAQqP,GAChBM,QAASqT,EACTV,MAAO/Z,EAAK,gBACZ0U,UAAW/T,YAAWX,EAAK,gBAAiB0a,GAAe,CAAC,UAC5DG,aAAc7a,EAAK,gBACnB8a,eAAgBP,O,OCVtB,MAAMQ,GAAkB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAwPvD,SAASC,GAAcC,EAAcC,EAAeC,EAAaC,EAAgBC,GAC/E,MAAMC,EAAc,IAAIC,KAAKN,EAAMC,EAAOC,EAAK,EAAG,EAAG,EAAG,GAClDK,EAAeJ,GAAW,IAAIG,KAAKH,EAAQK,cAAeL,EAAQM,WAAYN,EAAQO,UAAW,EAAG,EAAG,EAAG,GAC1GC,EAAeP,GAAW,IAAIE,KAAKF,EAAQI,cAAeJ,EAAQK,WAAYL,EAAQM,UAAW,EAAG,EAAG,EAAG,GAEhH,SAAIC,GAAgBN,EAAcM,OAEvBJ,GAAgBF,EAAcE,GAO3C,SAASK,GAAgBtV,GACvB,OAAOuV,OAAOvV,GAAOwV,SAAS,EAAG,KASpBlV,mBA9QqB,EAClCmV,aACAC,QACAC,eACAC,aACA5Z,SACA6Z,iBACAC,oBACAC,oBACAlV,UACAmV,WACAC,0BAEA,MAAMC,EAAM,IAAIlB,KACVmB,EAAsBra,YAAQ,IAAO2Z,EAAa,IAAIT,KAAKS,GAAc,IAAIT,KAAS,CAACS,IACvFX,EAAUY,EAAQ,IAAIV,KAAKU,QAASva,GAEnCib,EAAcC,GAAmBrb,YAAemb,IAChDG,EAAeC,GAAoBvb,YACxCsa,GAAgBa,EAAoBK,cAE/BC,EAAiBC,GAAsB1b,YAC5Csa,GAAgBa,EAAoBQ,eAGhCC,EAAcR,EAAalB,cAC3B2B,EAAeT,EAAajB,WAC5B2B,EAAcV,EAAahB,UAEjC7Z,YAAU,KACJS,GACFqa,EAAgBF,IAEjB,CAACna,EAAQma,IAEZ,MAAMY,EAA0BnB,GAAcgB,GAAeV,EAAIhB,eAAiB2B,GAAgBX,EAAIf,YAChGL,GAAW8B,GAAe9B,EAAQI,eAAiB2B,GAAgB/B,EAAQK,WAC3E6B,EAAyBrB,GAAgBiB,GAAeV,EAAIhB,eAAiB2B,GAAgBX,EAAIf,WAEjG8B,EAAenb,YAAQ,IAwL/B,SAA2B4Y,EAAcC,GACvC,MAAMuC,EAAiB,GAEjB5c,EAAO,IAAI0a,KACjB1a,EAAK6c,YAAYzC,GACjBpa,EAAK8c,SAASzC,GACdra,EAAK+c,QAAQ,GAEb,MAAMC,EAAgBhd,EAAKid,SAE3B,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAeE,IACjCN,EAAKO,KAAK,GAGZ,KAAOnd,EAAK6a,aAAeR,GAAO,CAChC,MAAM+C,EAAWpd,EAAK8a,UACtB8B,EAAKO,KAAKC,GACVpd,EAAK+c,QAAQK,EAAW,GAG1B,OAAOR,EA3MLS,CAAkBf,EAAaC,GAC9B,CAACA,EAAcD,IAiClB,MAAMgB,EAAoBpe,YAAakC,IACrC,MAAMsE,EAAQtE,EAAEmI,OAAO7D,MAAM6X,QAAQ,UAAW,IAChD,IAAK7X,EAAM1H,OAGT,OAFAie,EAAiB,SACjB7a,EAAEmI,OAAO7D,MAAQ,IAInB,MAAM8X,EAAQtkB,KAAKC,IAAI,EAAGD,KAAKoM,IAAIgE,OAAO5D,GAAQ,KAE5C1F,EAAO,IAAI0a,KAAKoB,EAAa2B,WACnCzd,EAAK0d,SAASF,GACdzB,EAAgB/b,GAEhB,MAAM2d,EAAW3C,GAAgBwC,GACjCvB,EAAiB0B,GACjBvc,EAAEmI,OAAO7D,MAAQiY,GAChB,CAAC7B,IAEE8B,EAAsB1e,YAAakC,IACvC,MAAMsE,EAAQtE,EAAEmI,OAAO7D,MAAM6X,QAAQ,UAAW,IAChD,IAAK7X,EAAM1H,OAGT,OAFAoe,EAAmB,SACnBhb,EAAEmI,OAAO7D,MAAQ,IAInB,MAAMmY,EAAU3kB,KAAKC,IAAI,EAAGD,KAAKoM,IAAIgE,OAAO5D,GAAQ,KAE9C1F,EAAO,IAAI0a,KAAKoB,EAAa2B,WACnCzd,EAAK8d,WAAWD,GAChB9B,EAAgB/b,GAEhB,MAAM+d,EAAa/C,GAAgB6C,GACnCzB,EAAmB2B,GACnB3c,EAAEmI,OAAO7D,MAAQqY,GAChB,CAACjC,IAwBJ,OACE,kBAAC9D,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASA,EACT/G,UAAU,iBAEV,yBAAKA,UAAU,aACb,yBAAKA,UAAU,kBACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAAS8G,GAET,uBAAG/G,UAAU,gBAGf,4BACGwe,YAAmBlC,EAAc/Z,MAGpC,kBAACJ,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNqJ,SAAUwR,EACVjd,QAAUid,OAA2C7b,EArH/D,WACEkb,EAAiBkC,IACf,MAAMC,EAAW,IAAIxD,KAAKuD,GAG1B,OAFAC,EAASpB,SAASoB,EAASrD,WAAa,GAEjCqD,MAkHD,uBAAG1e,UAAU,mBAGf,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNqJ,SAAUuR,EACVhd,QAAUgd,OAA2C5b,EAtH/D,WACEkb,EAAiBkC,IACf,MAAMC,EAAW,IAAIxD,KAAKuD,GAG1B,OAFAC,EAASpB,SAASoB,EAASrD,WAAa,GAEjCqD,MAmHD,uBAAG1e,UAAU,iBAKnB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,iBACZ0a,GAAgB5B,IAAK6F,GACpB,yBAAK3e,UAAU,4BACb,8BAAO2e,KAGVxB,EAAarE,IAAK8E,GACjB,yBACEgB,KAAK,SACLC,SAAU,EACV5e,QAAS,KAAM6e,OA/HDte,EA+HkBod,OA9H1CrB,EAAiBkC,IACf,MAAMC,EAAW,IAAIxD,KAAKuD,GAG1B,OAFAC,EAASnB,QAAQ/c,GAEVke,IALX,IAA0Ble,GAgIdR,UAAWyL,aACT,aACAkP,GACEmC,EAAaC,EAAca,EAAU/B,EAAeO,OAAM/a,EAAWya,EAAaM,EAAMpB,GAEtF,WACC,IAAE4C,EAAW,YAAc,IAChCA,IAAaZ,GAAe,eAG3BY,GACD,8BAAOA,OAOhB7B,GA7FD,yBAAK/b,UAAU,cACb,2BACEgG,KAAK,OACLhG,UAAU,eACV+e,UAAU,UACV7Y,MAAOsW,EACP7Q,SAAUmS,IANd,IASE,2BACE9X,KAAK,OACLhG,UAAU,eACV+e,UAAU,UACV7Y,MAAOyW,EACPhR,SAAUyS,KAiFd,yBAAKpe,UAAU,UACb,kBAACmC,EAAA,EAAD,CAAQlC,QA5Id,WACEic,EAASI,KA4IFP,EAqDX,SAA2Bvb,GACzB,MAAMsa,EAAMkE,YAAgBxe,GAAM,GAElC,MAAQ,QAAe,UAARsa,EAAkBA,EAAO,MAAKA,QAAYmE,YAAWze,KAxD1C0e,CAAkB5C,GAAgBN,GAErDC,GACC,kBAAC9Z,EAAA,EAAD,CAAQlC,QAASkc,EAAqBvC,QAAM,GACzCqC,OCtIEzV,mBAAK/H,YAClB,CAACC,GAAUpI,UAAS6oB,iBAClB,MAAM,SAAE5P,GAAa6P,YAAyB1gB,IAAW,IACnD,gBAAE2gB,GAAqB9P,GAAY+P,YAA4B5gB,EAAQpI,EAASiZ,IAAc,GAC9FnP,EAAOnB,YAAWP,EAAQpI,EAAQqI,QAQxC,MAAO,CACL0gB,iBAAkBF,GAAcE,EAChCE,YATkBnf,GAAQrB,aAAcqB,EAAKzC,IAC3C6hB,YAAuBxgB,aAAWN,EAAQ+gB,YAAqBrf,UAC/DiB,EAQFqe,6BANmCtf,GAAQuf,aAAiBvf,KAAUif,EAOtEO,iBANuBxf,GAAQyf,aAAiBzf,KASpD,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,iBAAkB,4BApBFZ,CAnEkD,EACpEyD,SACAid,aACA7oB,UACAwpB,QACAT,kBACAE,cACAG,+BACAE,mBACA7Y,UACAgZ,iBACAC,8BAEA,MAAMC,EAA4BvgB,YAAY,KAC5C,MAAMuS,EAAa6N,GAASA,EAAMI,SAC9BJ,EAAMI,SAASpH,IAAI,EAAGnb,QAASA,GAC/B,CAACrH,EAAQqH,IACboiB,EAAe,CAAE9N,aAAYkO,oBAAoB,IACjDpZ,KACC,CAACgZ,EAAgBzpB,EAAQqH,GAAIoJ,EAAS+Y,IAEnCM,EAA6B1gB,YAAY,KAC7C,MAAMuS,EAAa6N,GAASA,EAAMI,SAC9BJ,EAAMI,SAASpH,IAAI,EAAGnb,QAASA,GAC/B,CAACrH,EAAQqH,IACTwhB,EACFa,EAAwB,CAAE/N,eAE1B8N,EAAe,CACb9N,aACAkO,oBAAoB,IAGxBpZ,KACC,CAAC+Y,EAAOxpB,EAAQqH,GAAIwhB,EAAYpY,EAASiZ,EAAyBD,IAE/DpgB,EAAOC,cAEb,OACE,kBAAC4Y,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASA,EACTsZ,QAASne,IAAWmd,EAAkBe,OAA6B/e,EACnErB,UAAU,SACV0Z,MAAO/Z,EAAK,8BAEZ,2BAAIA,EAAK,kCACR+f,GACC,2BAAI/f,EAAK,gCAEVigB,GACC,2BAAIjgB,EAAK,iCAEV0f,GACC,kBAACld,EAAA,EAAD,CAAQE,MAAM,SAASrC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASggB,GACtEV,GAAe5f,EAAK,iCAAkCW,YAAWif,KAChEA,GAAe5f,EAAK,2CAG1B,kBAACwC,EAAA,EAAD,CAAQE,MAAM,SAASrC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASmgB,GACtEzgB,EAAK0f,EAAkB,gCAAkC,WAE5D,kBAACld,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAAS8G,GAAUpH,EAAK,eCChE6G,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAM2hB,EAAgBvhB,aAAcJ,GAC9B4hB,EAAiBC,YAAqB9hB,EAAQC,GAC9CyB,EAAOnB,YAAWP,EAAQC,GAC1B8hB,IAAcrgB,GAAQsgB,aAActgB,GACpCugB,IAAYvgB,GAAQuf,aAAiBvf,GACrCwgB,IAAiBxgB,GAAQyf,aAAiBzf,GAMhD,MAAO,CACLkgB,gBACAC,iBACAE,YACAE,UACAC,eACAC,aAXoBP,IAAkBC,GAAmBK,GAAgBD,EAYzEpB,YAXkBnf,GAAQrB,aAAcqB,EAAKzC,IAC3C6hB,YAAuBxgB,aAAWN,EAAQ+gB,YAAqBrf,UAC/DiB,IAYN,CAACjC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,eAvBpCZ,CArE+C,EACjEyD,SACAtD,YACAD,SACA8hB,YACAE,UACAC,eACAC,eACAtB,cACAxY,UACA+Z,iBAEA,MAAMC,EAAyBrhB,YAAY,KACzCohB,EAAW,CACTniB,SAAQC,YAAWoiB,SAAS,IAE9Bja,KACC,CAAC+Z,EAAYniB,EAAQC,EAAWmI,IAE7Bka,EAAmBvhB,YAAY,KACnCohB,EAAW,CACTniB,SAAQC,YAAWoiB,SAAS,EAAOE,WAAW,EAAMC,UAAU,IAEhEpa,KACC,CAACpI,EAAQC,EAAWmI,EAAS+Z,IAE1BnhB,EAAOC,cAsBb,OACE,kBAAC4Y,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASA,EACT/G,UAAU,MACVyY,OAvBA,yBAAKzY,UAAU,gBACb,wBAAIA,UAAU,eAAeL,EAAK,2BAMlC8gB,EACK,2BAAI9gB,EAAK,2BAGdghB,GAAWC,EACN,2BAAIjhB,EAAK,oBAGX,2BAAIA,EAAK,wBAWd,kBAACwC,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASghB,GACvDthB,EAAK,cAEPkhB,GACC,kBAAC1e,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAAS8gB,GACvDxB,EAAe,kBAAiBA,EAAgB,+BAGrD,kBAACpd,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAAS8G,GAAUpH,EAAK,eC/ChE6G,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyiB,EAAYziB,EAAS0iB,aAAgB3iB,EAAQC,GAAU,GAE7D,MAAO,CACL2iB,oBAAqBF,EAAYA,EAAU5iB,OAAS,IALtCC,CApCqC,EACvDyD,SACAof,sBACAva,UACAwa,cAEA,MAAM5hB,EAAOC,cAcb,OACE,kBAAC4Y,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASA,EACT/G,UAAU,YACVyY,OAfA,yBAAKzY,UAAU,gBACb,wBAAIA,UAAU,eAAeL,EAAK,uBAM/B,uDAA6B2hB,EAA7B,2BAWL,kBAACnf,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASshB,GACvD5hB,EAAK,gBAER,kBAACwC,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAAS8G,GAAUpH,EAAK,e,kBCoDhE6G,mBAAK/H,YAClB,CAACC,GAAUygB,iBACT,MAAQlN,WAAYuP,GAAuB9iB,EAAO+iB,kBAAoB,IAChE,gBAAEpC,GAAoBqC,YAAgChjB,GACtD0B,EAAOuhB,YAAkBjjB,GAQ/B,MAAO,CACL8iB,qBACAnC,iBAAkBF,GAAcE,EAChCE,YAVkBnf,GAAQrB,aAAcqB,EAAKzC,IAC3C6hB,YAAuBxgB,aAAWN,EAAQ+gB,YAAqBrf,UAC/DiB,EASFqe,6BAPmCtf,GAAQuf,aAAiBvf,KAAUif,EAQtEO,iBAPuBxf,GAAQyf,aAAiBzf,KAUpD,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,iBACA,0BACA,0BAvBgBZ,CAnE2D,EAC7EyD,SACAid,aACAqC,qBACAnC,kBACAE,cACAG,+BACAE,mBACA7Y,UACAgZ,iBACAC,0BACA4B,4BAEA,MAAM3B,EAA4BvgB,YAAY,KAC5CqgB,EAAe,CAAE9N,WAAYuP,EAAoBrB,oBAAoB,IACrEyB,IACA7a,KACC,CAACgZ,EAAgB6B,EAAuBJ,EAAoBza,IAEzDqZ,EAA6B1gB,YAAY,KACzCyf,EACFa,EAAwB,CAAE/N,WAAYuP,IAEtCzB,EAAe,CAAE9N,WAAYuP,EAAoBrB,oBAAoB,IAGvEyB,IACA7a,KACC,CACDoY,EAAYyC,EAAuB7a,EAASiZ,EAAyBwB,EAAoBzB,IAGrFpgB,EAAOC,cAEb,GAAK4hB,EAIL,OACE,kBAAChJ,GAAA,EAAD,CACEtW,OAAQA,EACR6E,QAASA,EACTsZ,QAAShB,OAAkBhe,EAAY+e,EACvCpgB,UAAU,SACV0Z,MAAM,oBAEN,2BAAI/Z,EAAK,gCACR+f,GACC,0GAEDE,GACC,+EAEDP,GACC,kBAACld,EAAA,EAAD,CAAQE,MAAM,SAASrC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASggB,GAAzE,cACcV,EAAc,UAAY,WACrCA,GAAejf,YAAWif,IAG/B,kBAACpd,EAAA,EAAD,CAAQE,MAAM,SAASrC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAASmgB,GAAzE,SACSf,EAAkB,eAAiB,IAE5C,kBAACld,EAAA,EAAD,CAAQnC,UAAU,wBAAwB4Z,QAAM,EAAC3Z,QAAS8G,GAAUpH,EAAK,e,OC0BhE6G,mBAAK/H,YACjBC,IACC,MAAQsH,KAAM6b,GAAoBzC,YAAyB1gB,IAAW,IAChE,UAAEojB,GAAcJ,YAAgChjB,GAEtD,MAAO,CACLygB,WAAgC,cAApB0C,EACZE,sBAAuBC,aAA4BtjB,GACnDujB,kBAAmBH,IAGvB,CAAC1iB,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,wBAAyB,uCAX7DZ,CAtFoD,EACtEyjB,UACA/L,WACA0L,kBACA1C,aACA4C,wBACAE,oBACAL,wBACAO,yCAEA,MAAOC,EAAmBC,EAAiBC,GAAoBC,eAE/D9gB,YAAU,IACD0U,IAAaiM,EAChBI,aAAyB,CACzBC,YAAaJ,EACbK,SAAUL,EACVM,MAAOf,SAEPvgB,EACH,CAAC8U,EAAUiM,EAAmBC,EAAiBT,IAElD,MAAMgB,EAA4B1X,YAAY6W,QAAyB1gB,GAAW,GAC5EwhB,EAAiC1M,EAAW4L,EAAwBa,EAEpEjjB,EAAOC,cAEPkjB,EAAyBnjB,EAAK,kCAAmCkjB,GAEjE7iB,EAAYyL,aAChB,uBACAyW,GAAW,gBACX/L,GAAY,SAGd,OACE,yBAAKnW,UAAWA,GACd,yBAAKA,UAAU,8BACb,kBAACmC,EAAA,EAAD,CACEE,MAAM,cACND,OAAK,EACLnC,QAAS2hB,EACTtf,UAAU,oBAEV,uBAAGtC,UAAU,gBAEf,0BAAMA,UAAU,6BAA6B0Z,MAAOoJ,GACjDA,KAGAf,GACD,yBAAK/hB,UAAU,gCACQ,cAApB6hB,GACC,kBAAClf,EAAA,EAAD,CACEC,KAAK,UACLN,UAAU,mBACVrC,QAASkiB,GAET,0BAAMniB,UAAU,aACbL,EAAK,aAIZ,kBAACgD,EAAA,EAAD,CACEogB,aAAW,EACXngB,KAAK,SACL3C,QAASoiB,EACT3W,UAAWuW,EACX3f,UAAW3C,EAAK,iCAEhB,0BAAMK,UAAU,aACbL,EAAK,cAMhB,kBAAC,GAAD,CACEuC,OAAQkgB,EACRjD,WAAYA,EACZpY,QAASub,Q,uCClDF9b,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,GAC1BqkB,EAAoB5iB,GAAQqf,YAAqBrf,GAIvD,MAAO,CACLA,OACA6iB,gBALsBD,EAAoBhkB,aAAWN,EAAQskB,QAAqB3hB,EAMlF6hB,SALeC,YAAmBzkB,EAAQC,KAL5BF,CAzCoC,EACtDE,SACAyB,OACA6iB,kBACAC,WACAE,eACAnjB,cAEA,MAAOmiB,EAAmBC,EAAiBC,GAAoBC,eAEzDc,EAAiBC,aAAsB,CAC3CljB,OACA6iB,kBACAC,WACAK,aAAclB,IAGhB,GAAKjiB,EAIL,OACE,kBAAC2Y,GAAA,EAAD,CACE/Y,UAAU,oCACVC,QAAS,IAAMA,EAAQtB,GACvB0kB,eAAgBA,GAEftkB,aAAcJ,GACb,kBAACqa,GAAA,EAAD,CAAiBE,OAAQva,EAAQykB,aAAcA,EAAcI,WAAW,UAExE,kBAACrK,GAAA,EAAD,CAAexa,OAAQA,EAAQykB,aAAcA,EAAcI,WAAW,UAExE,kBAACC,GAAA,EAAD,CACEvhB,OAAQkgB,EACRrb,QAASub,EACTliB,KAAMA,Q,iBC3Bd,MAGMsjB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GA4EpCnd,mBAAK/H,YACjBC,IACC,MAAQklB,QAASC,GAAenlB,EAAOolB,SACjCC,EAAYrlB,EAAOslB,MAAMpN,MACzB,qBAAEqN,GAAyBvlB,EAAOwlB,aAExC,MAAO,CACLL,aACAE,YACAE,yBAGJ,CAAC7kB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,eACA,kBACA,WACA,yBACA,4BAjBgBZ,CA1E8C,EAChEolB,aAAYE,YAAWE,uBACvBE,UAASC,eAAcC,kBAAiBC,WACxCC,yBAAwBC,8BAGxB,MAAMC,EAAcxd,YAAuB,MAI3CxF,YAAU,KACRiiB,GAAa,KACXU,IAEAC,OAED,CAACD,EAAcC,IAElBK,aAAoBD,GAAcZ,GAElC,MAAMc,EAAcjlB,YACjB/B,IACC2mB,EAAS,CAAE3mB,OACXwmB,IACAhpB,WAAW,KACTopB,EAAuB,CAAE5mB,QA9BD,MAiC5B,CAAC2mB,EAAUC,EAAwBJ,IAG/BxkB,EAAOC,cAEb,OACE,yBAAKI,UAAU,gCACZ6jB,GACC,yBAAK7jB,UAAU,qBACb,yBAAKsK,IAAKma,EAAazkB,UAAU,0BAC9B6jB,EAAW/K,IAAKI,GACf,yBAAKlZ,UAAU,gBAAgBC,QAAS,IAAM0kB,EAAYzL,IACxD,kBAAChZ,EAAA,EAAD,CAAQG,KAAM0jB,EAAU7K,KACxB,yBAAKlZ,UAAU,iBAAiBM,YAAWkf,YAAuBuE,EAAU7K,KA7C/E,UAmDN+K,GACC,yBAAKjkB,UAAU,uBACb,wBAAIA,UAAU,4CACXL,EAAK,UAEN,kBAACwC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNC,UAAU,qBACVrC,QAASukB,GAET,uBAAGxkB,UAAU,iBAGhBikB,EAAqBnL,IAAKnb,GACzB,kBAAC,GAAD,CACEgB,OAAQhB,EACRsC,QAAS0kB,U,0BCeRne,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,GAChC,IAAKyB,EACH,MAAO,GAGT,MAAM4iB,EAAoBvD,YAAqBrf,GAE/C,MAAO,CACLA,UACI4iB,GAAqB,CAAEC,gBAAiBjkB,aAAWN,EAAQskB,IAC/D4B,aAAclmB,EAAOkmB,eAGzB,CAACxlB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,iBAhBgBZ,CAxE2C,EAC7DnI,UACAuuB,cACAlmB,SACAyB,OACA6iB,kBACAzjB,eACAolB,mBAEA,MAAME,EAAiBtR,YAA4Bld,GAC7CyuB,EAAenS,YAASxR,YAAoB9K,EAAS,UAErDquB,EAAcjlB,YAAY,KAC9BF,EAAa,CAAEb,SAAQC,UAAWtI,EAAQqH,MACzC,CAACgB,EAAQa,EAAclJ,EAAQqH,KAE5BgC,EAAOC,cAEb,GAAKQ,EAIL,OACE,kBAAC2Y,GAAA,EAAD,CACE/Y,UAAU,kCACVoG,QAAS7D,IACTtC,QAAS0kB,GAET,kBAACzkB,EAAA,EAAD,CACEE,KAAMA,EACNC,KAAM4iB,EACN+B,kBAAgB,EAChBC,gBAAiBhC,GAAmBA,EAAgBiC,OACpDN,aAAcA,IAEhB,yBAAK5kB,UAAU,QACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,SACb,4BAAKM,YAAW0X,YAAa5X,EAAM6iB,KAClC7iB,EAAK+kB,YAAc,kBAACC,GAAA,EAAD,OAEtB,yBAAKplB,UAAU,gBACb,kBAACqlB,GAAA,EAAD,CAAMrlB,UAAU,QACbslB,YAAmC,IAAfhvB,EAAQkK,SAKnC,yBAAKR,UAAU,YACb,yBAAKA,UAAU,WASzB,SAA8BL,EAAcrJ,EAAqB2Y,EAAkB4V,GACjF,IAAK5V,EACH,OAAO3O,YAAWilB,YAAsB5lB,EAAMrJ,IAGhD,OACE,0BAAM0J,UAAU,iBACd,yBAAK/C,IAAKgS,EAASG,IAAI,KACtB8B,YAAgB5a,IAAY,uBAAG0J,UAAU,cACzCM,YAAWilB,YAAsB5lB,EAAMrJ,GAAS,GAAO,CAAC,QAAS,aAAc,CAAEkvB,UAAWX,KAjBtFY,CAAqB9lB,EAAMrJ,EAASyuB,GAAgBD,EAAgBD,U,OC1ClEre,mBA5CmB,EAChCkf,aAAYC,eAEZ,MAAMC,EAAc5jB,YAAQ,IAmB9B,SAAgC0jB,GAE9B,GADgBA,EAAWG,MAAM,0BACpB,CACX,MAAMrlB,EAAO,IAAI0a,KAAKwK,GACtB,MAAO,CAAC,CAAEllB,OAAM0C,KAAM4iB,YAAmBtlB,KAG3C,MAAMulB,EAAa,GACb/I,EAAc,IAAI9B,KAClB4B,EAAcE,EAAY5B,cAC1B4K,EAAahJ,EAAYiB,UAAa,IAAI/C,KAAM,GAAE4B,KAAe4I,KAAezH,UAClFnB,EACAA,EAAc,EAElB,IAAK,IAAIY,EAAI,EAAGA,EA3CO,EA2CeA,IAAK,CACzC,MAAMld,EAAO,IAAI0a,KAAM,GAAE8K,EAAatI,KAAKgI,KAC3CK,EAAWpI,KAAK,CAAEnd,OAAM0C,KAAM4iB,YAAmBtlB,KAGnD,OAAOulB,EAtC2BE,CAAuBP,GAAa,CAACA,IACvE,OACE,6BAAS1lB,UAAU,6CAChB4lB,EAAY9M,IAAI,EAAGtY,OAAM0C,UAEtB,yBACEjD,QAAS,IAAM0lB,EAASnlB,GACxBR,UAAU,YACVG,IAAK+C,GAEL,uBAAGlD,UAAU,kBACb,8BAAOkD,Q,6BC4BnB,MAGMwgB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GA4NlCnd,mBAAK/H,YACjBC,IACC,MAAQkY,KAAMC,GAAcnY,EAAOiY,OAC3BC,KAAMmN,GAAcrlB,EAAOslB,OAE3BJ,QAASsC,GAAoBxnB,EAAOynB,aAAe,GAE3D,IAAKD,EACH,MAAO,CACLrP,YACAkN,aAIJ,MAAM,cAAEhN,EAAF,SAAiBmJ,EAAjB,aAA2B0E,GAAiBlmB,GAC5C,eACJ0nB,EADI,cACYC,EADZ,aAC2BC,EAD3B,cACyC5V,GAC3ChS,EAAOwlB,cACHvM,QAAS4O,EAAe3C,QAAS4C,GAAkBH,GAAiB,IACpE1O,QAAS8O,EAAc7C,QAAS8C,GAAiBJ,GAAgB,IACjEK,SAAUC,GAA2B1G,GACvC,SAAEzP,GAAcC,GAAiBA,EAAcxN,MAAS,GAE9D,MAAO,CACL6T,gBACAmP,kBACAO,eACAC,eACAH,gBACAC,gBACA/V,WACAmW,yBACA/P,YACAkN,YACAqC,iBACAxB,iBAGJ,CAACxlB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,WACA,yBACA,uBACA,0BA1CgBZ,CA1N2C,EAC7DomB,cAAaa,aAAYmB,kBAAiB9P,gBAC1CmP,kBAAiBO,eAAcC,eAAcH,gBAAeC,gBAC5D/V,WAAUmW,yBAAwB/P,YAAWkN,YAAWqC,iBAAgBxB,eACxET,UAAS2C,qBAAoBxC,WAAUC,yBAAwBwC,uBAAsBC,4BAErF,MAAOC,EAAqBC,GAA0BhmB,aAAkB,IACjEimB,EAAsBC,GAA2BlmB,aAAkB,GAEpEmmB,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KAAM,OACNwhB,MAAO3C,OAIZ,CAACD,EAAcmC,EAAsBlC,IAElC4C,EAAkB/nB,YACrB/B,IACC2mB,EAAS,CAAE3mB,OAEPA,IAAOoZ,GACTwN,EAAuB,CAAE5mB,OAGtB4E,KACH4hB,KAGJ,CAACpN,EAAeuN,EAAUC,EAAwBJ,IAG9CuD,EAAwBhoB,YAAa/B,IACzCqpB,EAAsB,CAAErpB,QACvB,CAACqpB,IAEEV,EAAetkB,YAAQ,KAC3B,IAAK6iB,GAAgBA,EAAY5R,WAAW,MAAQ4R,EAAYrmB,OAAS,EACvE,OAAOmpB,KAGT,MAAMC,EAAkB1B,EACpBA,EAAgB3O,OAAQ5Z,IACxB,MAAM0C,EAAO0jB,EAAUpmB,GACvB,IAAK0C,EACH,OAAO,EAGT,MAAMwnB,EAAWC,YAAgBznB,GACjC,OAAQwnB,GAAY9P,aAAY8P,EAAUhD,IAAiB9M,aAAY1X,EAAK0nB,SAAUlD,KAEtF,GAEJ,MAAO,IACD9N,GAAiBgB,aAAYiQ,aAAe,iBAAkBnD,GAAe,CAAC9N,GAAiB,MAChGa,aAAYqQ,YAAO,IACjBL,KACCnB,GAAgB,MAChBC,GAAgB,KAClB7P,KAEL,CAACgO,EAAaqB,EAAiBnP,EAAe0P,EAAcC,EAAc7P,EAAWkN,IAElFsC,EAAgBrkB,YAAQ,KACvB6iB,GAAeA,EAAYrmB,OAxEO,IAwEyC+nB,IAAkBC,EACzFmB,KAGF/P,aAAYqQ,YAAO,IAAI1B,KAAkBC,IAAiB3P,GAAW,GAC3E,CAACA,EAAW0P,EAAeC,EAAe3B,IAEvCqD,EAAgBlmB,YAAQ,KACtB6iB,GAAgBa,IAAgBjV,GAAgC,IAApBA,EAASjS,OAIpDiS,EACJqI,IAAKnb,IACJ,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QAE9C,OACE8c,GAA0BA,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,KAGnG2Y,OAAmBngB,SACnBgxB,KAAK,CAACC,EAAGC,IAAMA,EAAE9nB,KAAO6nB,EAAE7nB,MAZpBmnB,KAaR,CAAClX,EAAUmW,EAAwB/B,EAAaa,IAE7C6C,EAA2B7oB,YAAY,KAC3CwnB,GAAwBD,IACvB,CAACA,IAEEuB,EAA4B9oB,YAAY,KAC5C0nB,GAAyBD,IACxB,CAACA,IAEExnB,EAAOC,cAmBb,MAAM6oB,EAAerC,IAAmBA,EAAezP,QAAUyP,EAAelG,WAC1EoG,EAAa9nB,SAAW6nB,EAAc7nB,SAAW0pB,EAAc1pB,OAErE,OAAKqmB,GAAgBa,EAKnB,kBAAChN,GAAA,EAAD,CACE1Y,UAAU,2BACV2Y,MAAOuP,EACPtP,WAAYyO,EAEZqB,sBAAoB,EACpBC,YAAU,GAET9B,GACC,yBAAK7mB,UAAU,4CACb,kBAAC,GAAD,CACE0lB,WAAYmB,EACZlB,SAAUmB,KAIf2B,GACC,kBAACG,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,4CAGnB2mB,EAAa9nB,QACd,yBAAKwB,UAAU,4CACZsmB,EAAaxN,IAAKnb,GACjB,kBAACmrB,GAAA,EAAD,CACEC,aAAcprB,EACdsC,QAASynB,EACTsB,SAAUrrB,QAKf2oB,EAAa9nB,QACd,yBAAKwB,UAAU,kBACb,wBAAIA,UAAU,mBACXsmB,EAAa9nB,OAtKK,GAuKjB,kBAAC6mB,GAAA,EAAD,CAAMplB,QAASsoB,GACZ5oB,EAAKsnB,EAAsB,2BAA6B,6BAG5DtnB,EAAK,oCAEP2mB,EAAaxN,IAAI,CAACnb,EAAI2X,KACrB,GAAK2R,KAAuB3R,GA9KT,GAkLnB,OACE,kBAAC,GAAD,CACE3W,OAAQhB,EACRsC,QAASwnB,SAMhBpB,EAAc7nB,QACf,yBAAKwB,UAAU,kBACb,wBAAIA,UAAU,mBACXqmB,EAAc7nB,OA9LI,GA+LjB,kBAAC6mB,GAAA,EAAD,CAAMplB,QAASuoB,GACZ7oB,EAAKwnB,EAAuB,2BAA6B,6BAG7DxnB,EAAK,mCAEP0mB,EAAcvN,IAAI,CAACnb,EAAI2X,KACtB,GAAK6R,KAAwB7R,GAtMV,GA0MnB,OACE,kBAAC,GAAD,CACE3W,OAAQhB,EACRylB,cAAY,EACZnjB,QAASwnB,SAMhBS,EAAc1pB,QACf,yBAAKwB,UAAU,kBACb,wBAAIA,UAAU,mBAAmBL,EAAK,mBACrCuoB,EAAcpP,KA9GvB,SAA4BxiB,GAC1B,MAAM4M,EAAOqiB,YAAsB5lB,EAAMrJ,GACnC8J,EAAOyW,EAAUvgB,EAAQqI,QAE/B,GAAKuE,GAAS9C,EAId,OACE,kBAAC,GAAD,CACEzB,OAAQrI,EAAQqI,OAChBrI,QAASA,EACTuuB,YAAaA,SASV,kBAAC,GAAD,CAAgBV,QAASA,OC/IpC,MAAMT,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GA2FlCnd,mBAAK/H,YACjBC,IACC,MAAQkY,KAAMC,GAAcnY,EAAOiY,OAC7B,cAAEI,EAAemJ,UAAYyG,SAAUC,GAAvC,aAAiEhC,GAAiBlmB,GAClF,eAAE0nB,EAAF,cAAkB1V,GAAkBhS,EAAOwlB,cAE3C,SAAEzT,GAAcC,GAAiBA,EAAcxN,MAAS,GAE9D,MAAO,CACL6T,gBACAtG,WACAmW,yBACA/P,YACAuP,iBACAxB,iBAGJ,CAACxlB,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,yBAjBpCZ,CAzFkD,EACpEomB,cACA9N,gBACA8P,kBACApW,WACAmW,yBACA/P,YACAuP,iBACAxB,eACAmC,uBACAD,yBAEA,MAAMnnB,EAAOC,cACPynB,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KAAM,OACNwhB,MAAO3C,EACPlmB,OAAQoY,OAIb,CAACA,EAAe6N,EAAcmC,EAAsBlC,IAEjDqD,EAAgBlmB,YAAQ,IACvByO,GAAgC,IAApBA,EAASjS,OAInBiS,EACJqI,IAAKnb,IACJ,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QAE9C,OACE8c,GAA0BA,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,KAGnG2Y,OAAmBngB,SACnBgxB,KAAK,CAACC,EAAGC,IAAMA,EAAE9nB,KAAO6nB,EAAE7nB,MAZpBmnB,KAaR,CAAClX,EAAUmW,IAmBd,MAAM6B,EAAerC,IAAmBA,EAAezP,QAAUyP,EAAelG,WAAagI,EAAc1pB,OAE3G,OACE,yBAAKwB,UAAU,cACb,kBAAC0Y,GAAA,EAAD,CACE1Y,UAAU,yCACV2Y,MAAOuP,EACPtP,WAAYyO,EACZsB,YAAU,GAET9B,GACC,yBAAK7mB,UAAU,4CACb,kBAAC,GAAD,CACE0lB,WAAYmB,EACZlB,SAAUmB,KAIf2B,GACC,kBAACG,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,4CAGnBuoB,EAAc1pB,QAAU0pB,EAAcpP,KAzC/C,SAA4BxiB,GAC1B,MAAM4M,EAAOqiB,YAAsB5lB,EAAMrJ,GACnC8J,EAAOyW,EAAUvgB,EAAQqI,QAE/B,GAAKuE,GAAS9C,EAId,OACE,kBAAC,GAAD,CACEzB,OAAQrI,EAAQqI,OAChBrI,QAASA,EACTuuB,YAAaA,YC/Ed,SAASoE,GAAsBjjB,GACpC,MAAO,CAACtH,EAAqBwqB,KAC3B,MAAQtS,KAAMC,GAAcnY,EAAOiY,OAC3BC,KAAMmN,GAAcrlB,EAAOslB,OAC7B,eACJoC,EADI,cACY1V,EADZ,OAC2B/R,GAC7BD,EAAOwlB,aAKLiF,EAAuB,UAATnjB,EAAmBA,EAAQkjB,GAASA,EAAME,QAAU,QAAU,SAE1EzC,SAAUC,GAA2BloB,EAAOwhB,UAC9C,SAAEzP,GAAcC,GAAiBA,EAAcyY,IAAiB,GAEtE,MAAO,CACLE,eAAwBhoB,IAAboP,KACL2V,GAAiBhvB,QAAQgvB,EAAezP,OAASyP,EAAelG,UACtErJ,YACAkN,YACA6C,yBACAnW,WACA6Y,aAAc3qB,EACdimB,aAAclmB,EAAOkmB,e,wBCV3B,MACMlB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GAsGlCnd,mBAAK/H,YAClBwqB,GAxGmB,SAyGnB,CAAC7pB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,uBACA,oBAJgBZ,CApG4C,EAC9DomB,cACAyE,eACAD,YACAzC,yBACAnW,WACAmU,eACAmC,uBACAnW,sBAEA,MAAMjR,EAAOC,cACPynB,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KAlBW,QAmBXwhB,MAAO3C,EACPlmB,OAAQ2qB,OAIb,CAAC1E,EAAcmC,EAAsBlC,EAAayE,IAE/CpB,EAAgBlmB,YAAQ,IACvByO,GAAamW,EAIXnW,EAASqI,IAAKnb,IACnB,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QAE9C,OAAO8c,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,KAC5E2Y,OAAOngB,SAPDuwB,KAQR,CAACf,EAAwBnW,IAEtB8Y,EAAoB7pB,YAAY,CAACd,EAAmBD,KACxDiS,EAAgB,CACdjS,SACAC,YACAxI,OAAQ4C,IAAkBI,gBAE3B,CAACwX,IA2BJ,MAAM4Y,EAAoBC,aAAkB,CAAC5E,GAAc6E,QAA+BL,EACpFM,EAAcH,GAAqB/Y,GAAYA,EAASjS,OAAS,IAAMqmB,EACvE+E,EAAgBJ,GAAqB/Y,GAAYA,EAASjS,OAAS,GAAKqmB,EAExEgF,EAAape,aACjB,+BACAme,GAAiB,aAGnB,OACE,yBAAK5pB,UAAU,cACb,kBAAC0Y,GAAA,EAAD,CACE1Y,UAAW6pB,EACXlR,MAAOuP,EACP4B,aAAejF,EAAyB,YAAX,SAC7BjM,WAAYyO,EACZsB,YAAU,IAERa,GAAqB,kBAACpQ,GAAA,EAAD,MACtBoQ,KAAuB/Y,GAAgC,IAApBA,EAASjS,SAC3C,kBAACoqB,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,0CAGrBgqB,GAhDH,yBAAK3pB,UAAU,cACZkoB,EAAcpP,IAAKxiB,GAClB,kBAACyzB,GAAA,EAAD,CACE5pB,IAAK7J,EAAQqH,GACbqsB,SAAS,eACT1zB,QAASA,EACT2J,QAASspB,MA2CZK,GAnCE1B,EAAcpP,IAAKxiB,GACxB,kBAAC,GAAD,CACE6J,IAAK7J,EAAQqH,GACbgB,OAAQrI,EAAQqI,OAChBrI,QAASA,UCvFV,SAAS2zB,GACd3zB,EAAqBugB,EAAoCkN,GAEzD,MAAM,SAAEjU,GAAaxZ,EACrB,IAAKwZ,EACH,OAGF,MAAMhR,EAASC,aAAc+Q,GAAYiU,EAAUjU,GAAY+G,EAAU/G,GAEzE,IAAIoa,EAAanqB,YAAejB,GAEhC,MAAMsB,EAAOyW,EAAUvgB,EAAQqI,QAS/B,OARIyB,IACErB,aAAc+Q,IAAchR,EAAmBomB,OACjDgF,EAAc,SAAQlS,YAAa5X,GAC1B+pB,aAAY/pB,KACrB8pB,GAAe,MAAKlS,YAAa5X,KAI9B8pB,E,cCAT,MACMxG,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GAyFlCnd,mBAAK/H,YAClBwqB,GA3FmB,SA4FnB,CAAC7pB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,uBACA,iBAJgBZ,CAvF2C,EAC7DomB,cACAyE,eACAD,YACAxS,YACAkN,YACA6C,yBACAnW,WACAmU,eACAmC,uBACAvnB,mBAEA,MAAMG,EAAOC,cACPynB,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KApBW,QAqBXwhB,MAAO3C,EACPlmB,OAAQ2qB,OAIb,CAAC1E,EAAcmC,EAAsBlC,EAAayE,IAE/CpB,EAAgBlmB,YAAQ,IACvByO,GAAamW,EAIXnW,EAASqI,IAAKnb,IACnB,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QAE9C,OAAO8c,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,KAC5E2Y,OAAOngB,SAPDuwB,KAQR,CAACf,EAAwBnW,IAEtB2Z,EAAqB1qB,YAAY,CAACd,EAAmBD,KACzDa,EAAa,CAAEb,SAAQC,eACtB,CAACY,IAyBJ,MAAMgqB,EAAoBC,aAAkB,CAAC5E,GAAc6E,QAA+BL,EAE1F,OACE,yBAAKrpB,UAAU,cACb,kBAAC0Y,GAAA,EAAD,CACE1Y,UAAU,8CACV2Y,MAAOuP,EACPtP,WAAYyO,EACZsB,YAAU,IAERa,GAAqB,kBAACpQ,GAAA,EAAD,MACtBoQ,KAAuB/Y,GAAgC,IAApBA,EAASjS,SAC3C,kBAACoqB,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,0CAGrB6pB,GAAqB/Y,GAAYA,EAASjS,OAAS,GAvCjD0pB,EAAcpP,IAAI,CAACxiB,EAASgf,KACjC,MAAM+U,EAAkC,IAAV/U,GACzBgV,YAAYh0B,EAAQkK,QAAU8pB,YAAYpC,EAAc5S,EAAQ,GAAG9U,MACxE,OACE,yBACER,UAAU,WACVG,IAAK7J,EAAQqH,IAEZ0sB,GACC,uBAAGrqB,UAAU,mBAAmBwe,YAAmB,IAAItD,KAAoB,IAAf5kB,EAAQkK,QAEtE,kBAAC+pB,GAAA,EAAD,CACEpqB,IAAK7J,EAAQqH,GACbrH,QAASA,EACTwJ,YAAamqB,GAAc3zB,EAASugB,EAAWkN,GAC/CyG,eAAgBJ,Y,UC1D5B,MACM1G,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GA6FlCnd,mBAAK/H,YAClBwqB,GA/FmB,aAgGnB,CAAC7pB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,uBACA,iBAJgBZ,CA3F2C,EAC7DomB,cACAyE,eACAD,YACAxS,YACAkN,YACA6C,yBACAnW,WACAmU,eACAmC,uBACAvnB,mBAEA,MAAMG,EAAOC,cACPynB,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KApBW,YAqBXwhB,MAAO3C,EACPlmB,OAAQ2qB,OAIb,CAAC1E,EAAcmC,EAAsBlC,EAAayE,IAE/CpB,EAAgBlmB,YAAQ,IACvByO,GAAamW,EAIXnW,EAASqI,IAAKnb,IACnB,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QACxCxT,EAAUswB,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,GAEtF,OAAOtI,GAAWm0B,YAAmBn0B,GAAWA,OAAU+K,IACzDkW,OAAOngB,SARDuwB,KASR,CAACf,EAAwBnW,IAEtB2Z,EAAqB1qB,YAAY,CAACd,EAAmBD,KACzDa,EAAa,CAAEb,SAAQC,eACtB,CAACY,IA4BJ,MAAMgqB,EAAoBC,aAAkB,CAAC5E,GAAc6E,QAA+BL,EAE1F,OACE,yBAAKrpB,UAAU,cACb,kBAAC0Y,GAAA,EAAD,CACE1Y,UAAU,8CACV2Y,MAAOuP,EACPtP,WAAYyO,EACZsB,YAAU,IAERa,GAAqB,kBAACpQ,GAAA,EAAD,MACtBoQ,KAAuB/Y,GAAgC,IAApBA,EAASjS,SAC3C,kBAACoqB,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,0CAGrB6pB,GAAqB/Y,GAAYA,EAASjS,OAAS,GA1CjD0pB,EAAcpP,IAAI,CAACxiB,EAASgf,KACjC,MAAM+U,EAAkC,IAAV/U,GACzBgV,YAAYh0B,EAAQkK,QAAU8pB,YAAYpC,EAAc5S,EAAQ,GAAG9U,MACxE,OACE,yBACER,UAAU,WACVG,IAAK7J,EAAQqH,IAEZ0sB,GACC,uBAAGrqB,UAAU,mBAAmBwe,YAAmB,IAAItD,KAAoB,IAAf5kB,EAAQkK,QAEtE,kBAACkqB,GAAA,EAAD,CACEp0B,QAASA,EACTq0B,UAAQ,EACRC,SAAUt0B,EAAQkK,KAClBqqB,SAAO,EACP/rB,OAAQmrB,GAAc3zB,EAASugB,EAAWkN,GAC1C/jB,UAAU,cACV8qB,YAAaV,Y,UCjEzB,MAAM1G,GAAehgB,YAAUigB,GAAOA,IAAM,KAAK,GAqGlCnd,mBAAK/H,YAClBwqB,GAAsB,SACtB,CAAC7pB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,uBACA,eACA,oBALgBZ,CAnG4C,EAC9D2qB,UACAvE,cACAyE,eACAD,YACAxS,YACAkN,YACA6C,yBACAnW,WACAmU,eACAmC,uBACAvnB,eACAurB,sBAEA,MAAMprB,EAAOC,cACPupB,EAAcC,EAAU,QAAU,QAClC/B,EAAiB3nB,YAAY,EAAG2V,gBAChCuP,GAAgBvP,IAAciS,IAAkBC,WAClD7D,GAAa,KACXqD,EAAqB,CACnB/gB,KAAMmjB,EACN3B,MAAO3C,EACPlmB,OAAQ2qB,OAIb,CAACH,EAAavE,EAAcmC,EAAsBlC,EAAayE,IAE5DpB,EAAgBlmB,YAAQ,IACvByO,GAAamW,EAIXnW,EAASqI,IAAKnb,IACnB,MAAOgB,EAAQC,GAAajB,EAAGwqB,MAAM,KAAKrP,IAAIhP,QAE9C,OAAO8c,EAAuBjoB,IAAWioB,EAAuBjoB,GAAQiY,KAAKhY,KAC5E2Y,OAAOngB,SAPDuwB,KAQR,CAACf,EAAwBnW,IAEtB2Z,EAAqB1qB,YAAY,CAACd,EAAmBD,KACzDa,EAAa,CAAEb,SAAQC,eACtB,CAACY,IAEEwrB,EAAkBtrB,YAAY,CAACd,EAAmBD,KACtDosB,EAAgB,CAAEpsB,SAAQC,eACzB,CAACmsB,IA8BJ,MAAMvB,EAAoBC,aAAkB,CAAC5E,GAAc6E,QAA+BL,EAE1F,OACE,yBAAKrpB,UAAU,cACb,kBAAC0Y,GAAA,EAAD,CACE1Y,UAAU,8CACV2Y,MAAOuP,EACPtP,WAAYyO,EACZsB,YAAU,IAERa,GAAqB,kBAACpQ,GAAA,EAAD,MACtBoQ,KAAuB/Y,GAAgC,IAApBA,EAASjS,SAC3C,kBAACoqB,GAAA,EAAD,CACE1lB,KAAMvD,EAAK,6BACXkpB,YAAalpB,EAAK,0CAGrB6pB,GAAqB/Y,GAAYA,EAASjS,OAAS,GA5CjD0pB,EAAcpP,IAAI,CAACxiB,EAASgf,KACjC,MAAM+U,EAAkC,IAAV/U,GACzBgV,YAAYh0B,EAAQkK,QAAU8pB,YAAYpC,EAAc5S,EAAQ,GAAG9U,MACxE,OACE,yBACER,UAAU,WACVG,IAAK7J,EAAQqH,IAEZ0sB,GACC,uBAAGrqB,UAAU,mBAAmBwe,YAAmB,IAAItD,KAAoB,IAAf5kB,EAAQkK,QAEtE,kBAACyqB,GAAA,EAAD,CACE9qB,IAAK7J,EAAQqH,GACbrH,QAASA,EACT40B,aAAa,eACbprB,YAAamqB,GAAc3zB,EAASugB,EAAWkN,GAC/CvjB,KAAMlK,EAAQkK,KACdokB,aAAcA,EACd5kB,UAAU,cACVmrB,OAAQH,EACRF,YAAaV,Y,OClEzB,MAAMgB,GAAO,CACX,CAAEplB,KAAMqlB,IAAoBC,SAAU5R,MAAO,uBAC7C,CAAE1T,KAAMqlB,IAAoBtB,MAAOrQ,MAAO,mBAC1C,CAAE1T,KAAMqlB,IAAoBE,MAAO7R,MAAO,mBAC1C,CAAE1T,KAAMqlB,IAAoBG,MAAO9R,MAAO,mBAC1C,CAAE1T,KAAMqlB,IAAoBI,MAAO/R,MAAO,mBAC1C,CAAE1T,KAAMqlB,IAAoBK,MAAOhS,MAAO,oBAGtCiS,GAAY,CAChB,CAAE3lB,KAAMqlB,IAAoBC,SAAU5R,MAAO,mBAC1C0R,GAAKQ,MAAM,IAGVC,GAA0B5tB,OAAO6tB,KAAKT,KAAqB7sB,OAAS,EAgF3DgI,mBAAK/H,YACjBC,IACC,MAAM,eAAEqtB,EAAF,OAAkBptB,GAAWD,EAAOwlB,aAE1C,MAAO,CAAE6H,iBAAgBptB,WAE3B,CAACS,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,yBAA0B,wBAN9DZ,CA9E0C,EAC5DomB,cACAa,aACAqG,iBAAiBV,IAAoBC,SACrC3sB,SACAqtB,yBACAC,sBACA9H,cAEA,MAAO+H,EAAWC,GAAgBjrB,YAAS,GACrC2lB,EAAkB7kB,YAAQ,IAAMoqB,YAAgBvH,GAAc,CAACA,IAE/DwH,EAAkB3sB,YAAa4V,IACnC,MAAMgX,EAAMlB,GAAK9V,GACjB0W,EAAuB,CAAEO,QAASD,EAAItmB,OACtCmmB,EAAa7W,IACZ,CAAC0W,IAEEQ,EAAyB9sB,YAAawG,IAC1C+lB,EAAoB,CAAEzrB,KAAM0F,EAAM+X,UAAY,OAC7C,CAACgO,IAEJ,OACE,yBAAKjsB,UAAU,cACb,kBAACysB,GAAA,EAAD,CAASP,UAAWA,EAAWQ,KAAM/tB,EAASgtB,GAAYP,GAAMuB,YAAaN,IAC7E,kBAAC9V,EAAA,EAAD,CAAYE,KAAK,QAAQmW,YAAaf,GAAyBrV,UAAWuV,GACvE,KACC,OAAQA,GACN,KAAKV,IAAoBC,SACvB,OAAI3sB,EAEA,kBAAC,GAAD,CACEkmB,YAAaA,EACbgC,gBAAiBA,EACjB1C,QAASA,EACT2C,mBAAoB0F,IAKxB,kBAAC,GAAD,CACE3H,YAAaA,EACba,WAAYA,EACZmB,gBAAiBA,EACjB1C,QAASA,EACT2C,mBAAoB0F,IAG1B,KAAKnB,IAAoBtB,MACvB,OAAO,kBAAC,GAAD,CAAclF,YAAaA,IACpC,KAAKwG,IAAoBE,MACvB,OAAO,kBAAC,GAAD,CAAa1G,YAAaA,IACnC,KAAKwG,IAAoBG,MACvB,OAAO,kBAAC,GAAD,CAAa3G,YAAaA,IACnC,KAAKwG,IAAoBI,MACvB,OACE,kBAAC,GAAD,CACEtrB,IAAI,QACJ0kB,YAAaA,IAGnB,KAAKwG,IAAoBK,MACvB,OACE,kBAAC,GAAD,CACEvrB,IAAI,QACJipB,SAAO,EACPvE,YAAaA,IAGnB,QACE,cCnHC,SAASgI,GACtBC,EACAC,GAEA,MAAMC,EAAa/lB,YAAO6lB,IACnBG,EAAOC,GAAYhsB,YAAgB6rB,GAM1C,MAAO,CACLE,EALevtB,YAAaytB,IAC5BD,EAAUE,GAAiBJ,EAAWhlB,QAAQolB,EAAcD,KAC3D,KCFE,MAAME,GAAwC,CACnD,CAAEzqB,KAAM,OAAQ8W,MAAO,iBAAkBvZ,IAAK,YAC9C,CAAEyC,KAAM,eAAgB8W,MAAO,oBAAqBvZ,IAAK,eACzD,CAAEyC,KAAM,QAAS8W,MAAO,eAAgBvZ,IAAK,UAC7C,CAAEyC,KAAM,UAAW8W,MAAO,iBAAkBvZ,IAAK,YACjD,CAAEyC,KAAM,OAAQ8W,MAAO,aAAcvZ,IAAK,SAG/BmtB,GAAwC,CACnD,CAAE1qB,KAAM,OAAQ8W,MAAO,cAAevZ,IAAK,gBAC3C,CAAEyC,KAAM,UAAW8W,MAAO,iBAAkBvZ,IAAK,mBACjD,CAAEyC,KAAM,YAAa8W,MAAO,aAAcvZ,IAAK,gBAG3CotB,GAA2D,CAC/D,kBAAmB,OAAQ,WAAY,SAAU,WAAY,eAEzDC,GAA2D,CAC/D,kBAAmB,kBAAmB,eAAgB,eAGjD,SAASC,GAAkBR,EAAqBS,EAA+BC,GACpF,IAAIC,EAA4B,GAC5BC,EAA6C,GAEjD,GAAa,aAATH,EAAqB,CACvB,MAAM,gBACJI,KACGC,GACDJ,EACAV,EAAMc,gBAAkB,GACxBzuB,YACA2tB,EAAMe,OACNT,IAGJK,EAAkBE,GAAmB,GACrCD,EAAqB5vB,OAAO6tB,KAAKiC,GAC9BxW,OAAQpX,GAAQ/I,QAAQ22B,EAAe5tB,SACrC,CACL,MAAM,gBACJ8tB,KACGC,GACDP,EACAV,EAAMiB,gBAAkB,GACxB5uB,YACA2tB,EAAMe,OACNR,IAGJI,EAAkBK,GAAmB,GACrCJ,EAAqB5vB,OAAO6tB,KAAKoC,GAC9B3W,OAAQpX,GAAQ/I,QAAQ82B,EAAe/tB,KAG5C,MAAO,CACLytB,kBACAC,qBAIJ,SAASM,GAAuBJ,GAC9B,GAAIA,EAAgB,CAClB,MAAM,gBACJD,KACGM,GACDL,EAEJ,GACE9vB,OAAOowB,OAAOD,GAAS7W,OAAOngB,SAASoH,OAAS,GAC5CsvB,GAAmBA,EAAgBtvB,OAEvC,MAAO,GAGT,GAAI4vB,EAAQE,KACV,MAAO,OACF,GAAIF,EAAQG,OACjB,MAAO,SACF,GAAIH,EAAQI,SACjB,MAAO,WACF,GAAIJ,EAAQK,SACjB,MAAO,WACF,GAAIL,EAAQM,YACjB,MAAO,eAIX,MAAO,GAyBT,MAAMC,GAA8B,CAClCjB,KAAM,SACNkB,WAAY,GACZZ,OAAQ,CACNtU,MAAO,GACPoU,gBAAiB,GACjBG,gBAAiB,KAIfY,GAA6D,CACjE5B,EACAE,KAEA,OAAQA,EAAOnnB,MACb,IAAK,WACH,MAAO,IACFinB,EACHe,OAAQ,IACHf,EAAMe,OACTtU,MAAOyT,EAAO2B,SAEhBC,WAAW,GAEf,IAAK,qBACH,MAAO,IACF9B,EACHc,eAAgBzuB,YACd2tB,EAAMe,OACNT,KAGN,IAAK,qBACH,MAAO,IACFN,EACHiB,eAAgB5uB,YACd2tB,EAAMe,OACNR,KAGN,IAAK,oBACH,MAAO,IACFP,EACHc,eAAgBZ,EAAO2B,QACvBF,WAAY,IAEhB,IAAK,oBACH,MAAO,IACF3B,EACHiB,eAAgBf,EAAO2B,QACvBF,WAAY,IAEhB,IAAK,cACH,OAAI3B,EAAMc,eACD,IACFd,EACHe,OAAQ,IACHgB,YAAK/B,EAAMe,OAAQT,IACtB7T,MAAOuT,EAAMe,OAAOtU,MAAQuT,EAAMe,OAAOtU,MAAQyU,GAAuBlB,EAAMc,mBAC3Ed,EAAMc,gBAEXA,oBAAgB1sB,EAChButB,WAAY,GACZG,WAAW,GAEJ9B,EAAMiB,eACR,IACFjB,EACHe,OAAQ,IACHgB,YAAK/B,EAAMe,OAAQR,OACnBP,EAAMiB,gBAEXA,oBAAgB7sB,EAChButB,WAAY,GACZG,WAAW,GAGN9B,EAEX,IAAK,aAAc,CACjB,MAAQtvB,GAAIsxB,EAAN,YAAgBpG,KAAgBmF,GAAWb,EAAO2B,QAExD,MAAO,CACLpB,KAAM,OACNuB,WACAjB,SACAY,WAAY,IAGhB,IAAK,gBACH,MAAO,IACF3B,EACH2B,WAAYzB,EAAO2B,SAGvB,IAAK,eACH,MAAO,IACF7B,EACH5D,UAAW8D,EAAO2B,SAGtB,IAAK,WACH,MAAO,IACF7B,EACH3T,MAAO6T,EAAO2B,SAGlB,IAAK,QACH,OAAOH,GACT,QACE,OAAO1B,IC9Nb,MAAM0B,GAA4B,CAChCO,gBAAiB,GACjBC,SAAU,GACVC,KAAM,GACNC,MAAO,IAGHC,GAAuD,CAC3DrC,EACAE,KAEA,OAAQA,EAAOnnB,MACb,IAAK,qBACH,MAAO,IACFinB,EACHiC,gBAAiB/B,EAAO2B,SAG5B,IAAK,cACH,MAAO,IACF7B,EACHkC,SAAUhC,EAAO2B,SAGrB,IAAK,UACH,MAAO,IACF7B,EACHmC,KAAMjC,EAAO2B,SAGjB,IAAK,WACH,MAAO,IACF7B,EACHoC,MAAOlC,EAAO2B,SAGlB,IAAK,QACH,OAAOH,GAET,QACE,OAAO1B,IC+LEzmB,mBAAK/H,iBAClB4C,EACA,CAACjC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,UAAW,qBAF/CZ,CA3NiC,EACnD8wB,gBACAC,iBACArL,UACAsL,eACAC,UACAC,uBAEA,MAAOC,EAAqBC,GAA0B3uB,aAAS,IACxD4uB,EAA0BC,GAA+B7uB,aAAS,GAEnE8uB,EAA0BtwB,YAAY,KAC1CmwB,GAAuB,IACtB,IAEGI,EAA2BvwB,YAAY,KAC3CmwB,GAAuB,IACtB,IAEGK,EAA+BxwB,YAAY,KAC/CqwB,GAA4B,IAC3B,IAEGI,EAAgCzwB,YAAY,KAChDqwB,GAA4B,IAC3B,IAEGK,EAAuB1wB,YAAY,KACvCuwB,IACAP,KACC,CAACO,EAA0BP,IAExBW,EAA4B3wB,YAAY,KAC5CywB,IACAR,EAAiB,CAAEhyB,GAAI6xB,IACvBrL,KACC,CAACqL,EAAgBW,EAA+BR,EAAkBxL,IAE/DmM,EAAsEtuB,YAAQ,IAC3E,EAAGC,YAAWC,YACnB,kBAACC,EAAA,EAAD,CACEC,OAAK,EACLgE,QAAS7D,IACT9I,KAAK,UACL4I,MAAM,cACNrC,UAAWkC,EAAS,SAAW,GAC/BjC,QAASgC,EACTK,UAAU,gBAEV,uBAAGtC,UAAU,eAGhB,IAEGL,EAAOC,cAqIb,OACE,yBAAKI,UAAU,eACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAASkkB,EACT7hB,UAAW3C,EAAK,mBAEhB,uBAAGK,UAAU,qBA5InB,WACE,OAAQuvB,GACN,KAAKgB,IAAgBC,YACnB,OAAO,4BAAK7wB,EAAK,6BACnB,KAAK4wB,IAAgBE,QACnB,OAAO,4BAAK9wB,EAAK,YACnB,KAAK4wB,IAAgBG,cACnB,OAAO,4BAAK/wB,EAAK,kBACnB,KAAK4wB,IAAgBI,QACnB,OAAO,4BAAKhxB,EAAK,oBACnB,KAAK4wB,IAAgBK,SACnB,OAAO,4BAAKjxB,EAAK,aAEnB,KAAK4wB,IAAgBM,sBACnB,OAAO,4BAAKlxB,EAAK,mBACnB,KAAK4wB,IAAgBO,2BACnB,OAAO,4BAAKnxB,EAAK,aAEnB,KAAK4wB,IAAgBQ,mBACnB,OAAO,4BAAKpxB,EAAK,iBACnB,KAAK4wB,IAAgBS,gBACnB,OAAO,4BAAKrxB,EAAK,oBACnB,KAAK4wB,IAAgBU,oBACnB,OAAO,4BAAKtxB,EAAK,yBACnB,KAAK4wB,IAAgBW,kBACnB,OAAO,4BAAKvxB,EAAK,oBACnB,KAAK4wB,IAAgBY,kBACnB,OAAO,4BAAKxxB,EAAK,2BACnB,KAAK4wB,IAAgBa,kCACrB,KAAKb,IAAgBc,+BACrB,KAAKd,IAAgBe,mCACrB,KAAKf,IAAgBgB,iCACrB,KAAKhB,IAAgBiB,iCACnB,OAAO,4BAAK7xB,EAAK,oBACnB,KAAK4wB,IAAgBkB,iCACrB,KAAKlB,IAAgBmB,8BACrB,KAAKnB,IAAgBoB,kCACrB,KAAKpB,IAAgBqB,gCACrB,KAAKrB,IAAgBsB,gCACnB,OAAO,4BAAKlyB,EAAK,mBAEnB,KAAK4wB,IAAgBuB,sBACnB,OAAO,4BAAKnyB,EAAK,kBACnB,KAAK4wB,IAAgBwB,oBACnB,OAAO,4BAAKpyB,EAAK,iBAEnB,KAAK4wB,IAAgByB,cACrB,KAAKzB,IAAgB0B,aACnB,OAAO,4BAAKtyB,EAAK,wBACnB,KAAK4wB,IAAgB2B,iBACrB,KAAK3B,IAAgB4B,uBACrB,KAAK5B,IAAgB6B,2BACnB,OAAO,4BAAKzyB,EAAK,kBACnB,KAAK4wB,IAAgB8B,wBACnB,OAAO,4BAAK1yB,EAAK,0BACnB,KAAK4wB,IAAgB+B,qBACrB,KAAK/B,IAAgBgC,wBACnB,OAAO,4BAAK5yB,EAAK,iBACnB,KAAK4wB,IAAgBiC,sBACrB,KAAKjC,IAAgBkC,mBACnB,OAAO,4BAAK9yB,EAAK,uBACnB,KAAK4wB,IAAgBmC,0BACrB,KAAKnC,IAAgBoC,uBACnB,OAAO,mDACT,KAAKpC,IAAgBqC,qBACnB,OAAO,4BAAKjzB,EAAK,mCACnB,KAAK4wB,IAAgBsC,2BACrB,KAAKtC,IAAgBuC,aACrB,KAAKvC,IAAgBwC,kCACnB,OAAO,4BAAKpzB,EAAK,+BAEnB,KAAK4wB,IAAgByC,QACnB,OAAO,4BAAKrzB,EAAK,YACnB,KAAK4wB,IAAgB0C,oBACnB,OAAO,4BAAKtzB,EAAK,cACnB,KAAK4wB,IAAgB2C,kBACnB,OACE,yBAAKlzB,UAAU,wBACb,4BAAKL,EAAK,eAET6vB,GACC,kBAAChtB,EAAA,EAAD,CACExC,UAAU,qBACVyC,QAAS6tB,EACT5tB,UAAU,SAEV,kBAACC,EAAA,EAAD,CAAUC,KAAK,SAASmgB,aAAW,EAAC9iB,QAASiwB,GAA7C,mBAKV,KAAKK,IAAgB4C,qBACrB,KAAK5C,IAAgB6C,qBACnB,OACE,yBAAKpzB,UAAU,wBACZuvB,IAAkBgB,IAAgB4C,qBACjC,4BAAKxzB,EAAK,kBAEV,4BAAKA,EAAK,kBAGZ,kBAACwC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNrC,UAAU,gBACVC,QAASwvB,EACTntB,UAAW3C,EAAK,sBAEhB,uBAAGK,UAAU,iBAKrB,QACE,OACE,yBAAKA,UAAU,wBACb,4BAAKL,EAAK,aAEV,kBAAC6C,EAAA,EAAD,CACExC,UAAU,qBACVyC,QAAS6tB,EACT5tB,UAAU,SAEV,kBAACC,EAAA,EAAD,CAAUC,KAAK,SAAS3C,QAAS+vB,GAA0BrwB,EAAK,mBAkBvE0zB,GACD,kBAAC9Y,GAAA,EAAD,CACErY,OAAQ0tB,EACR7oB,QAASkpB,EACT/sB,KAAK,oCACLsX,aAAa,UACbC,eAAgB2V,EAChBkD,sBAAoB,IAEtB,kBAAC/Y,GAAA,EAAD,CACErY,OAAQ4tB,EACR/oB,QAASopB,EACTjtB,KAAK,+CACLsX,aAAa,SACbC,eAAgB4V,EAChBiD,sBAAoB,Q,SChKb9sB,mBAAK/H,YACjBC,IACC,MAAM,cAAEqY,GAAkBrY,EAE1B,MAAO,CACL60B,YAAaxc,EAAgB/X,aAAWN,EAAQqY,QAAiB1V,IALnD5C,CAzD4B,EAC9C+0B,iBACAD,kBAEA,MAAM5zB,EAAOC,cAEb,OACE,yBAAKI,UAAU,kCACb,yBAAKA,UAAU,sBACZuzB,GACC,yBAAKvzB,UAAU,yBACb,kBAACE,EAAA,EAAD,CAAQG,KAAMkzB,EAAa95B,KAAK,UAChC,uBAAGuG,UAAU,QAAQ8nB,YAAgByL,IACrC,uBAAGvzB,UAAU,SAASyzB,aAA0BF,EAAYG,eAGhE,kBAAC3a,GAAA,EAAD,CACEnW,KAAK,OACL3C,QAAS,IAAMuzB,EAAejD,IAAgBC,cAE7C7wB,EAAK,6BAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,SACL3C,QAAS,IAAMuzB,EAAejD,IAAgByC,UAE7CrzB,EAAK,YAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,WACL3C,QAAS,IAAMuzB,EAAejD,IAAgBE,UAE7C9wB,EAAK,oBAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,SACL3C,QAAS,IAAMuzB,EAAejD,IAAgBG,gBAE7C/wB,EAAK,kBAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,OACL3C,QAAS,IAAMuzB,EAAejD,IAAgBI,UAE7ChxB,EAAK,oBAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,WACL3C,QAAS,IAAMuzB,EAAejD,IAAgBK,WAE7CjxB,EAAK,kB,iBCxBDg0B,OA9B4B,EACzC5oB,UACA/K,YACAqC,QAAQ,UACRC,YACAoJ,WACAzL,UACAoM,eAEA,MAAMunB,EAAkBnoB,aACtB,uBACAV,GAAW,WACX/K,GAGF,OACE,kBAACmC,EAAA,EAAD,CACEnC,UAAW4zB,EACXvxB,MAAOA,EACPD,OAAK,EACLsJ,SAAUA,EACVzL,QAAS8K,IAAYW,EAAWzL,OAAUoB,EAC1CiB,UAAWA,EACXuc,UAAW,GAEVxS,ICxBP,MAGMwnB,GAAoB,sBACpBC,GAAiB,oBAEjBC,GAA+BC,YAAUrQ,GAAOA,IAAM,KAAK,GAkFlDnd,mBA1E2B,EACxCytB,kBACAC,SACA7K,YACA8K,sBACAC,gBACAzoB,eAEA,MAAOoc,EAAUsM,GAAenzB,YAAS+yB,GAAmB,IAEtDt0B,EAAOC,cACP00B,EAAaJ,EAAS,SAAW,WACjCK,EAAiB50B,EAATu0B,EAAc,oBAA4B,aAEjDM,EAAiBC,GAAiBzyB,YAAQ,IAC1C+lB,EAASvpB,OAIVupB,EAASvpB,OAjCW,EAkCf,MAAC6C,EAAckzB,EAAF,iBAElBxM,EAASvpB,OAnCW,GAoCf,MAAC6C,EAAckzB,EAAF,gBAEjBT,GAAeY,KAAK3M,QAIG1mB,IAAxB8yB,EACK,GAIF,CACLA,EAAsBx0B,EAAQ20B,EAAF,YAAyB,iBAAcjzB,GAC3C,IAAxB8yB,EAAgCx0B,EAAQ20B,EAAF,cAAuBjzB,GAVtD,MAACA,EAAckzB,EAAF,gCAVb,GAsBR,CAACxM,EAAUoM,EAAqBx0B,EAAM20B,EAAYC,IAErD9yB,YAAU,KACR4yB,EAAYJ,GAAmB,KAC9B,CAACC,EAAQD,IAEZ,MAAMU,EAAuBj1B,YAAakC,IACxC,MAAMgzB,EAAchzB,EAAEmI,OAAO7D,MAAM2uB,OAAO9W,QAAQ8V,GAAmB,IACrEQ,EAAYO,GACZhzB,EAAEmI,OAAO7D,MAAS,GAAEguB,EA3DJ,gBA2D2B,KAAKU,IAEhD,MAAME,EAvDV,SAAyB/M,GACvB,OAAOA,EAASvpB,QATU,GAUrBupB,EAASvpB,QATY,IAUrBs1B,GAAeY,KAAK3M,GAoDPgN,CAAgBH,GAE5BE,GACFf,GAA6B,KAC3BK,EAAc,CAAErM,SAAU6M,MAI1BjpB,GACFA,IAASmpB,GAAUF,IAEpB,CAACV,EAAQE,EAAezoB,IAE3B,OACE,kBAAC2M,GAAA,EAAD,CACEpS,MAAQ,GAAEguB,EA5EI,gBA4EmB,KAAKnM,IACtCpc,SAAUgpB,EACVJ,MAAOA,EACPjb,MAAOmb,EACPO,QAASR,EACTS,SAAU5L,MChEhB,MAAM3F,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GA8MpCnd,mBAAK/H,YACjBC,IACC,MAAM,cAAEqY,GAAkBrY,GACpB,SAAEqE,EAAF,oBAAYoxB,GAAwBz1B,EAAOw2B,aAAe,GAC1D3B,EAAcxc,EAAgB/X,aAAWN,EAAQqY,QAAiB1V,EAExE,IAAKkyB,EACH,MAAO,CACLxwB,WACAoxB,uBAIJ,MACEgB,UAAWC,EACXC,SAAUC,EACVvN,SAAUkM,EAHN,SAIJsB,GACEhC,GACIiC,IAAKC,GAAeF,GAAY,GAGxC,MAAO,CACLG,kBAHwBhjB,YAAkB6gB,GAI1C6B,mBACAE,kBACAG,aACAxB,kBACAlxB,WACAoxB,wBAGJ,CAAC/0B,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,kBACA,gBACA,kBAnCgBZ,CAvMwC,EAC1Di3B,oBACAN,mBACAE,kBACAG,aACAxB,kBACAlxB,WACAoxB,sBACAwB,kBACAC,gBACAxB,oBAEA,MAAOyB,EAAmBC,GAAwB50B,aAAS,IACpD60B,EAAwBC,GAA6B90B,aAAS,IAC9DoY,EAAO2c,GAAY/0B,eAEnBlK,EAAOk/B,GAAYh1B,eACnBi0B,EAAWgB,GAAgBj1B,YAASk0B,GAAoB,KACxDC,EAAUe,GAAel1B,YAASo0B,GAAmB,KACrDE,EAAKa,GAAUn1B,YAASu0B,GAAc,KACtC1N,EAAUsM,GAAenzB,YAAyB+yB,GAAmB,IAEtEqC,EAAuB1jB,YAAS8iB,GAAmB,EAAO7iB,iBAAeC,SAEzEuW,EAAYtmB,IAAawzB,IAAoBC,WAC7CC,GAA+B,IAAb1O,EAElB2O,EAAoB10B,YAAQ,KAC5By0B,IAIGr/B,QAAQJ,IAAU++B,IAAkD,IAAxB5B,GAClD,CAACn9B,EAAO++B,EAAwBU,EAAiBtC,IAIpD1yB,YAAU,KACRiiB,GAAa,KACXiS,OAED,CAACA,IAEJl0B,YAAU,KACRy0B,OAAS70B,IACR,CAACi1B,IAEJ70B,YAAU,KACR00B,EAAaf,GAAoB,IACjCgB,EAAYd,GAAmB,IAC/Be,EAAOZ,GAAc,KACpB,CAACL,EAAkBE,EAAiBG,IAEvCh0B,YAAU,KACR4yB,EAAYJ,GAAmB,KAC9B,CAACA,IAEJxyB,YAAU,KACJsB,IAAawzB,IAAoBI,WACnCX,GAA0B,GAC1BF,GAAqB,GACrBG,OAAS50B,KAEV,CAAC0B,IAEJ,MAAM6zB,EAAoBl3B,YAAam3B,IACrCX,EAASW,IACR,IAEGC,EAAwBp3B,YAAakC,IACzCu0B,EAAav0B,EAAEmI,OAAO7D,OACtB8vB,GAA0B,IACzB,IAEGe,EAAuBr3B,YAAakC,IACxCw0B,EAAYx0B,EAAEmI,OAAO7D,OACrB8vB,GAA0B,IACzB,IAEGgB,EAAkBt3B,YAAakC,IACnCy0B,EAAOz0B,EAAEmI,OAAO7D,OAChB8vB,GAA0B,IACzB,IAEGrB,EAAuBj1B,YAAawG,IACxCmuB,EAAYnuB,GACZ4vB,GAAqB,IACpB,IAEGmB,EAAoBv3B,YAAY,KACpC,MAAMw3B,EAAmB/B,EAAUN,OAC7BsC,EAAkB9B,EAASR,OAC3BuC,EAAa5B,EAAIX,OAElBqC,EAAiB14B,OAKlB44B,EAAW54B,OAxGI,GAyGjBy3B,EAtGqB,yCA0GvBL,EAAc,CACZ5+B,WACI++B,GAA0B,CAC5BZ,UAAW+B,EACX7B,SAAU8B,EACV3B,IAAK4B,MAEHvB,GAAqB,CACvB9N,cAjBFkO,EAlG2B,mCAsH5B,CACDj/B,EACAm+B,EAAWE,EAAUG,EAAKO,EAC1BhO,EAAU8N,EACVD,IAGIj2B,EAAOC,cAEb,OACE,yBAAKI,UAAU,wBACb,yBAAKA,UAAU,kCACb,yBAAKA,UAAU,yBACb,kBAACq3B,GAAA,EAAD,CACEf,qBAAsBA,EACtB3qB,SAAUirB,EACVld,MAAM,0BACNhO,SAAU2d,IAEZ,kBAAC/Q,GAAA,EAAD,CACEpS,MAAOivB,EACPxpB,SAAUmrB,EACVvC,MAAO50B,EAAK,aACZ+L,SAAU2d,EACV/P,MA9IqB,mCA8IdA,EAAqCA,OAAQjY,IAEtD,kBAACiX,GAAA,EAAD,CACEpS,MAAOmvB,EACP1pB,SAAUorB,EACVxC,MAAO50B,EAAK,YACZ+L,SAAU2d,IAEZ,kBAAC/Q,GAAA,EAAD,CACEpS,MAAOsvB,EACP7pB,SAAUqrB,EACVzC,MAAO50B,EAAK,WACZ+L,SAAU2d,EACV/P,MA1Je,0CA0JRA,EAA+BA,OAAQjY,IAGhD,uBAAGrB,UAAU,6BACVM,YAAWX,EAAK,0BAA2B,CAAC,KAAM,sBAIvD,yBAAKK,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,aAE3C,kBAAC23B,GAAD,CACErD,gBAAiBlM,GAAY,GAC7BsB,UAAWA,EACX8K,oBAAqBA,EACrBC,cAAeA,EACfzoB,SAAUgpB,IAGZ,uBAAG30B,UAAU,6BACVM,YAAWX,EAAK,gBAAiB,CAAC,KAAM,qBAE1CooB,GACC,uBAAG/nB,UAAU,6BACVL,EAAK,qBAAqB,6BAC3B,0BAAMK,UAAU,iBAAhB,gBAA8C+nB,MAMtD,kBAAC,GAAD,CACEhd,QAAS2rB,EACTz2B,QAASg3B,EACTvrB,SAAU2d,EACV/mB,UAAU,gBAET+mB,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,oB,oBC1MvB,MAAMu3B,GAAiC7zB,YAAUigB,GAAOA,IAAM,KAAO,GA0KtDnd,mBAAK/H,YACjBC,IACC,MACEiY,OAASC,KAAMC,GACfmN,OAASpN,KAAMmN,IACbrlB,GAGF84B,WAAYC,EACZ7gB,KAAM8gB,EACNC,YAAaC,GACXl5B,EAAOm5B,YAEX,MAAO,CACLhhB,YACAkN,YACA0T,mBACAC,cACAE,2BAGJ,CAACx4B,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,6BAA8B,gBAAiB,cArBnFZ,CAtKmD,EACrEq5B,iBACAC,eACAlhB,YACAkN,YACA0T,mBACAC,cACAE,yBACAI,6BACAC,gBACAC,gBAEA,MAAOC,EAAeC,GAAoBl3B,eACnCm3B,EAAmBC,GAAwBp3B,aAAS,GACrDq3B,EAAsB74B,YAAY,IAAM44B,GAAqB,GAAO,IAE1E72B,YAAU,KACH02B,GACHK,aAAiB,cAAcC,KAAKL,IAErC,CAACD,IAIJ12B,YAAU,KACR81B,GAA+B,KAC7BS,OAED,CAACA,IAEJ,MAAMU,EAAqBh5B,YAAY,KACjCzB,OAAO6tB,KAAK4L,GAAal5B,QAjCL,GAkCtB05B,EAAU,CACR5e,MAAO,CACLhjB,QAAS,6BAOfwhC,KACC,CAACJ,EAAaQ,EAAWJ,IAEtBn4B,EAAOC,cAEP+4B,EAAc32B,YAAQ,KAC1B,IAAKy1B,EACH,OAGF,MAAM9f,EAAU1Z,OAAO6tB,KAAKjV,GAAWiC,IAAIhP,QAE3C,OAAO2tB,EAAiB3e,IAAKnb,IAC3B,MAAMqwB,EAAS0J,EAAY/5B,GAE3B,MAAO,CACLA,GAAIqwB,EAAOrwB,GACX+b,MAAOsU,EAAOtU,MACdkf,SAAUC,YAAyBhiB,EAAWkN,EAAWiK,EAAQrW,EAAShY,OAG7E,CAAC83B,EAAkB5gB,EAAW6gB,EAAa3T,EAAWpkB,IAEnDm5B,EAAoCp5B,YAAasuB,IACjD/vB,OAAO6tB,KAAK4L,GAAal5B,QAnEL,GAoEtB05B,EAAU,CACR5e,MAAO,CACLhjB,QAAS,6BAOf2hC,EAAc,CAAEjK,YACf,CAAC0J,EAAaO,EAAeC,IAEhC,OACE,yBAAKl4B,UAAU,kCACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,yBACZm4B,GACC,kBAACY,GAAA,EAAD,CACEp7B,GAAG,sBACHlE,KAAMu/B,KACNb,cAAeA,EACf9uB,KAAMgvB,EACNY,QAAM,EACNC,OAAQX,KAKd,uBAAGv4B,UAAU,kCACVL,EAAK,wBAGR,kBAACwC,EAAA,EAAD,CAEEnC,UAAU,iBACVqC,MAAM,UACN5I,KAAK,UACL0/B,MAAI,EACJC,OAAK,EACLn5B,QAASy4B,GAET,uBAAG14B,UAAU,aACZL,EAAK,qBAIV,yBAAKK,UAAU,sBACb,wBAAIA,UAAU,6BAA6BL,EAAK,YAE/Cg5B,GAAeA,EAAYn6B,OAASm6B,EAAY7f,IAAKkV,GACpD,kBAACjV,GAAA,EAAD,CACE/Y,UAAU,OACVq5B,QAAM,EACNC,WAAS,EACTr5B,QAAS,IAAM83B,EAAaL,EAAY1J,EAAOrwB,MAE/C,0BAAMqC,UAAU,SAASguB,EAAOtU,OAChC,0BAAM1Z,UAAU,YAAYguB,EAAO4K,YAElCD,IAAgBA,EAAYn6B,OAC/B,uBAAGwB,UAAU,kCAAb,4BAGE,kBAACoZ,GAAA,EAAD,OAGJwe,KAA4BA,EAAuBp5B,QACnD,yBAAKwB,UAAU,sBACb,wBAAIA,UAAU,6BAA6BL,EAAK,sBAE/Ci4B,EAAuB9e,IAAKkV,GAC3B,kBAACjV,GAAA,EAAD,CACE/Y,UAAU,OACVq5B,QAAM,EACNp5B,QAAS,IAAM64B,EAAkC9K,IAEjD,yBAAKhuB,UAAU,qCACb,yBAAKA,UAAU,kBACb,0BAAMA,UAAU,SAASguB,EAAOtU,OAChC,0BAAM1Z,UAAU,YAAYguB,EAAOnF,cAGrC,kBAAC1mB,EAAA,EAAD,CACEnC,UAAU,OACVqC,MAAM,UACN5I,KAAK,OACL0/B,MAAI,EACJC,OAAK,GAEJz5B,EAAK,gB,OC9JT45B,OAtBsB,EACnCC,QACAC,WACAC,iBACArQ,YACAppB,aAGE,kBAACkC,EAAA,EAAD,CACEnC,UAAU,iBACVqC,MAAM,cACN5I,KAAK,UACLmgB,QAAM,EACNyP,UAAWA,EACXppB,QAASA,GAET,uBAAGD,UAAU,cARf,QASQw5B,EATR,SASqBA,EAAQ,EAAIE,GAAqBD,EAAF,IAAgBA,GCaxE,MAIME,GAAiB,0CACjBC,GAAiB,mDA8PRpzB,mBAAK/H,YACjBC,IACC,MAAM,QAAEoY,GAAYpY,EAAOiY,MAE3B,MAAO,CACLkjB,oBAAqB/iB,EAAQG,OAC7B6iB,sBAAuBhjB,EAAQK,WAGnC,CAAC/X,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,iBAAkB,gBAAiB,kBATvEZ,CA5PmD,EACrEwuB,QACA8M,WACAC,qBACAC,qBACA9V,UACA0V,sBACAC,wBACAI,iBACAjC,gBACA3gB,oBAEA,MAAO6gB,EAAeC,GAAoBl3B,eACnCm3B,EAAmBC,GAAwBp3B,aAAS,GACrDq3B,EAAsB74B,YAAY,IAAM44B,GAAqB,GAAO,KAEnE6B,EAA6BC,GAAkCl5B,aAAS,IACxEm5B,EAA6BC,GAAkCp5B,aAAS,IAG7E0sB,gBAAiBE,EACjBD,kBAAmB0M,GACjB9M,GAAkBR,EAAO,aAE3BW,gBAAiBK,EACjBJ,kBAAmB2M,GACjB/M,GAAkBR,EAAO,YAE7BxrB,YAAU,KACH02B,GACHK,aAAiB,cAAcC,KAAKL,IAErC,CAACD,IAEJ12B,YAAU,KACR24B,GAA+B,GAC/BE,GAA+B,IAC9B,CAACrN,EAAMgC,WAEV,MAAOwL,EAAwBC,GAA0B14B,YAAQ,KAC/D,MAAM24B,EAAoB,IAAIC,IAAI,IAC7Bf,GAAuB,MACvBC,GAAyB,KAGxBe,EAAwBC,YAAwBhN,EAAiB6M,GACjEI,EAAwBD,YAAwB7M,EAAiB0M,GAEvE,MAAO,CACLR,EACIU,EACAA,EAAsBjP,MAAM,EAxDV,EAwDmC2O,EAAkB/7B,QAC3E67B,EACIU,EACAA,EAAsBnP,MAAM,EA3DV,EA2DmC4O,EAAkBh8B,UAE5E,CACDyvB,EAAiBH,EAAiByM,EAAmBC,EACrDH,EAA6BF,EAC7BN,EAAqBC,IAGvBr4B,YAAU,MAENg5B,EAAuBj8B,OAASsvB,EAAgBtvB,QAC7Ck8B,EAAuBl8B,OAASyvB,EAAgBzvB,SAEnD8Y,EAAc,CAAE0jB,SAAU,YAE3B,CACD1jB,EACA2W,EAAgBzvB,OAChBsvB,EAAgBtvB,OAChBk8B,EAAuBl8B,OACvBi8B,EAAuBj8B,SAGzB,MAAMmB,EAAOC,cAsDb,SAASq7B,EAAYvN,GACnB,MAAMG,EAA6B,aAATH,EAAsB6M,EAAoBC,EAC9DU,EAA0B,aAATxN,EAAsB+M,EAAyBC,EAEhES,EAAsB,aAATzN,EAAsByM,EAA8BE,EAEjEe,GADsB,aAAT1N,EAAsBI,EAAkBG,GACzBzvB,OAASqvB,EAAkBrvB,OAAS08B,EAAe18B,OAC/E68B,EAAwB,aAAT3N,EACjB,IAAM0M,GAA+B,GACrC,IAAME,GAA+B,GAEzC,OACE,oCACGzM,EAAkB/U,IAAK3Y,GAnC9B,SAAwBA,EAAautB,GACnC,MAAM4N,EAAoB,aAAT5N,EACbL,GAAoBkO,KAAK,EAAGp7B,IAAKq7B,KAAcA,IAAYr7B,GAC3DmtB,GAAoBiO,KAAK,EAAGp7B,IAAKq7B,KAAcA,IAAYr7B,GAE/D,GAAKm7B,EAIL,OACE,kBAACviB,GAAA,EAAD,CACE5Y,IAAKm7B,EAASn7B,IACdH,UAAU,kCACV4C,KAAM04B,EAAS14B,KACfy2B,QAAM,EACNoC,UAAQ,GAEP97B,EAAK27B,EAAS5hB,QAkBiBgiB,CAAev7B,EAAKutB,IACnDwN,EAAepiB,IAAKnb,GACnB,kBAACob,GAAA,EAAD,CACE/Y,UAAU,kCACVq5B,QAAM,EACNoC,UAAQ,GAEP18B,aAAcpB,GACb,kBAACqb,GAAA,EAAD,CAAiBwK,WAAW,QAAQtK,OAAQvb,IAE5C,kBAACwb,GAAA,EAAD,CAAeqK,WAAW,QAAQ7kB,OAAQhB,OAI7Cw9B,GAAcC,EAAiB,GAChC,kBAAC,GAAD,CACE5B,MAAO4B,EACP3B,SAAS,OACTx5B,QAASo7B,KAOnB,OACE,yBAAKr7B,UAAU,wBACb,yBAAKA,UAAU,kCACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,yBACZm4B,GACC,kBAACY,GAAA,EAAD,CACEp7B,GAAG,sBACHlE,KAAMu/B,KACNb,cAAeA,EACf9uB,KAAMgvB,GAAqB5c,OAAOwR,EAAMgC,UACxCgK,QAAM,EACNC,OAAQX,KAKE,WAAftL,EAAMS,MACL,uBAAG1tB,UAAU,kCACVL,EAAK,sBAIV,kBAAC2Y,GAAA,EAAD,CACEtY,UAAU,OACVu0B,MAAO50B,EAAK,kBACZuG,MAAO+mB,EAAMe,OAAOtU,MACpB/N,SArHV,SAAsBgwB,GACpB,MAAM,cAAEjyB,GAAkBiyB,EAC1B5B,EAAS,CAAE/zB,KAAM,WAAY8oB,QAASplB,EAAcxD,MAAM2uB,UAoHlDvb,MAAO2T,EAAM3T,OAAS2T,EAAM3T,QAAUqgB,GAAiBA,QAAiBt4B,KAI5E,yBAAKrB,UAAU,gCACZitB,EAAM3T,OAAS2T,EAAM3T,QAAUsgB,IAC9B,uBAAG55B,UAAU,+CACVitB,EAAM3T,OAIX,wBAAItZ,UAAU,6BAA6BL,EAAK,kBAEhD,kBAACoZ,GAAA,EAAD,CACE/Y,UAAU,gDACV4C,KAAK,MACL3C,QAAS+5B,GAERr6B,EAAK,mBAGPs7B,EAAY,aAGf,yBAAKj7B,UAAU,gCACb,wBAAIA,UAAU,6BAA6BL,EAAK,kBAEhD,kBAACoZ,GAAA,EAAD,CACE/Y,UAAU,gDACV4C,KAAK,MACL3C,QAASg6B,GAERt6B,EAAK,mBAGPs7B,EAAY,cAIjB,kBAAC,GAAD,CACElwB,UAAWkiB,EAAM8B,UACjBrjB,SAAUuhB,EAAM5D,UAChBppB,QA3JN,WACE,MAAM,MAAEyZ,GAAUuT,EAAMe,OAEnBtU,EAKAoU,EAAgBtvB,QAAWP,OAAO6tB,KAAKyO,GAAmB/7B,QAK/Du7B,EAAS,CAAE/zB,KAAM,eAAgB8oB,SAAS,IACvB,SAAf7B,EAAMS,KACRwM,EAAe,CAAEv8B,GAAIsvB,EAAMgC,SAAU2M,aAAc3O,EAAMe,SAEzDiK,EAAc,CAAEjK,OAAQf,EAAMe,SAGhC7yB,WAAW,KACTgpB,KAhHiB,MAoGjB4V,EAAS,CAAE/zB,KAAM,WAAY8oB,QAAS8K,KALtCG,EAAS,CAAE/zB,KAAM,WAAY8oB,QAAS6K,MAwJpCr3B,UAA0B,SAAf2qB,EAAMS,KAAkB,eAAiB,iBAEnDT,EAAM5D,UACL,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,oB,uBCrFRwG,mBAvKkC,EAC/CknB,OACA/V,UACAkkB,cACAhO,oBACAiO,cACAC,sBACAC,4BACAC,iBACArjB,iBAGA,MAAMzN,EAAWlE,YAAyB,MACpCi1B,EAAqB,aAATxO,EAAsBL,GAAsBC,GACxD6O,EAAiBN,EAAYr9B,OAASqvB,EAAkBrvB,OAjBzC,GAkBf49B,EAAcP,EAAYr9B,QAnBhB,IAqBhBiD,YAAU,KACRtG,WAAW,KACTP,sBAAsB,KACpBuQ,EAASnD,QAASyP,WA1BH,MA6BlB,IAEH,MAAM4kB,EAAkB38B,YAAa/B,IACnC,MAAM2+B,EAAiB,IAAIT,GACvBS,EAAejjC,SAASsE,GAC1B2+B,EAAeC,OAAOD,EAAelqB,QAAQzU,GAAK,GAElD2+B,EAAe3e,KAAKhgB,GAEtBo+B,EAAoBO,IACnB,CAACT,EAAaE,IAEXS,EAAsB98B,YAAaS,IACvC,MAAMs8B,EAAuB,IAAI5O,GAC7B4O,EAAqBpjC,SAAS8G,GAChCs8B,EAAqBF,OAAOE,EAAqBrqB,QAAQjS,GAAM,GAE/Ds8B,EAAqB9e,KAAKxd,GAE5B67B,EAA0BS,IACzB,CAAC5O,EAAmBmO,IAEjB5jB,EAAqB1Y,YAAakC,IACtC,MAAM,MAAEsE,GAAUtE,EAAE8H,cACpBuyB,EAAe/1B,IACd,CAAC+1B,IAEEt8B,EAAOC,cAgEb,MAAOqY,EAAaC,GAAWC,aAAkBS,EAAYjB,EAASvgB,QAAQ0kC,IAE9E,OACE,yBAAK97B,UAAU,qCACb,yBAAKA,UAAU,+BACZ6tB,EAAkB/U,KAnEzB,SAAgC3Y,GAC9B,MAAMu8B,EAAeR,EAAUX,KAAK,EAAGp7B,IAAKq7B,KAAcr7B,IAAQq7B,GAClE,GAAKkB,EAIL,OACE,kBAAC5T,GAAA,EAAD,CACElmB,KAAM85B,EAAa95B,KACnB8W,MAAO/Z,EAAK+8B,EAAahjB,OACzBijB,YAAaR,EACbS,UAAQ,EACR38B,QAASu8B,EACTxT,SAAU0T,EAAav8B,SAuDtB07B,EAAY/iB,IAAI,CAACnb,EAAI+f,IACpB,kBAACoL,GAAA,EAAD,CACEC,aAAcprB,EACdg/B,YAAaR,GAAkBze,EAAIme,EAAYr9B,OA7H3B,EA8HpBo+B,UAAQ,EACR38B,QAASo8B,EACTrT,SAAUrrB,KAGZy+B,EAQA,uBAAGp8B,UAAU,qBAAsB,6CAPnC,kBAACsY,GAAA,EAAD,CACEhO,IAAKa,EACLjF,MAAO41B,EACPnwB,SAAUyM,EACVG,YAAa5Y,EAAK,aAMxB,kBAAC+Y,GAAA,EAAD,CACE1Y,UAAU,4BACV8pB,aAAa,aACbnR,MAAOV,EACPW,WAAYV,KAETD,IAAgBA,EAAYzZ,QAAUyZ,EAAY5e,SAASse,EAAQ,MACpE,oCACE,wBAAIxX,IAAI,UAAUH,UAAU,wBAAwBL,EAAK,oBACxDu8B,EAAUpjB,KA/ErB,SAAwB9S,GACtB,OACE,kBAAC+S,GAAA,EAAD,CACE5Y,IAAK6F,EAAK7F,IACVH,UAAU,sDACVC,QAAS,IAAMu8B,EAAoBx2B,EAAK7F,KACxCiG,QAAM,GAEN,uBAAGpG,UAAY,QAAOgG,EAAKpD,OAC3B,wBAAI5C,UAAU,aAAaL,EAAKqG,EAAK0T,QACrC,kBAACmjB,GAAA,EAAD,CACEtI,MAAM,GACNuI,QAASjP,EAAkBx0B,SAAS2M,EAAK7F,KACzCiC,OAAK,QAmEH,yBAAKjC,IAAI,UAAUH,UAAU,wBAC7B,wBAAIG,IAAI,UAAUH,UAAU,wBAAwBL,EAAK,iBAI5DsY,GAAeA,EAAYzZ,OAC1ByZ,EAAYa,KAnEpB,SAAoBnb,GAClB,MAAMo/B,EAAalB,EAAYxiC,SAASsE,GAExC,OACE,kBAACob,GAAA,EAAD,CACE5Y,IAAKxC,EACLqC,UAAU,iDACVC,QAAS,IAAMo8B,EAAgB1+B,GAC/ByI,QAAM,EACNsF,UAAWqxB,GAAcX,GAExBr9B,aAAcpB,GACb,kBAACqb,GAAA,EAAD,CAAiBE,OAAQvb,IAEzB,kBAACwb,GAAA,EAAD,CAAexa,OAAQhB,EAAIq/B,cAAY,IAEzC,kBAACH,GAAA,EAAD,CACEtI,MAAM,GACNuI,QAASC,EACT36B,OAAK,QAiDH6V,IAAgBA,EAAYzZ,OAC9B,uBAAGwB,UAAU,aAAaG,IAAI,cAA9B,yBAEA,kBAACiZ,GAAA,EAAD,CAASjZ,IAAI,gBCrDRqG,mBAAK/H,YACjBC,IACC,MACEiY,OACEC,KAAMC,EADD,QAELC,EAFK,iBAGLmmB,IAEAv+B,EAEJ,MAAO,CACLmY,YACAC,QAASA,EAAQG,OACjBgmB,iBAAkBA,EAAiBhmB,OACnCimB,kBAAmBD,EAAiB9lB,SACpCD,gBAAiBJ,EAAQK,WAG7B,CAAC/X,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,kBAlBpCZ,CAlH0D,EAC5EivB,OACAT,QACA8M,WACAljB,YACAC,UACAmmB,mBACA/lB,kBACAgmB,oBACA5lB,oBAEA,MAAM,WAAEsX,GAAe3B,GACjB,gBAAEW,EAAF,kBAAmBC,GAAsBJ,GAAkBR,EAAOS,GAAM,GAExE/W,EAAQ3U,YAAQ,KACpB,MAAMm7B,EAAmBrmB,EACrBsmB,aAAgBvmB,EAAWC,EAASmmB,EAAkB,YACtD57B,EACEg8B,EAAqBnmB,EACvBkmB,aAAgBvmB,EAAWK,EAAiBgmB,EAAmB,iBAC/D77B,EAEJ,GAAK87B,GAAqBE,EAI1B,MAAO,IACDF,EACA,IAAIA,EAAiBG,eAAgBH,EAAiBI,YACtD,MAEAF,EAAqBA,EAAmBE,WAAa,KAE1D,CAAC1mB,EAAWC,EAASmmB,EAAkB/lB,EAAiBgmB,IAErDM,EAAex7B,YAAQ,KAC3B,GAAK2U,EAIL,OAAOA,EACJY,OAAQnX,IACNwuB,GACE7W,aAAYC,YAAa5X,GAAOwuB,IAChChB,EAAgBv0B,SAAS+G,EAAKzC,KAElCmb,IAAI,EAAGnb,QAASA,IAClB,CAACgZ,EAAOiY,EAAYhB,IAEjBxV,EAAqB1Y,YAAa+9B,IACtC1D,EAAS,CACP/zB,KAAM,gBACN8oB,QAAS2O,KAEV,CAAC1D,IAEE2D,EAA0Bh+B,YAAai+B,IAEzC5D,EADW,aAATrM,EACO,CACP1nB,KAAM,oBACN8oB,QAAS,IAAK7B,EAAMc,eAAgBD,gBAAiB6P,IAG9C,CACP33B,KAAM,oBACN8oB,QAAS,IAAK7B,EAAMiB,eAAgBD,gBAAiB0P,MAGxD,CAACjQ,EAAMT,EAAO8M,IAEX6D,EAAgCl+B,YAAaosB,IACjD,MAAM+R,EAAsC,GAC5C/R,EAAKgS,QAAS39B,IACZ09B,EAAW19B,IAAO,IAIlB45B,EADW,aAATrM,EACO,CACP1nB,KAAM,oBACN8oB,QAAS,CACPhB,gBAAiBF,KACdiQ,IAIE,CACP73B,KAAM,oBACN8oB,QAAS,CACPb,gBAAiBL,KACdiQ,MAIR,CAACnQ,EAAME,EAAiBmM,IAE3B,OAAKyD,EAKH,kBAAC,GAAD,CACE9P,KAAMA,EACN/V,QAAS6lB,EACT3B,YAAajO,EACbC,kBAAmBA,EACnBiO,YAAalN,EACbmN,oBAAqB2B,EACrB1B,0BAA2B4B,EAC3B3B,eAAgB7jB,EAChBQ,WAAYtB,IAbP,kBAAC8B,GAAA,EAAD,S,OCdI5S,mBAhGuB,EACpC+oB,gBACAtC,QACA8M,WACAvG,iBACArP,cAEA,MAAM4Z,EAAcr+B,YAAY,KAE5B6vB,IAAkBgB,IAAgB0C,qBAC/B1D,IAAkBgB,IAAgB2C,mBAErC/3B,WAAW,KACT4+B,EAAS,CAAE/zB,KAAM,WAvBG,KA4BtBupB,IAAkBgB,IAAgB4C,sBAC/B5D,IAAkBgB,IAAgB6C,qBAUvCjP,IARqB,WAAf8I,EAAMS,KACR8F,EAAejD,IAAgB0C,qBAE/BO,EAAejD,IAAgB2C,oBAMlC,CACDjG,EAAMS,KAAMqM,EACZxK,EAAepL,EAASqP,IAGpBkF,EAAqBh5B,YAAY,KACrCq6B,EAAS,CAAE/zB,KAAM,UACjBwtB,EAAejD,IAAgB0C,sBAC9B,CAACO,EAAgBuG,IAEdiE,EAAmBt+B,YAAasuB,IACpC+L,EAAS,CAAE/zB,KAAM,aAAc8oB,QAASd,IACxCwF,EAAejD,IAAgB2C,oBAC9B,CAAC6G,EAAUvG,IAERyK,EAAyBv+B,YAAY,KACzCq6B,EAAS,CAAE/zB,KAAM,uBACjBwtB,EAAejD,IAAgB4C,uBAC9B,CAAC4G,EAAUvG,IAER0K,EAAyBx+B,YAAY,KACzCq6B,EAAS,CAAE/zB,KAAM,uBACjBwtB,EAAejD,IAAgB6C,uBAC9B,CAAC2G,EAAUvG,IAEd,OAAQjE,GACN,KAAKgB,IAAgByC,QACnB,OACE,kBAAC,GAAD,CACE8E,eAAgBY,EAChBX,aAAciG,IAGpB,KAAKzN,IAAgB0C,oBACrB,KAAK1C,IAAgB2C,kBACnB,OACE,kBAAC,GAAD,CACEjG,MAAOA,EACP8M,SAAUA,EACVC,mBAAoBiE,EACpBhE,mBAAoBiE,EACpB/Z,QAAS4Z,IAGf,KAAKxN,IAAgB4C,qBACnB,OACE,kBAAC,GAAD,CACEzF,KAAK,WACLT,MAAOA,EACP8M,SAAUA,IAGhB,KAAKxJ,IAAgB6C,qBACnB,OACE,kBAAC,GAAD,CACE1F,KAAK,WACLT,MAAOA,EACP8M,SAAUA,IAIhB,QACE,U,iBCnBSvzB,mBA9EmB,EAChC23B,UACAC,QACA7J,QACAruB,QACAwF,WACAC,eAEA,MAAM0yB,EAAe3+B,YAAai8B,IAChChwB,EAAS7B,OAAO6xB,EAAMjyB,cAAcxD,SACnC,CAACyF,IAEE3L,EAAYyL,aAChB,cACAC,GAAY,YAGR4yB,EAAat8B,YAAQ,KACzB,GAAIm8B,EACF,OAAQj4B,GAASi4B,EAAQ3/B,OAAS,GAAM,IACnC,GAAI4/B,EAAO,CAChB,MAAMG,GAAwBH,EAAMzkC,IAAMykC,EAAMt4B,MAAQs4B,EAAMr4B,MAAQ,GACtE,OAASG,EAAQk4B,EAAMt4B,KAAOy4B,EAAwB,IAExD,OAAO,GACN,CAACr4B,EAAOi4B,EAASC,KAEbt4B,EAAKnM,EAAKoM,GAAQ/D,YAAQ,IAC3Bm8B,EACK,CAAC,EAAGA,EAAQ3/B,OAAS,EAAG,GACtB4/B,EACF,CAACA,EAAMt4B,IAAKs4B,EAAMzkC,IAAKykC,EAAMr4B,MAAQ,GAGvC,CAAC,EAAG,EAAG,GACb,CAACq4B,EAAOD,IAEX,OACE,yBAAKn+B,UAAWA,GACbu0B,GACC,yBAAKv0B,UAAU,kBACb,0BAAMA,UAAU,SAASu0B,GACxB6J,GACC,0BAAMp+B,UAAU,SAASkG,IAI/B,yBAAKlG,UAAU,eACb,yBACEA,UAAU,oBAEVlF,MAAQ,UAASwjC,OAEnB,2BACEx4B,IAAKA,EACLnM,IAAKA,EACLuM,MAAOA,EACPH,KAAMA,EACNC,KAAK,QACL2F,SAAU0yB,IAEXF,GACC,yBAAKn+B,UAAU,kBACZm+B,EAAQrlB,IAAI,CAAC0lB,EAAQlpB,IACpB,yBACEtV,UAAWyL,aAAe,6BAA8B6J,IAAUpP,GAAS,UAC3EjG,QAAS,IAAM0L,EAAS2J,IAEvBkpB,S,6BCvCFh4B,mBA7B+B,EAC5C/M,OAAOglC,KACPC,aACAC,0BAGA,MAAMr0B,EAAMrD,YAAuB,MAE7B23B,EAAiBC,aAAkBv0B,EAAKq0B,GAExCG,EAAa,aAAYJ,EAAW/gC,GACpCohC,EAAansB,YAASksB,GAAYF,EAAgB/rB,iBAAemsB,SACjE,sBAAEC,EAAF,qBAAyBl2B,GAAyBm2B,aAAsBH,EAAY,QAE1F,OACE,yBAAKz0B,IAAKA,EAAKtK,UAAU,sBACrBi/B,GAAyBE,aAAgBT,EAAWhlB,MAAO,GAC5DulB,GAAyBF,GACxB,kBAAChG,GAAA,EAAD,CACEp7B,GAAImhC,EACJrlC,KAAMA,EACN0+B,cAAe4G,EACf/+B,UAAW+I,OCPNvC,mBAnBuB,EAAGk4B,aAAYC,0BAEnD,MAAMr0B,EAAMrD,YAAuB,MAE7B23B,EAAiBC,aAAkBv0B,EAAKq0B,GAExCj+B,EAAYkS,YAAS8rB,EAAWU,cAAiB,aAAYV,EAAW/gC,IAAOihC,IAC/E,sBAAEK,EAAF,qBAAyBl2B,GAAyBm2B,aAAsBx+B,EAAW,QAEzF,OACE,yBAAK4J,IAAKA,EAAKtK,UAAU,sBACrBi/B,GAAyBE,aAAgBT,EAAWhlB,MAAO,GAC5DulB,GACC,yBAAKhiC,IAAKyD,EAAWV,UAAW+I,EAAsBqG,IAAI,Q,OC+FnD5I,mBA5FqB,EAClC64B,UAAS5lC,OAAMklC,sBAAqBW,YAAW5lB,QAAO1Z,YAAWC,UAAS+oB,WAAUuW,oBAGpF,MAAMj1B,EAAMrD,YAAuB,MAE7Bu4B,EAAkB,UAASH,EAAQ1hC,GACnC8hC,EAAmB,kBAAiBJ,EAAQ1hC,GAE5CihC,EAAiBC,aAAkBv0B,EAAKq0B,GAExCrrB,EAAe+rB,EAAQK,UAAYL,EAAQK,UAAUC,aAAUt+B,EAC/Du+B,EAAiBhtB,YAAY4sB,EAAF,WAA4BZ,EAAgB/rB,iBAAeC,SAEtF+sB,EAAajB,IAAmBU,EAChCP,EAAansB,YAASysB,EAAQS,YAAcN,GAAiBK,EAAYhtB,iBAAemsB,SACvF3G,EAAmB0H,EAAYC,GAAgBzd,aAAQnrB,QAAQ2nC,IAChEkB,EAAkB5H,GAAqBwH,GAEvC,kBACJK,EACAjB,sBAAuBkB,EACvBp3B,qBAAsBq3B,GACpBlB,aAAsBU,GAAkBK,EAAiB,QAG7Dx+B,YAAU,KACHo+B,GACHG,KAED,CAACA,EAAcH,IAelB,MAAMQ,EAAgB50B,aACpB,gBACA4zB,EAAQS,YAAc,WACtBL,EACAz/B,GAGIlF,EAAQolC,GAAqB5sB,EAAgB,0BAAyBA,OAAoB,GAEhG,OACE,yBACEhJ,IAAKA,EACLtK,UAAWqgC,EACX3mB,MAAOA,GAAU2lB,GAAWA,EAAQiB,MAEpCxlC,MAAOA,EACPylC,kBAAiBlB,EAAQ1hC,GACzBsC,QA9BJ,WACMA,GACFA,EAAQ+oB,KA8BPmX,IAAwBF,GAEvB,yBAAKhjC,IAAK2iC,EAAgB5/B,UAAWogC,IAEtCP,GAAcd,GACb,kBAAChG,GAAA,EAAD,CACEp7B,GAAI6hC,EACJrH,cAAe4G,EACf11B,MAAI,EACJ5P,KAAMA,EACN+mC,eAAa,EACbtH,OAAQ6G,IAGXR,GACC,kBAACp9B,EAAA,EAAD,CACEnC,UAAU,wBACVqC,MAAM,OACND,OAAK,EACLnC,QA7CR,SAA2B2B,GACzBA,EAAEC,kBACFD,EAAE4M,iBAEF+wB,EAAeF,KA2CT,uBAAGr/B,UAAU,mB,OC1BRwG,mBAlE0B,EACvCk4B,aACAC,sBACA1+B,cAEA,MAAMN,EAAOC,cAEb,IAAK8+B,IAAeA,EAAW+B,SAC7B,OAGF,MAAMC,EAAehC,EAAW+B,UAAY/B,EAAW+B,SAAS,GAEhE,OAAI/B,EAAWU,eAAiBsB,EAE5B,kBAAC3nB,GAAA,EAAD,CACEsgB,QAAM,EACNr5B,UAAU,qBACVy7B,UAAWiF,EACXzgC,QAAS,IAAMygC,GAAgBzgC,EAAQygC,IAEvC,kBAACv+B,EAAA,EAAD,CACEG,UAAWo8B,EAAWhlB,MACtBrX,MAAM,eAELq8B,EAAWoB,WACV,kBAAC,GAAD,CACErmC,KAAMknC,KACNjC,WAAYA,EACZC,oBAAqBA,IAGvB,kBAAC,GAAD,CACED,WAAYA,EACZC,oBAAqBA,KAI3B,yBAAK3+B,UAAU,uBACb,yBAAKA,UAAU,SAAS0+B,EAAWhlB,OACnC,yBAAK1Z,UAAU,YAAYL,EAAK,2BAA4B++B,EAAWlF,MAAO,QAMlF,kBAACzgB,GAAA,EAAD,CACEsgB,QAAM,EACNr5B,UAAU,qBACVC,QAAS,IAAMA,EAAQygC,IAEvB,kBAAC,GAAD,CACErB,QAASqB,EACTjnC,KAAMknC,KACNjnB,MAAOglB,EAAWhlB,MAClBilB,oBAAqBA,IAEvB,yBAAK3+B,UAAU,uBACb,yBAAKA,UAAU,SAAS0+B,EAAWhlB,OACnC,yBAAK1Z,UAAU,YAAYL,EAAK,2BAA4B++B,EAAWlF,MAAO,U,UCjDxF,MAAMoH,GAA0B,CAC9B,mBACA,gBACA,iBAmMap6B,mBAAK/H,YACjBC,IACQ,IACFY,YAAKZ,EAAOkR,SAASC,MACtB,CACE,kBACA,iBACA,sBACA,sCACA,wCACA,kCACA,oCACA,qBACA,uBACA,wBACA,uBAEJgxB,cAAeniC,EAAO+hC,SAASK,MAAMC,OACrCC,gBAAiBtiC,EAAO+hC,SAASQ,WAGrC,CAAC7hC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,mBAAoB,kBAAmB,sBAtBvBZ,CAhM+C,EACjE+0B,iBACAqN,gBACAG,kBACAE,kBACAvxB,iBACAwxB,sBACAC,sCACAC,wCACAC,kCACAC,oCACAC,qBACAC,uBACAC,wBACAC,qBACAC,mBACAC,kBACAC,wBAGA,MAAMC,EAAqB96B,YAAuB,OAC1C+6B,QAASC,GAAiCC,aAAwB,CAAEC,QAASJ,KAC9EK,EAAaC,EAAWC,GAAc/f,gBACtC8c,EAASkD,GAAcrhC,cAExBvB,EAAOC,cAEP4iC,EAAyBr7B,SAO3B9F,EAP0C,CAC5C,CAAE6E,MAAO,QAASquB,MAAO50B,EAAK,2BAA4B8iC,SAAU,6BACpE,CACEv8B,MAAO,aACPquB,MAAO50B,EAAK+iC,IAAY,6BAA+B,+BACvDD,SAAU,sBAIdhhC,YAAU,KACRogC,KACC,CAACA,IAEJpgC,YAAU,KACJo/B,GAAiBA,EAAcriC,QACjCsjC,KAED,CAACjB,EAAeiB,IAEnB,MAAMa,EAA6BjjC,YAAakjC,IAC9ChC,GAAwB9C,QAAQ,CAAC+E,EAAGnlB,KAClCljB,SAASC,KAAKC,UAAUiZ,OAAQ,mBAAkB+J,EAAKklB,IAAallB,KAGtEkkB,EAAiB,CAAEjyB,eAAgBizB,KAClC,CAAChB,IAEEkB,EAA8BpjC,YAAaqjC,IAC/CvoC,SAASwoC,gBAAgBloC,MAAMmoC,YAAY,sBAA0BF,EAAF,MAEnEnB,EAAiB,CAAEV,gBAAiB6B,KACnC,CAACnB,IAEEsB,EAAwBxjC,YAAawG,IACzCq8B,EAAWr8B,GACXm8B,KACC,CAACA,IAEEc,EAActC,GAAiBA,EAAc/nB,IAAKnb,MAC/CqjC,GAAmBA,EAAgBrjC,IAAOqjC,EAAgBrjC,GAAIylC,gBAAgBpC,EAAgBrjC,IACpG4Z,OAAOngB,SAEV,OACE,yBAAK4I,UAAU,kCACb,yBAAKA,UAAU,sBACb,wBAAIA,UAAU,wBAAwBL,EAAK,aAE3C,kBAAC,GAAD,CACE40B,MAAO50B,EAAK,YAEZy+B,MAAO,CAAEt4B,IAAK,GAAInM,IAAK,IACvBuM,MAAOg7B,EACPv1B,SAAUm3B,IAGZ,kBAAC/pB,GAAA,EAAD,CACEnW,KAAK,QACL3C,QAAS,IAAMuzB,EAAejD,IAAgBM,wBAE7ClxB,EAAK,oBAIV,yBAAKK,UAAU,iBACb,wBAAIA,UAAU,wBAAd,mBAGA,uBAAGA,UAAU,6BAAb,yCAEA,kBAAC,GAAD,CACEm+B,QAASyC,GACT16B,MAAOyJ,EACPhE,SAAUg3B,KAIbH,GACC,yBAAKxiC,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,aAE3C,kBAAC0jC,GAAA,EAAD,CACE5sB,KAAK,yBACL0nB,QAASqE,EACT72B,SAAWzF,GAAU07B,EAAiB,CAAET,oBAAqBj7B,IAC7Do9B,SAAUnC,KAKhB,yBAAKnhC,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,sBAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,YACZm9B,QAASsE,EACTmC,QAAUC,GAAc5B,EAAiB,CAAER,oCAAqCoC,MAElF,kBAAC3G,GAAA,EAAD,CACEtI,MAAO50B,EAAK,4BACZm9B,QAASuE,EACTkC,QAAUC,GAAc5B,EAAiB,CAAEP,sCAAuCmC,MAEpF,kBAAC3G,GAAA,EAAD,CACEtI,MAAO50B,EAAK,0BACZm9B,QAASwE,EACTiC,QAAUC,GAAc5B,EAAiB,CAAEN,gCAAiCkC,MAE9E,kBAAC3G,GAAA,EAAD,CACEtI,MAAO50B,EAAK,kBACZm9B,QAASyE,EACTgC,QAAUC,GAAc5B,EAAiB,CAAEL,kCAAmCiC,OAIlF,yBAAKxjC,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,kBAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,YACZm9B,QAAS0E,EACT+B,QAAUC,GAAc5B,EAAiB,CAAEJ,mBAAoBgC,MAEjE,kBAAC3G,GAAA,EAAD,CACEtI,MAAO50B,EAAK,eACZm9B,QAAS2E,EACT8B,QAAUC,GAAc5B,EAAiB,CAAEH,qBAAsB+B,OAIrE,yBAAKxjC,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,qBAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,mBACZm9B,QAAS4E,EACT6B,QAAUC,GAAc5B,EAAiB,CAAEF,sBAAuB8B,MAEpE,kBAAC3G,GAAA,EAAD,CACEtI,MAAO50B,EAAK,wBACZm9B,QAAS6E,EACT4B,QAAUC,GAAc5B,EAAiB,CAAED,mBAAoB6B,MAGjE,yBAAKxjC,UAAU,OAAOsK,IAAKy3B,GACxBoB,GAAeA,EAAYrqB,IAAK4lB,GAC/B,kBAAC,GAAD,CACEv+B,IAAKu+B,EAAW/gC,GAChB+gC,WAAYA,EACZC,oBAAqBsD,EACrBhiC,QAASijC,MAId7D,GACC,kBAAC,KAAD,CACEn9B,OAAQkgC,EACRqB,YAAapE,EACbt4B,QAASu7B,SC/NrB,IAAIoB,GAEG,SAASC,GAAsBC,EAAS,IAAKC,EAA8BC,GAAa,GACxFJ,KACHA,GAAelpC,SAASsC,cAAc,SACtC4mC,GAAaK,aAAa,OAAQ,SAGpCL,GAAaK,aAAa,SAAUH,GAEhCE,EACFJ,GAAaM,gBAAgB,YAE7BN,GAAaK,aAAa,WAAY,YAIxCL,GAAaO,SAAW,KACxBP,GAAax9B,MAAQ,GACrBw9B,GAAaO,SAAWJ,EAExBH,GAAaQ,Q,aCPR,SAASC,GAAQC,GACtB,MAAO,CACLC,SAASD,EAAME,UAAU,EAAG,GAAI,IAChCD,SAASD,EAAME,UAAU,EAAG,GAAI,IAChCD,SAASD,EAAME,UAAU,EAAG,GAAI,KAS7B,SAASC,GAAQH,GACtB,MAAMI,EAAKJ,EAAM,GAAG71B,SAAS,IACvBk2B,EAAKL,EAAM,GAAG71B,SAAS,IACvBm2B,EAAKN,EAAM,GAAG71B,SAAS,IAC7B,OAAqB,GAAbi2B,EAAGhmC,OAAc,IAAMgmC,EAAKA,IAAoB,GAAbC,EAAGjmC,OAAc,IAAMimC,EAAKA,IAAoB,GAAbC,EAAGlmC,OAAc,IAAMkmC,EAAKA,GAcrG,SAASC,IAASC,EAAGC,EAAGvc,IAC7Bsc,GAAK,IACLC,GAAK,IACLvc,GAAK,IAEL,IACIwc,EAAYC,EADZprC,EAAMD,KAAKC,IAAIirC,EAAGC,EAAGvc,GAAIxiB,EAAMpM,KAAKoM,IAAI8+B,EAAGC,EAAGvc,GACvB0c,EAAYrrC,EAEnC8kB,EAAI9kB,EAAMmM,EAGd,GAFAi/B,EAAW,GAAPprC,EAAW,EAAI8kB,EAAI9kB,EAEnBA,GAAOmM,EACTg/B,EAAI,MACC,CACL,OAAQnrC,GACN,KAAKirC,EACHE,GAAKD,EAAIvc,GAAK7J,GAAKomB,EAAIvc,EAAI,EAAI,GAC/B,MACF,KAAKuc,EACHC,GAAKxc,EAAIsc,GAAKnmB,EAAI,EAClB,MACF,KAAK6J,EACHwc,GAAKF,EAAIC,GAAKpmB,EAAI,EAItBqmB,GAAK,EAGP,MAAO,CAACA,EAAGC,EAAGC,GAcT,SAASC,IAASH,EAAGC,EAAGC,IAC7B,IAAIJ,EAAYC,EAAYvc,EAExB5K,EAAIhkB,KAAK2K,MAAU,EAAJygC,GACfI,EAAQ,EAAJJ,EAAQpnB,EACZynB,EAAIH,GAAK,EAAID,GACbK,EAAIJ,GAAK,EAAIE,EAAIH,GACjBM,EAAIL,GAAK,GAAK,EAAIE,GAAKH,GAE3B,OAAQrnB,EAAI,GACV,KAAK,EACHknB,EAAII,EACJH,EAAIQ,EACJ/c,EAAI6c,EACJ,MACF,KAAK,EACHP,EAAIQ,EACJP,EAAIG,EACJ1c,EAAI6c,EACJ,MACF,KAAK,EACHP,EAAIO,EACJN,EAAIG,EACJ1c,EAAI+c,EACJ,MACF,KAAK,EACHT,EAAIO,EACJN,EAAIO,EACJ9c,EAAI0c,EACJ,MACF,KAAK,EACHJ,EAAIS,EACJR,EAAIM,EACJ7c,EAAI0c,EACJ,MACF,KAAK,EACHJ,EAAII,EACJH,EAAIM,EACJ7c,EAAI8c,EAIR,MAAO,CACL1rC,KAAK0I,MAAU,IAAJwiC,GACXlrC,KAAK0I,MAAU,IAAJyiC,GACXnrC,KAAK0I,MAAU,IAAJkmB,IAuDR,SAASgd,GAAgBC,GAC9B,IAAKC,EAAKC,EAAYv/B,GAASy+B,GAAQY,GAOvC,OALAE,EAAa/rC,KAAKoM,IAAI,EAAG2/B,EAAa,IAAO,IAAO,EAAIA,IACxDv/B,EAAQA,EAAQ,GACZxM,KAAKC,IAAI,EAAW,IAARuM,GACZxM,KAAKC,IAAI,EAAGD,KAAKoM,IAAI,EAAG,EAAY,IAARI,IAExB,QAAa,IAANs/B,MAA2B,IAAbC,OAA8B,IAARv/B,U,8BCtFtCM,mBAnFqB,EAClCk/B,YACA3I,aACA98B,cAEA,MAAM,KAAE0lC,EAAF,SAAQnrC,GAAakrC,EAErBlG,EAAkB,YAAWhlC,EAASmD,GACtC0V,EAAe7Y,EAASolC,eACxBA,EAAiBhtB,YAAY4sB,EAAF,WAC3BoG,EAAWC,aACfrrC,EAASklC,WAAallC,EAASklC,UAAUC,QACzCvoC,QAAQwoC,IACR,IAEI,kBACJM,EADI,sBACejB,EADf,qBACsCl2B,GACxCm2B,aAAsBU,GAAkBvsB,EAAc,SACnDyyB,EAAmBC,GAAwB7kC,aAAS,IAEzDR,UAAWslC,EADP,iBACkBzkC,GACpBC,YAA6Bg+B,GAAiBsG,GAC5CG,GAAyD,IAAnC/6B,YAAY46B,IAChCj9B,aAAcC,EAAqBC,qBAAsBC,GAAsBC,YACpF68B,IAAsBE,GAAcL,IAASO,SAC9C7kC,EACA4kC,EACA,QAGIE,EAAezmC,YAAY,KAC/B,WACE,MAAM0mC,QAAaC,aAAUL,SACvBM,KAAcC,IAAsBA,IAAsBH,GAChEnmC,EAAQ0lC,IAHV,IAKC,CAACK,EAAW/lC,EAAS0lC,IAExBlkC,YAAU,KACJukC,GACFG,KAED,CAACH,EAAWG,IAEf,MAAMxhB,EAAcjlB,YAAY,KAC1BsmC,EACFG,IAEAJ,EAAsBjkC,IAAeA,IAEtC,CAACkkC,EAAWG,IAETnmC,EAAYyL,aAChB,gBACAsxB,GAAc,YAGhB,OACE,yBAAK/8B,UAAWA,EAAWC,QAAS0kB,GAClC,yBAAK3kB,UAAU,eACZkgC,GACC,4BACE51B,IAAKs7B,EACL5lC,UAAU,cAGbi/B,GACC,yBACEhiC,IAAK2iC,GAAkBvsB,EACvBrT,UAAY,cAAa+I,EACzBqG,IAAI,KAGPtG,GACC,yBAAK9I,UAAWyL,aAAe,oBAAqBzC,IAClD,kBAAClG,EAAA,EAAD,CAAiBC,SAAUxB,EAAkBtB,QAAS0kB,S,OCnElE,MAEMjB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GA0GpCnd,mBAAK/H,YACjBC,IACC,MAAM,oBAAE8nC,EAAF,iBAAuBC,GAAqB/nC,EAAOkR,SAASC,OAC5D,iBAAE62B,GAAqBhoC,EAAOkR,SAEpC,MAAO,CACL62B,mBACAD,sBACAE,qBAGJ,CAACtnC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,mBAAoB,iBAAkB,oBAZtBZ,CAxGyD,EAC3E+0B,iBACAiT,mBACAD,sBACAE,mBACA9E,mBACA+E,iBACAC,sBAIAnlC,YAAU,KACRiiB,GAAa,KACXijB,OAED,CAACA,IAEJ,MAAME,EAAmBnnC,YAAakC,IACpC,MAAM,MAAEklC,GAAUllC,EAAEmI,OAEhB+8B,GAASA,EAAMtoC,OAAS,GAC1BooC,EAAgBE,EAAM,KAEvB,CAACF,IAEEG,EAAwBrnC,YAAY,KACxCikC,GA9BoB,aA8BmBkD,GAAkB,IACxD,CAACA,IAEEG,EAAiBtnC,YAAY,KACjC8zB,EAAejD,IAAgBO,6BAC9B,CAAC0C,IAEEyT,EAAuBvnC,YAAY,KACvCkiC,EAAiB,CAAE6E,sBAAkBplC,EAAW6lC,aAAcC,OAC7D,CAACvF,IAEEwF,EAAwB1nC,YAAaimC,IACzC/D,EAAiB,CAAE6E,iBAAkBd,IACrC,MAAM0B,EAAmBX,GAAoBA,EAAiBnL,KAAMmK,GAAcA,EAAUC,OAASA,GACjG0B,GAAoBA,EAAiB7sC,SAASklC,WF0D/C4H,eAA+B7gC,GAEpC,MACM8gC,EAAuC,CAAC,EAAG,EAAG,GACpD,IAAIC,EACA9wC,EACAe,EAEA+G,EADAkf,GAAK,EAEL+pB,EAAgC,CAAC,EAAG,EAAG,GACvCjO,EAAQ,EAEZ,MAAMkO,EAASltC,SAASsC,cAAc,UAChC6qC,EAAUD,EAAOE,YAAcF,EAAOE,WAAW,MACvD,IAAKD,EACH,OAAOJ,EAGT,MAAMx5B,QAAc85B,aAAaphC,GACjChP,EAASsW,EAAM+5B,eAAiB/5B,EAAMjQ,cAAgBiQ,EAAMtW,OAC5Df,EAAQqX,EAAMg6B,cAAgBh6B,EAAMi6B,aAAej6B,EAAMrX,MACzDgxC,EAAOjwC,OAASA,EAChBiwC,EAAOhxC,MAAQA,EAEfixC,EAAQM,UAAUl6B,EAAO,EAAG,GAE5B,IACEy5B,EAAOG,EAAQO,aAAa,EAAG,EAAGxxC,EAAOe,GACzC,MAAOmK,GACP,OAAO2lC,EAMT,IAHA/oC,EAASgpC,EAAKA,KAAKhpC,QAGXkf,GAAKyqB,IAAiB3pC,KAC1Bg7B,EACFiO,EAAI,IAAMD,EAAKA,KAAK9pB,GACpB+pB,EAAI,IAAMD,EAAKA,KAAK9pB,EAAI,GACxB+pB,EAAI,IAAMD,EAAKA,KAAK9pB,EAAI,GAO1B,OAJA+pB,EAAI,GAAK/tC,KAAK2K,MAAMojC,EAAI,GAAKjO,GAC7BiO,EAAI,GAAK/tC,KAAK2K,MAAMojC,EAAI,GAAKjO,GAC7BiO,EAAI,GAAK/tC,KAAK2K,MAAMojC,EAAI,GAAKjO,GAEtBiO,EEvGHW,CAAgBf,EAAiB7sC,SAASklC,UAAUC,SACjDlH,KAAMp2B,IACLu/B,EAAiB,CAAEsF,aAAc5B,GAAgBjjC,QAGtD,CAACqkC,EAAkB9E,IAEhByG,EAA4B3oC,YAAakC,IAC7CggC,EAAiB,CAAE4E,oBAAqB5kC,EAAEmI,OAAO+yB,WAChD,CAAC8E,IAEEjiC,EAAOC,cAEP0oC,EAAc5B,GAAoBA,EAAiB,IAAMA,EAAiB,GAAGf,OAASO,IAE5F,OACE,yBAAKlmC,UAAU,4DACb,yBAAKA,UAAU,sBACb,kBAAC+Y,GAAA,EAAD,CACEnW,KAAK,aACL5C,UAAU,OACV0L,SAAU48B,EACVroC,QAAS8mC,GAERpnC,EAAK,gBAGR,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,WACL5C,UAAU,OACVC,QAAS+mC,GAERrnC,EAAK,aAGR,kBAACoZ,GAAA,EAAD,CAAUnW,KAAK,WAAW3C,QAASgnC,GAChCtnC,EAAK,yBAGR,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,qBACZm9B,QAAS1lC,QAAQovC,GACjB76B,SAAU08B,KAIb3B,EACC,yBAAK1mC,UAAU,uBACZ0mC,EAAiB5tB,IAAK4sB,GACrB,kBAAC,GAAD,CACEA,UAAWA,EACX3I,WAAY0J,IAAqBf,EAAUC,KAC3C1lC,QAASmnC,MAKf,kBAAChuB,GAAA,EAAD,U,OC7FR,MAAMmvB,GAAc5D,GAAQR,GAAQ,WAC9BqE,GAAoB,CACxB,UAAW,UAAW,UAAW,UAAW,UAAW,UACvD,UAAW,UAAW,UAAW,UAAW,UAAW,WA2LzD,SAASC,GAAcC,EAA+BC,GACpD,MAAO,CACLC,cAAe,CACblvC,KAAK0I,MAAOsmC,EAAI,IAAOC,EAAME,UAAUnyC,MAAQ,IAC/CgD,KAAK0I,OAAO,EAAIsmC,EAAI,KAAOC,EAAME,UAAUpxC,OAAS,KAEtDqxC,YAAapvC,KAAK0I,MAAMsmC,EAAI,IAAMC,EAAMI,QAAQryC,MAAQ,KAI5D,SAASsyC,IACP,cAAEJ,EAAF,YAAiBE,GACjBH,GAEA,MAAO,CACLG,GAAeH,EAAMI,QAAQryC,MAAQ,GACrCkyC,EAAc,IAAMD,EAAME,UAAUnyC,MAAQ,GAC5C,EAAIkyC,EAAc,IAAMD,EAAME,UAAUpxC,OAAS,IA8EtC+O,mBAAK/H,YACjBC,IACQ,CACL+nC,iBAAkB/nC,EAAOkR,SAASC,MAAM42B,mBAG5C,CAACrnC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,qBANpCZ,CAvRyD,EAC3EgoC,mBACA7E,uBAGA,MAAMqH,EAAehiC,YAAuB,MAEtCiiC,EAAiBjiC,YAAuB,MAExCkiC,EAAeliC,YAAuB,MACtCmiC,EAAgBniC,aAAO,IAEtByhC,EAAKW,GAAUnoC,YAsKxB,SAAuBulC,GACrB,OAAOA,GAAoBA,EAAiBxzB,WAAW,KACnD0xB,GAAQR,GAAQsC,EAAiB1oB,QAAQ,IAAK,MAC9CwqB,GAzK2Be,CAAc7C,IAEvC8C,EAAStiC,YAAOyhC,GACtBjnC,YAAU,KACR8nC,EAAOvhC,QAAU0gC,GAChB,CAACA,IAEJ,MAAO97B,EAAY48B,EAAgBC,GAAoBlnB,gBAChDmnB,EAAUC,GAAezoC,YAAS,KAClC0oC,EAAUC,GAAe3oC,YAAS,IAEnC4oC,EAAW7iC,cACX8iC,EAAc9iC,cAGpBxF,YAAU,KAER,MAAMonC,EAAY,CAChBmB,WAAYd,EAAelhC,QAASgiC,cACjC1qC,YAAK4pC,EAAelhC,QAASjP,wBAAyB,CAAC,MAAO,QAAS,YAEtEgwC,EAAU,CACdiB,WAAYb,EAAanhC,QAASgiC,cAC/B1qC,YAAK6pC,EAAanhC,QAASjP,wBAAyB,CAAC,WAK1D,SAASkxC,EAAgBroC,GACvB,MAAMgnC,EAAgB,CACpBlvC,KAAKoM,IAAIpM,KAAKC,IAAI,EAAGiI,EAAE8M,MAASm6B,EAAUmB,YAAanB,EAAUnyC,MAAQ,GACzEgD,KAAKoM,IAAIpM,KAAKC,IAAI,EAAGiI,EAAE+M,MAASk6B,EAAUpwC,IAAMwwC,EAAajhC,QAASnK,WAAYgrC,EAAUpxC,OAAS,KAGjG,YAAEqxC,GAAgBL,GAAcc,EAAOvhC,QAAS8hC,EAAS9hC,SAE/DqhC,EAAOL,GAAc,CAAEJ,gBAAeE,eAAegB,EAAS9hC,UAC9DwhC,IAWF,SAASU,EAActoC,GACrB,MAAM,cAAEgnC,GAAkBH,GAAcc,EAAOvhC,QAAS8hC,EAAS9hC,SAC3D8gC,EAAcpvC,KAAKoM,IAAIpM,KAAKC,IAAI,EAAGiI,EAAE8M,MAASq6B,EAAQiB,YAAajB,EAAQryC,MAAQ,GAEzF2yC,EAAOL,GAAc,CAAEJ,gBAAeE,eAAegB,EAAS9hC,UAC9DwhC,IA3BFM,EAAS9hC,QAAU,CAAE6gC,YAAWE,WAchCpzB,YAAcuzB,EAAelhC,QAAU,CACrCmiC,UAAWF,EACXG,OAAQH,EACRI,UAAWZ,EACXxpC,QAASwpC,EACTa,YAAY,IAWd30B,YAAcwzB,EAAanhC,QAAU,CACnCmiC,UAAWD,EACXE,OAAQF,EACRG,UAAWZ,EACXxpC,QAASwpC,EACTa,YAAY,KAEb,CAACd,EAAgBC,IAEpB,MAAM,cAAEb,EAAgB,CAAC,EAAG,GAAtB,YAA0BE,EAAc,GAAMgB,EAAS9hC,QAAUygC,GAAcC,EAAKoB,EAAS9hC,SAAW,GACxGuiC,EAAMhG,GAAQU,GAAQyD,IACtBlD,EAAMkD,EAAI,GACV8B,EAASjG,GAAQU,GAAQ,CAACO,EAAK,EAAG,KAGxC/jC,YAAU,KACR,MAAMgmC,EAAMxC,GAAQyD,GACdrmC,EAAS,IAAGkiC,GAAQkD,GAE1BkC,EAAYlC,EAAI58B,KAAK,OACrBg/B,EAAYxnC,GAEP+mC,EAAcphC,SACjB45B,EAAiB,CACf6E,iBAAkBpkC,EAClB6kC,aAAc5B,GAAgBmC,KAGlC2B,EAAcphC,SAAU,GACvB,CAAC0gC,EAAK9G,IAGTngC,YAAU,MAyGZ,SACEimC,EACAlC,EACAuE,EACAD,GAEA,IAAIW,EACA3F,EACA4F,EAECX,EAAY/hC,SAAY8hC,EAAS9hC,SAWpCyiC,EAAIX,EAAS9hC,QAAQ6gC,UAAUnyC,MAC/BouC,EAAIgF,EAAS9hC,QAAQ6gC,UAAUpxC,OAC/BizC,EAAMX,EAAY/hC,UAXlByiC,EAAI/C,EAAOM,YACXlD,EAAI4C,EAAO5pC,aACX4sC,EAAMhD,EAAOE,WAAW,MAExBF,EAAOhxC,MAAQ+zC,EACf/C,EAAOjwC,OAASqtC,EAEhBiF,EAAY/hC,QAAU0iC,GAOxB,MAAMC,EAAUD,EAAKE,gBAAgBH,EAAG3F,GAClC+F,EAASF,EAAQnD,KACjBsD,EAAM7F,GAAQ,CAACO,EAAK,EAAG,IAE7B,IAAIlwB,EAAQ,EAEZ,IAAK,IAAInI,EAAI,EAAGA,EAAI23B,EAAG33B,IAAK,CAC1B,MAAM49B,EAAO,EAAI59B,GAAK23B,EAAI,GACpBkG,EAAK,CAAC,IAAMD,EAAM,IAAMA,EAAM,IAAMA,GACpCE,EAAK,CAACH,EAAI,GAAKC,EAAMD,EAAI,GAAKC,EAAMD,EAAI,GAAKC,GACnD,IAAK,IAAI79B,EAAI,EAAGA,EAAIu9B,EAAGv9B,IAAK,CAC1B,MAAMg+B,EAAOh+B,GAAKu9B,EAAI,GACtBI,EAAOv1B,KAAW01B,EAAG,IAAMC,EAAG,GAAKD,EAAG,IAAME,EAC5CL,EAAOv1B,KAAW01B,EAAG,IAAMC,EAAG,GAAKD,EAAG,IAAME,EAC5CL,EAAOv1B,KAAW01B,EAAG,IAAMC,EAAG,GAAKD,EAAG,IAAME,EAC5CL,EAAOv1B,KAAW,KAItBo1B,EAAKS,aAAaR,EAAS,EAAG,GArJ5BS,CAAUlC,EAAelhC,QAASjN,WAAiCyqC,EAAKuE,EAAaD,IACpF,CAACtE,IAGJ/jC,YAAU,MAoJZ,SAAiBimC,GACf,MAAM+C,EAAI/C,EAAOM,YAEjBN,EAAOhxC,MAAQ+zC,EACf/C,EAAOjwC,OAFG,EAGV,MAAMizC,EAAMhD,EAAOE,WAAW,MAExB+C,EAAUD,EAAIE,gBAAgBH,EAL1B,GAMJI,EAASF,EAAQnD,KAEvB,IAAIlyB,EAAQ,EAEZ,IAAK,IAAIpI,EAAI,EAAGA,EAAIu9B,EAAGv9B,IAAK,CAC1B,MACMu6B,EAAMxC,GAAQ,CADR/3B,GAAKu9B,EAAI,GACK,EAAG,IAE7BI,EAAOv1B,KAAWmyB,EAAI,GACtBoD,EAAOv1B,KAAWmyB,EAAI,GACtBoD,EAAOv1B,KAAWmyB,EAAI,GAEtBoD,EAAOv1B,KAAW,IAGpBo1B,EAAIS,aAAaR,EAAS,EAAG,GA1K3BU,CAAQlC,EAAanhC,QAASjN,aAC7B,IAEH,MAAMuwC,EAAkB5rC,YAAakC,IACnC,MAAM2pC,EAAW3pC,EAAE8H,cAAcxD,MAAM6X,QAAQ,WAAY,IAAI6N,MAAM,EAAG,IAExE,GAAI2f,EAAS1lB,MAAM,mCAAoC,CACrD,MAAM4hB,EAAM8D,EAASpjB,MAAM,KAAKrP,IAAK0yB,GAAY1hC,OAAO0hC,EAAQ3W,SAChEwU,EAAO1E,GAAQ8C,IAGjB7lC,EAAE8H,cAAcxD,MAAQqlC,GACvB,IAEGE,EAAkB/rC,YAAakC,IACnC,MAAM8pC,EAAW9pC,EAAE8H,cAAcxD,MAAM6X,QAAQ,gBAAiB,IAAI6N,MAAM,EAAG,GAEzE8f,EAAS7lB,MAAM,uBACjBwjB,EAAO1E,GAAQR,GAAQuH,EAAS3tB,QAAQ,IAAK,OAG/Cnc,EAAE8H,cAAcxD,MAAQwlC,GACvB,IAEGC,EAA6BjsC,YAAakC,IAC9CynC,EAAO1E,GAAQR,GAAQviC,EAAE8H,cAAckiC,QAAQvpC,MAAO0b,QAAQ,IAAK,QAClE,IAEG/d,EAAYyL,aAChB,gEACAmB,GAAc,eAGhB,OACE,yBAAKtC,IAAK2+B,EAAcjpC,UAAWA,GACjC,yBAAKA,UAAU,sBACb,yBAAKsK,IAAK4+B,EAAgBlpC,UAAU,gBAClC,iCACA,yBACEA,UAAU,SAEVlF,MAAQ,wBAAuB8tC,EAAc,SAASA,EAAc,6BAA6B2B,QAGrG,yBAAKjgC,IAAK6+B,EAAcnpC,UAAU,cAChC,iCACA,yBACEA,UAAU,SAEVlF,MAAQ,yBAAwBguC,4BAAsC0B,QAG1E,yBAAKxqC,UAAU,SACb,kBAACsY,GAAA,EAAD,CAAWpS,MAAO0jC,EAAUrV,MAAM,MAAM5oB,SAAU8/B,IAClD,kBAACnzB,GAAA,EAAD,CAAWpS,MAAOwjC,EAAUnV,MAAM,MAAM5oB,SAAU2/B,MAGtD,yBAAKtrC,UAAU,qBACZwoC,GAAkB1vB,IAAKzW,GACtB,yBACErC,UAAWqC,IAAW,IAAGkoC,EAAQ,cAAWlpC,EAC5CwqC,aAAYxpC,EAEZvH,MAAQ,qBAAoBuH,KAC5BpC,QAAS0rC,UC/ENnlC,mBAAK/H,YAAYC,IACvB,CACLotC,6BAA8B10C,QAAQsH,EAAOkR,SAASC,MAAMi8B,8BAC5DC,8BAA+B30C,QAAQsH,EAAOkR,SAASC,MAAMk8B,+BAC7DC,sBAAuB50C,QAAQsH,EAAOkR,SAASC,MAAMm8B,uBACrDC,uBAAwB70C,QAAQsH,EAAOkR,SAASC,MAAMo8B,wBACtDC,0BAA2B90C,QAAQsH,EAAOkR,SAASC,MAAMq8B,2BACzDC,2BAA4B/0C,QAAQsH,EAAOkR,SAASC,MAAMs8B,4BAC1DC,8BAA+Bh1C,QAAQsH,EAAOkR,SAASC,MAAMu8B,iCAGjE,CAAChtC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,4BACA,kCACA,+BAdkBZ,CAlH0C,EAC5DqtC,+BACAC,gCACAC,wBACAC,yBACAC,4BACAC,6BACAC,gCACAC,4BACAC,kCACAC,iCAEA9qC,YAAU,KACR4qC,KACC,CAACA,IAEJ,MAAMG,EAAuB9sC,YAAY,CACvCkC,EACA6qC,EACAC,KAEA,MAAMC,EAA+B,YAAbF,GACnBX,IACc,UAAbW,EAAuBT,EAAwBE,GAC/CU,EAAqC,YAAbH,EAC1BV,EACc,UAAbU,EAAuBR,EAAyBE,EAErDI,EAA2B,CACzBE,cACgB,WAAZC,GAAwB,CAAEvrB,UAAWvf,EAAEmI,OAAO+yB,QAAS+P,eAAgBD,MAC3D,iBAAZF,GAA8B,CAAEG,eAAgBjrC,EAAEmI,OAAO+yB,QAAS3b,SAAUwrB,MAEjF,CACDR,EAA4BD,EAC5BD,EAAwBD,EACxBD,EAA+BD,EAC/BS,IAGIO,EAAkCptC,YAAakC,IACnD0qC,EAAgC,CAC9BnrB,UAAWvf,EAAEmI,OAAO+yB,WAErB,CAACwP,IAEE3sC,EAAOC,cAEb,OACE,yBAAKI,UAAU,kCACb,yBAAKA,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,6BAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,gCACZ8iC,SAAU9iC,EAAKmsC,EAA+B,uBAAyB,yBACvEhP,QAASgP,EACTngC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,UAAW,aAExD,kBAACi7B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,kBACZ8iC,SAAU9iC,EAAKosC,EAAgC,iBAAmB,mBAClEjP,QAASiP,EACTpgC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,UAAW,oBAI1D,yBAAK5B,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,iBAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,0BACZ8iC,SAAU9iC,EAAKqsC,EAAwB,uBAAyB,yBAChElP,QAASkP,EACTrgC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,QAAS,aAEtD,kBAACi7B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,kBACZ8iC,SAAU9iC,EAAKssC,EAAyB,iBAAmB,mBAC3DnP,QAASmP,EACTtgC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,QAAS,oBAIxD,yBAAK5B,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,mBAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,4BACZ8iC,SAAU9iC,EAAKusC,EAA4B,uBAAyB,yBACpEpP,QAASoP,EACTvgC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,YAAa,aAE1D,kBAACi7B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,kBACZ8iC,SAAU9iC,EAAKwsC,EAA6B,iBAAmB,mBAC/DrP,QAASqP,EACTxgC,SAAW/J,IAAQ4qC,EAAqB5qC,EAAG,YAAa,oBAI5D,yBAAK5B,UAAU,iBACb,wBAAIA,UAAU,wBAAwBL,EAAK,eAE3C,kBAACk9B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,iBACZm9B,QAASsP,EACTzgC,SAAUmhC,SC6BLtmC,mBAAK/H,YACjBC,IACC,MACEkR,UACEC,OAAO,YAAEk9B,GADD,QAERC,GAHE,QAKJC,EALI,eAMJC,GACExuC,EAEJ,MAAO,CACLquC,cACAI,aAAcF,EAAQG,WACtBC,cAAeH,EAAe1uC,OAC9B8uC,6BAA8BN,EAAQtZ,aAAesZ,EAAQtZ,YAAY6Z,WACzEC,0BAA2BR,EAAQS,UAAYT,EAAQS,SAASF,WAChEG,8BAA+BV,EAAQW,cAAgBX,EAAQW,aAAaJ,WAC5EK,4BAA6BZ,EAAQa,UAAYb,EAAQa,SAASN,WAClEO,4BAA6Bd,EAAQe,YAAcf,EAAQe,WAAWR,aAG1E,CAACnuC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,sBAAuB,qBAAsB,wBAvB7BZ,CAvI+C,EACjE+0B,iBACAuZ,cACAI,eACAE,gBACAC,+BACAE,4BACAE,gCACAE,8BACAE,8BACAE,sBACAC,sBACAC,yBAEAzsC,YAAU,KACRwsC,IACAC,IACAF,KACC,CAACC,EAAqBC,EAAoBF,IAE7C,MAAMruC,EAAOC,cAEb,SAASuuC,EAAmBZ,GAC1B,OAAQA,GACN,IAAK,YACH,OAAO5tC,EAAK,gBAEd,IAAK,WACH,OAAOA,EAAK,eAEd,IAAK,SACH,OAAOA,EAAK,cAMlB,OACE,yBAAKK,UAAU,kCACb,yBAAKA,UAAU,sBACb,kBAAC+Y,GAAA,EAAD,CACEnW,KAAK,cACLy2B,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBwB,sBAE9C,yBAAK/xB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,iBAC7BwtC,EAAe,GACd,0BAAMntC,UAAU,YACbL,EAAK,QAASwtC,MAKvB,kBAACp0B,GAAA,EAAD,CACEnW,KAAK,OACLy2B,QAAM,EACNp5B,QAAS,IAAMuzB,EACbuZ,EAAcxc,IAAgB0B,aAAe1B,IAAgByB,gBAG/D,yBAAKhyB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,wBAC9B,0BAAMK,UAAU,YAAYL,EAAKotC,EAAc,aAAe,kBAGlE,kBAACh0B,GAAA,EAAD,CACEnW,KAAK,kBACLy2B,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBuB,wBAE9C,yBAAK9xB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,kBAC7B0tC,EAAgB,GACf,0BAAMrtC,UAAU,YACK,IAAlBqtC,EAAsB,YAAiBA,EAAF,gBAOhD,yBAAKrtC,UAAU,iBACb,wBAAIA,UAAU,6BAA6BL,EAAK,iBAEhD,kBAACoZ,GAAA,EAAD,CACEsgB,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBQ,qBAE9C,yBAAK/wB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,sBAC9B,0BAAMK,UAAU,YAAYmuC,EAAmBb,MAGnD,kBAACv0B,GAAA,EAAD,CACEsgB,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBS,kBAE9C,yBAAKhxB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,kBAC9B,0BAAMK,UAAU,YAAYmuC,EAAmBX,MAGnD,kBAACz0B,GAAA,EAAD,CACEsgB,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBU,sBAE9C,yBAAKjxB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,6BAC9B,0BAAMK,UAAU,YAAYmuC,EAAmBT,MAGnD,kBAAC30B,GAAA,EAAD,CACEsgB,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBW,oBAE9C,yBAAKlxB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,yBAC9B,0BAAMK,UAAU,YAAYmuC,EAAmBP,MAGnD,kBAAC70B,GAAA,EAAD,CACEsgB,QAAM,EACNp5B,QAAS,IAAMuzB,EAAejD,IAAgBY,oBAE9C,yBAAKnxB,UAAU,uBACb,0BAAMA,UAAU,SAASL,EAAK,gBAC9B,0BAAMK,UAAU,YAAYmuC,EAAmBL,WC7E5CtnC,mBAAK/H,YACjBC,IACQ,CACL0vC,UAAW1vC,EAAOkR,SAASC,MAAMu+B,UACjCC,SAAU3vC,EAAOkR,SAASC,MAAMw+B,WAGpC,CAACjvC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,gBAAiB,qBARDZ,CA1DqC,EACvD2vC,YACAC,WACAC,gBACA1M,uBAEA,MAAO2M,EAAkBC,GAAuBttC,YAAiBmtC,IAC1DhlB,EAAWolB,EAAeC,GAAmBnsB,eAGpD9gB,YAAU,KACR6sC,KACC,CAACA,IAEJ,MAAMjQ,EAAe3+B,YAAaivC,IAChCH,EAAoBG,GACpBF,IAEAG,aAAYD,EAAU,KACpBD,IACA9M,EAAiB,CAAEyM,SAAUM,OAE9B,CAACF,EAAeC,EAAiB9M,IAE9BzD,EAAUn8B,YAAQ,IACfosC,EAoBX,SAAsBA,GACpB,MAAMS,GAAmB32C,OAAO42C,UAAUT,UAAY,MAAMU,cACtDC,EAAgBH,EAAgBI,OAAO,EAAG,GAEhD,OAAOb,EAAUt1B,IAAI,EAAG61B,WAAUO,aAAYz4B,WAAzB,CACnBvQ,MAAOyoC,EACPpa,MAAO2a,EACPzM,SAAUhsB,KACR2R,KAAMC,IACDwmB,GAAoBxmB,EAAEniB,QAAU2oC,GAAmBxmB,EAAEniB,QAAU8oC,EAAsB,GAAJ,GA7BrEG,CAAaf,QAAa/sC,EAC5C,CAAC+sC,IAEJ,OACE,yBAAKpuC,UAAU,kEACZm+B,EACC,kBAACkF,GAAA,EAAD,CACE5sB,KAAK,yBACL0nB,QAASA,EACTmF,SAAUiL,EACVa,cAAe/lB,EAAYklB,OAAmBltC,EAC9CsK,SAAU0yB,IAGZ,kBAACjlB,GAAA,EAAD,UCzDD,SAASi2B,GAAcC,GAC5B,OAAQA,GACN,KAAK/e,IAAgBQ,mBACrB,KAAKR,IAAgBa,kCACrB,KAAKb,IAAgBkB,iCACnB,MAAO,cACT,KAAKlB,IAAgBS,gBACrB,KAAKT,IAAgBc,+BACrB,KAAKd,IAAgBmB,8BACnB,MAAO,WACT,KAAKnB,IAAgBU,oBACrB,KAAKV,IAAgBe,mCACrB,KAAKf,IAAgBoB,kCACnB,MAAO,eACT,KAAKpB,IAAgBW,kBACrB,KAAKX,IAAgBgB,iCACrB,KAAKhB,IAAgBqB,gCACnB,MAAO,WACT,KAAKrB,IAAgBY,kBACrB,KAAKZ,IAAgBiB,iCACrB,KAAKjB,IAAgBsB,gCACnB,MAAO,cCiLErrB,mBAAK/H,YAClB,CAACC,GAAU4wC,aACT,IAAIC,EAEJ,MACE54B,OAASC,KAAMC,GACfjH,UAAU,QAAEo9B,IACVtuC,EAEJ,OAAQ4wC,GACN,KAAK/e,IAAgBQ,mBACnBwe,EAAkBvC,EAAQtZ,YAC1B,MAEF,KAAKnD,IAAgBS,gBACnBue,EAAkBvC,EAAQS,SAC1B,MAEF,KAAKld,IAAgBU,oBACnBse,EAAkBvC,EAAQW,aAC1B,MAEF,KAAKpd,IAAgBW,kBACnBqe,EAAkBvC,EAAQa,SAC1B,MAEF,KAAKtd,IAAgBY,kBACnBoe,EAAkBvC,EAAQe,WAI9B,OAAKwB,EAIE,IACFA,EACH14B,aALO,IAQX,CAACzX,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,yBAxCpCZ,CA5KyD,EAC3E6wC,SACA9b,iBACA+Z,aACAiC,eACAC,eACAC,eACAC,eACA94B,YACA+4B,2BAEA,MAAMjwC,EAAOC,cAEPiwC,EAAoB7tC,YAAQ,KAChC,OAAQstC,GACN,KAAK/e,IAAgBU,oBACrB,KAAKV,IAAgBY,kBACnB,MAAO,CACL,CAAEjrB,MAAO,YAAaquB,MAAO50B,EAAK,iBAClC,CAAEuG,MAAO,WAAYquB,MAAO50B,EAAK,iBAGrC,QACE,MAAO,CACL,CAAEuG,MAAO,YAAaquB,MAAO50B,EAAK,iBAClC,CAAEuG,MAAO,WAAYquB,MAAO50B,EAAK,gBACjC,CAAEuG,MAAO,SAAUquB,MAAO50B,EAAK,iBAGpC,CAACA,EAAM2vC,IAEJQ,EAAiB,CACrBC,iBAAiC,WAAfxC,EAClByC,kBAAkC,cAAfzC,GAGf0C,EAAaZ,GAAcC,GAE3BY,EAAaluC,YAAQ,KACzB,OAAQstC,GACN,KAAK/e,IAAgBQ,mBACnB,OAAOpxB,EAAK,qBACd,KAAK4wB,IAAgBS,gBACnB,OAAOrxB,EAAK,iBACd,KAAK4wB,IAAgBU,oBACnB,OAAOtxB,EAAK,4BACd,KAAK4wB,IAAgBW,kBACnB,OAAOvxB,EAAK,wBACd,KAAK4wB,IAAgBY,kBACnB,OAAOxxB,EAAK,eACd,QACE,SAEH,CAACA,EAAM2vC,IAEJa,EAAkBnuC,YAAQ,KAC9B,OAAQstC,GACN,KAAK/e,IAAgBS,gBACnB,OAAOrxB,EAAK,cACd,QACE,SAEH,CAACA,EAAM2vC,IAEJc,EAAwB,MAC5B,OAAQd,GACN,KAAK/e,IAAgBQ,mBACnB,OAAOR,IAAgBa,kCACzB,KAAKb,IAAgBS,gBACnB,OAAOT,IAAgBc,+BACzB,KAAKd,IAAgBU,oBACnB,OAAOV,IAAgBe,mCACzB,KAAKf,IAAgBW,kBACnB,OAAOX,IAAgBgB,iCACzB,QACE,OAAOhB,IAAgBiB,mCAXC,GAexB6e,EAAuB,MAC3B,OAAQf,GACN,KAAK/e,IAAgBQ,mBACnB,OAAOR,IAAgBkB,iCACzB,KAAKlB,IAAgBS,gBACnB,OAAOT,IAAgBmB,8BACzB,KAAKnB,IAAgBU,oBACnB,OAAOV,IAAgBoB,kCACzB,KAAKpB,IAAgBW,kBACnB,OAAOX,IAAgBqB,gCACzB,QACE,OAAOrB,IAAgBsB,kCAXA,GAevBye,EAAetuC,YAAQ,IACtBwtC,GAAiBC,GAAiB54B,EAIhC44B,EAAac,OAAO,CAACC,EAAQ7xC,IAC3B6xC,GAAU35B,EAAUlY,GAAUkY,EAAUlY,GAAQ8xC,aAAgB,GACtEjB,EAAahxC,QALP,EAMR,CAACixC,EAAcD,EAAc34B,IAE1B65B,EAAa1uC,YAAQ,IACpB0tC,GAAiBC,GAAiB94B,EAIhC84B,EAAaY,OAAO,CAACC,EAAQ7xC,IAC3B6xC,GAAU35B,EAAUlY,GAAUkY,EAAUlY,GAAQ8xC,aAAgB,GACtEf,EAAalxC,QALP,EAMR,CAACmxC,EAAcD,EAAc74B,IAE1B85B,EAAyBjxC,YAAawG,IAC1C0pC,EAAqB,CACnBK,aACA1C,WAAYrnC,KAEb,CAAC+pC,EAAYL,IAEhB,OACE,yBAAK5vC,UAAU,kCACb,yBAAKA,UAAU,iBACb,wBAAIA,UAAU,wBAAwBkwC,GAEtC,kBAAC7M,GAAA,EAAD,CACE5sB,KAAO,cAAaw5B,EACpB9R,QAAS0R,EACTlkC,SAAUglC,EACVrN,SAAUiK,IAGX4C,GACC,uBAAGnwC,UAAU,oCAAoCmwC,IAIrD,yBAAKnwC,UAAU,iBACb,wBAAIA,UAAU,6BAA6BL,EAAK,sBAE/CmwC,EAAeE,mBACd,kBAACj3B,GAAA,EAAD,CACEsgB,QAAM,EACNz2B,KAAK,WACL3C,QAAS,KAAQuzB,EAAe4c,KAEhC,yBAAKpwC,UAAU,iCACZswC,EAAe,GAAK,0BAAMtwC,UAAU,QAAhB,IAAyBswC,GAC9C,0BAAMtwC,UAAU,SAASL,EAAK,oBAC9B,0BAAMK,UAAU,YAAYL,EAAK,wBAItCmwC,EAAeC,kBACd,kBAACh3B,GAAA,EAAD,CACEsgB,QAAM,EACNz2B,KAAK,cACL3C,QAAS,KAAQuzB,EAAe6c,KAEhC,yBAAKrwC,UAAU,iCACZ0wC,EAAa,GAAK,0BAAM1wC,UAAU,QAAhB,IAA+B0wC,GAClD,0BAAM1wC,UAAU,SAASL,EAAK,mBAC9B,0BAAMK,UAAU,YAAYL,EAAK,6BCzD/C,SAASixC,GAAYC,GACnB,MAAO,CAACA,EAAQC,OAAQD,EAAQE,SAASx5B,OAAOngB,SAASyT,KAAK,MAGhE,SAASmmC,GAAqBH,GAC5B,MAAQ,GAAEA,EAAQI,cAAcJ,EAAQI,YAAc,KAAO,MAAMJ,EAAQK,YAAYL,EAAQM,gBAGlF3qC,mBAAK/H,YACjBC,IAAD,CAA2BwuC,eAAgBxuC,EAAOwuC,iBAClD,CAAC9tC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,qBAAsB,yBAA0B,+BAHhCZ,CAtHkD,EACpEyuC,iBACAgB,qBACAkD,yBACAC,iCAEA,MAAOC,EAAiCC,EAA+BC,GAAkCjvB,eACzG9gB,YAAU,KACRysC,KACC,CAACA,IAEJ,MAAMuD,EAA8B/xC,YAAagyC,IAC/CN,EAAuB,CAAEM,UACxB,CAACN,IAEEO,EAA6BjyC,YAAY,KAC7C8xC,IACAH,KACC,CAACG,EAAgCH,IAE9BO,EAAiB5vC,YAAQ,IACtBkrC,EAAe3R,KAAMsV,GAAYA,EAAQgB,WAC/C,CAAC3E,IAEE4E,EAAgB9vC,YAAQ,IACrBkrC,EAAe31B,OAAQs5B,IAAaA,EAAQgB,WAClD,CAAC3E,IAEEvtC,EAAOC,cAsCb,SAASmyC,EAAclB,GACrB,OACE,kBAAC93B,GAAA,EAAD,CACE5Y,IAAK0wC,EAAQa,KACbtrC,QAAM,EACNizB,QAAM,EACNhW,eAAgB,CAAC,CACf3J,MAAO,YACP9W,KAAM,OACNovC,QAAS,KACPP,EAA4BZ,EAAQa,UAIxC,yBAAK1xC,UAAU,iCACb,0BAAMA,UAAU,QAAQslB,YAAyC,IAArBurB,EAAQoB,aACpD,0BAAMjyC,UAAU,SAAS6wC,EAAQqB,SACjC,0BAAMlyC,UAAU,wBAAwBgxC,GAAqBH,IAC7D,0BAAM7wC,UAAU,YAAY6wC,EAAQsB,GAApC,MAA2CvB,GAAYC,MAM/D,OACE,yBAAK7wC,UAAU,kCACZ4xC,IA9DyBf,EA8Dce,EA5DxC,yBAAK5xC,UAAU,iBACb,wBAAIA,UAAU,6BAA6BL,EAAK,gCAEhD,kBAACoZ,GAAA,EAAD,CAAUsgB,QAAM,EAACoC,UAAQ,GACvB,yBAAKz7B,UAAU,uBACb,0BAAMA,UAAU,SAAS6wC,EAAQqB,SACjC,0BAAMlyC,UAAU,wBAAwBgxC,GAAqBH,IAC7D,0BAAM7wC,UAAU,YAAY6wC,EAAQsB,GAApC,MAA2CvB,GAAYC,MAI3D,kBAAC93B,GAAA,EAAD,CACE/Y,UAAU,mBACV4C,KAAK,OACLwD,QAAM,EACNizB,QAAM,EACNp5B,QAASsxC,GAER5xC,EAAK,2BA4CTmyC,IAtCwBM,EAsCaN,EApCtC,yBAAK9xC,UAAU,iBACb,wBAAIA,UAAU,6BAAd,kBAECoyC,EAASt5B,IAAIi5B,KAmCfD,GACC,kBAACv3B,GAAA,EAAD,CACErY,OAAQovC,EACRvqC,QAASyqC,EACTtuC,KAAK,yDACLsX,aAAa,+BACbC,eAAgBk3B,EAChBre,sBAAoB,IAZ1B,KAnCF,IAA6B8e,EA1BCvB,KCkEjBrqC,mBAAK/H,YACjBC,IACC,MACEiY,OACEC,KAAMy7B,GAERruB,OACEpN,KAAM07B,GAERrF,SAAS,IACPtP,IAEAj/B,EAEJ,MAAO,CACL2zC,aACAC,aACAC,WAAY5U,IAGhB,CAACv+B,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,mBApBpCZ,CAzFgD,EAClE4zC,aACAC,aACAC,aACAC,qBAEA,MAAMC,EAAqB/yC,YAAagzC,IACtCF,EAAe,CAAEE,eAChB,CAACF,IAEE7yC,EAAOC,cAyCb,OACE,yBAAKI,UAAU,wBACb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,iBACb,uBAAGA,UAAU,8CACVL,EAAK,sBAIV,yBAAKK,UAAU,2BACZuyC,GAAcA,EAAW/zC,OACxB,yBAAKwB,UAAU,oBACZuyC,EAAYz5B,IAAI,CAAC45B,EAAWh1B,IAnDzC,SAAuBg1B,EAAmBh1B,EAAWi1B,GACnD,MAAMC,EAAY7zC,aAAc2zC,GAC1BryC,EAAOuyC,EAAYN,EAAWI,QAAarxC,EAC3CjB,EAAQwyC,OAAoCvxC,EAAxBgxC,EAAWK,GAE/B1yC,EAAYyL,aAChB,6CACAmnC,EAAY,UAAY,SAG1B,OACE,kBAAC75B,GAAA,EAAD,CACE5Y,IAAKuyC,EACL1yC,UAAWA,EACXoG,QAAM,EACNizB,QAAM,EACNhW,eAAgB,CAAC,CACf3J,MAAO,UACP9W,KAAM,SACNovC,QAAS,KACPS,EAAmBC,MAGvB53C,MAAQ,SAAQ63C,EAAiBj1B,GAAKm1B,UAEtC,kBAAC3yC,EAAA,EAAD,CAAQzG,KAAK,SAAS4G,KAAMA,EAAMD,KAAMA,IACxC,yBAAKJ,UAAU,gBACb,4BAAKM,aAAYsyC,EAAY9qB,YAAgBznB,GAAQ2X,YAAa5X,KAAW,KAC5EC,GAAQA,EAAKqzB,aACZ,yBAAK1zB,UAAU,iBAAiByzB,aAA0BpzB,EAAKqzB,cAEhErzB,IAASA,EAAKqzB,aAAerzB,EAAK0nB,UACjC,yBAAK/nB,UAAU,oBAAf,IAAoCK,EAAK0nB,YAmBJ+qB,CAAcJ,EAAWh1B,EAAG,KAE/D60B,IAAeA,EAAW/zC,OAC5B,yBAAKwB,UAAU,cAAf,iBAIA,kBAACoZ,GAAA,EAAD,CAASjZ,IAAI,cAKnB,kBAAC,GAAD,CACE4K,SAAO,EACP9K,QAAS,OAETD,UAAU,kBACVsC,UAAU,sBAEV,uBAAGtC,UAAU,kB,UCrDNwG,mBAAK/H,YAAsBC,IACjC,CACLq0C,cAAeC,YAAoBt0C,EAAQ,QAF3BD,CAvCoC,EACtDs0C,gBAAevf,qBAEf,MAAM7zB,EAAOC,cAEb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAACizC,GAAA,EAAD,CAAe5T,QAAS0T,IAExB,uBAAG/yC,UAAU,kCACVM,YAAWX,EAAK,uBAAwB,CAAC,SAI9C,yBAAKK,UAAU,gCACb,kBAAC+Y,GAAA,EAAD,CACEnW,KAAK,OACL3C,QAAS,IAAMuzB,EAAejD,IAAgBsC,6BAE7ClzB,EAAK,mBAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,eACL3C,QAAS,IAAMuzB,EAAejD,IAAgBuC,eAE7CnzB,EAAK,oBAER,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,QACL3C,QAAS,IAAMuzB,EAAejD,IAAgBwC,oCAE7CpzB,EAAK,0B,oBCsBD6G,mBArD6B,EAC1C8S,QACA+P,YACA6pB,mBACA36B,cAAc,mBACd6W,OACA+jB,cACAC,aACAl3B,eAEA,MAAOm3B,EAAiBC,GAAsBpyC,YAAiB,KACxDqyC,EAAoBC,GAAyBtyC,aAAS,GAEvDuyC,EAAe/zC,YAAag0C,IAC5BR,GAAoBQ,IAAgBR,EACtCI,EAjBuB,6BAmBvBp3B,EAASw3B,IAEV,CAACx3B,EAAUg3B,IAERS,EAAmBj0C,YAAY,KAC/B0zC,GACFA,IAEFE,EAAmB,KAClB,CAACF,IAEEzzC,EAAOC,cAEb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAAC4zC,GAAA,EAAD,CAAgBC,OAAK,EAACC,kBAAmBP,KAG3C,yBAAKvzC,UAAU,gCACb,kBAAC+zC,GAAA,EAAD,CACEz6B,MAAO+5B,GAAmB/5B,EAC1B8V,KAAMA,EACN7W,YAAaA,EACb46B,YAAaA,GAAexzC,EAAK,QACjCyzC,WAAYO,EACZtqB,UAAWA,EACXyqB,kBAAmBP,EACnBS,2BAA4BR,EAC5Bt3B,SAAUu3B,QC7BLjtC,mBAAK/H,YAAsBC,IACjC,CACLq0C,cAAeC,YAAoBt0C,EAAQ,QAF3BD,CApBkC,EAAGs0C,gBAAekB,cACtE,MAAMt0C,EAAOC,cAEb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAACizC,GAAA,EAAD,CAAe5T,QAAS0T,IAExB,uBAAG/yC,UAAU,kCACVL,EAAK,+BAIV,yBAAKK,UAAU,gCACb,kBAACmC,EAAA,EAAD,CAAQlC,QAASg0C,GAAUt0C,EAAK,sCCAxC,MAAMu0C,GAAyB3xC,IAAmB,IAAM,IAwHzCiE,mBAAK/H,YAAqB,CAACC,GAAUkE,WAC3C,CACLmwC,cAAeC,YAAoBt0C,EAAiB,UAATkE,EAAmB,KAAO,QAFrDnE,CAtH0C,EAC5Ds0C,gBACA/sC,OAAO,OACPqjB,YACA/P,QACAf,cACA47B,gBACAf,aACAl3B,eAGA,MAAM/Q,EAAWlE,YAAyB,OAEnCf,EAAOkuC,GAAYlzC,YAAiB,KACpCmzC,EAAgBC,EAAoBC,GAAwBhyB,cAAQ,GAE3E9gB,YAAU,KACH0F,KACHhM,WAAW,KACTgQ,EAASnD,QAASyP,SACjBy8B,KAEJ,IAEH,MA2BMv0C,EAAOC,cAEb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAACizC,GAAA,EAAD,CAAe5T,QAAS0T,KAG1B,yBAAK/yC,UAAU,gCACb,0BAAMmtB,OAAO,GAAGjR,SA5BAta,IACpBA,EAAE4M,iBAEGrD,EAASnD,SAIdkU,EAAShW,KAsBH,kBAACoS,GAAA,EAAD,CACEhO,IAAKa,EACLjF,MAAOA,EACP6Y,UAAW/Y,EACXuuB,MAAOhc,EACPe,MAAOA,EACP3N,SA3CiB/J,IACrB0X,GAAS85B,GACXA,IAGFgB,EAASxyC,EAAEmI,OAAO7D,UAyCXA,EACC,kBAAC/D,EAAA,EAAD,CAAQ6D,KAAK,SAASqjB,UAAWA,EAAWjjB,QAAM,GAAEzG,EAAK,aAEzD,kBAACwC,EAAA,EAAD,CACEyX,QAAM,EACNyP,UAAWA,EACXjjB,QAAM,EACNnG,QAASk0C,EAAgBG,EAnClB,KACjBp4B,MAoCWvc,EAAK,mBAIXw0C,GACC,kBAAC37B,GAAA,EAAD,CACExY,UAAU,SACVkC,OAAQmyC,EACR36B,MAAO/Z,EAAK,wBACZoH,QAASwtC,GAERj0C,YAAWX,EAAK,4BAA6B,CAAC,KAAM,oBACrD,yBAAKK,UAAU,kBACb,kBAACmC,EAAA,EAAD,CACEE,MAAM,SACN+D,QAAM,EACNwT,QAAM,EACN5Z,UAAU,wBACVC,QAnDY,KACxBs0C,IACAr4B,MAmDavc,EAAK,kBAER,kBAACwC,EAAA,EAAD,CACEE,MAAM,UACN+D,QAAM,EACNwT,QAAM,EACN5Z,UAAU,wBACVC,QAASs0C,GAER50C,EAAK,kBCjGP6G,mBAAK/H,YAAsBC,IACjC,CACLq0C,cAAeC,YAAoBt0C,EAAQ,QAF3BD,CA1B4C,EAC9Ds0C,gBAAevf,qBAEf,MAAM7zB,EAAOC,cAMb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAACizC,GAAA,EAAD,CAAe5T,QAAS0T,IAExB,uBAAG/yC,UAAU,kCACVL,EAAK,wCAIV,yBAAKK,UAAU,gCACb,kBAACmC,EAAA,EAAD,CAAQlC,QAfM,KAClBuzB,EAAejD,IAAgBI,WAcIhxB,EAAK,mDCb5C,MAAMu0C,GAAyB3xC,IAAmB,IAAM,IA6DzCiE,mBAAK/H,YAAsBC,IACjC,CACLq0C,cAAeC,YAAoBt0C,EAAQ,MAC3C81C,WAAY91C,EAAO+1C,cAAcC,yBAHjBj2C,CA3DsC,EACxDs0C,gBACAyB,aACAnrB,YACA/P,QACA85B,aACAl3B,eAGA,MAAM/Q,EAAWlE,YAAyB,OAEnCf,EAAOkuC,GAAYlzC,YAAiB,IAE3CO,YAAU,KACH0F,KACHhM,WAAW,KACTgQ,EAASnD,QAASyP,SACjBy8B,KAEJ,IAEH,MAAMv0C,EAAOC,cAiBb,OACE,yBAAKI,UAAU,yCACb,yBAAKA,UAAU,2BACb,kBAACizC,GAAA,EAAD,CAAe5T,QAAS0T,KAG1B,yBAAK/yC,UAAU,gCACb,kBAACsY,GAAA,EAAD,CACEpS,MAAOA,EACPoE,IAAKa,EACL4T,UAAU,UACVwV,MAAO50B,EAAK,iBACZ2Z,MAAOA,EACP3N,SA5BmB/J,IACrB0X,GAAS85B,GACXA,IAGF,MAAMuB,EAAW/yC,EAAEmI,OAAO7D,MAAM0lB,MAAM,EAAG4oB,GAErCG,EAASn2C,SAAWg2C,GACtBt4B,EAASy4B,GAGXP,EAASO,GACT/yC,EAAEmI,OAAO7D,MAAQyuC,KAkBZtrB,GAAa,kBAACjQ,GAAA,EAAD,WC0OP5S,mBAAK/H,YACjBC,IAAD,IAA8BA,EAAO+1C,gBACrC,CAACr1C,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,iBAAkB,sBAAuB,gBAAiB,wBAC1D,gBAAiB,oBAJDZ,CA3R6C,EAC/D8wB,gBACAtC,QACAmC,OACA/F,YACA/P,QACAo7B,yBACA3a,WACAvG,iBACAohB,iBACAC,gBACAC,kBACAC,sBACAC,wBACAC,oBAEAxzC,YAAU,KACJizC,IACEnlB,IAAkBgB,IAAgBiC,sBACpCgB,EAAejD,IAAgBmC,2BACtBnD,IAAkBgB,IAAgBkC,oBAC3Ce,EAAejD,IAAgBoC,0BAGlC,CAACpD,EAAeiE,EAAgBkhB,IAEnC,MAAMQ,EAAoBx1C,YAAY,KACpCq6B,EAAS,CAAE/zB,KAAM,UACjBwtB,EAAejD,IAAgB2B,mBAC9B,CAAC6H,EAAUvG,IAER2hB,EAAoBz1C,YAAawG,IACrC6zB,EAAS,CAAE/zB,KAAM,cAAe8oB,QAAS5oB,IACzCstB,EAAejD,IAAgB8B,0BAC9B,CAAC0H,EAAUvG,IAER4hB,EAA2B11C,YAAY,KAC3C8zB,EAAejD,IAAgB+B,uBAC9B,CAACkB,IAEE6hB,EAAwB31C,YAAawG,IACzC6zB,EAAS,CAAE/zB,KAAM,UAAW8oB,QAAS5oB,IACrCstB,EAAejD,IAAgBiC,wBAC9B,CAACuH,EAAUvG,IAER8hB,EAAyB51C,YAAawG,IAC1C6zB,EAAS,CAAE/zB,KAAM,WAAY8oB,QAAS5oB,IACtC0uC,EAAe,IACV3nB,EACHoC,MAAOnpB,EACPqvC,UAAW,KACT/hB,EAAejD,IAAgBqC,0BAGlC,CAACmH,EAAUvG,EAAgBvG,EAAO2nB,IAE/BY,EAA8B91C,YAAawG,IAC/C6zB,EAAS,CAAE/zB,KAAM,qBAAsB8oB,QAAS5oB,IAChD2uC,EAAc,CACZ3lB,gBAAiBhpB,EACjBqvC,UAAW,KACT/hB,EAAejD,IAAgB4B,4BAGlC,CAAC0iB,EAAe9a,EAAUvG,IAEvBiiB,EAA0B/1C,YAAawG,IAC3C6zB,EAAS,CAAE/zB,KAAM,cAAe8oB,QAAS5oB,IACzCstB,EAAejD,IAAgB6B,6BAC9B,CAAC2H,EAAUvG,IAERkiB,EAA8Bh2C,YAAY,KAC9C8zB,EAAejD,IAAgBgC,0BAC9B,CAACiB,IAEEmiB,EAA2Bj2C,YAAawG,IAC5C6zB,EAAS,CAAE/zB,KAAM,UAAW8oB,QAAS5oB,IACrC0uC,EAAe,IACV3nB,EACHmC,KAAMlpB,EACNqvC,UAAW,KACT/hB,EAAejD,IAAgBqC,0BAGlC,CAACmH,EAAUvG,EAAgBvG,EAAO2nB,IAE/BgB,EAAgBl2C,YAAawG,IACjC+uC,EAAc,CACZ/lB,gBAAiBhpB,EACjBqvC,UAAW,KACT/hB,EAAejD,IAAgBI,aAGlC,CAACskB,EAAezhB,IAEbqiB,EAAqCn2C,YAAawG,IACtD6zB,EAAS,CAAE/zB,KAAM,qBAAsB8oB,QAAS5oB,IAChD2uC,EAAc,CACZ3lB,gBAAiBhpB,EACjBqvC,UAAW,KACT/hB,EAAejD,IAAgBkC,wBAGlC,CAACoiB,EAAe9a,EAAUvG,IAEvBsiB,EAAsBp2C,YAAawG,IACvC6zB,EAAS,CAAE/zB,KAAM,WAAY8oB,QAAS5oB,IACtC6uC,EAAoB,IACf9nB,EACHoC,MAAOnpB,EACPqvC,UAAW,KACT/hB,EAAejD,IAAgBqC,0BAGlC,CAACmH,EAAUvG,EAAgBvG,EAAO8nB,IAE/BgB,EAAkBr2C,YAAas2C,IACnChB,EAAsB,CAAEgB,UACvB,CAAChB,IAEEr1C,EAAOC,cAEb,OAAQ2vB,GACN,KAAKgB,IAAgByB,cACnB,OACE,kBAAC,GAAD,CACEiiB,QAASiB,IAIf,KAAK3kB,IAAgB2B,iBACnB,OACE,kBAAC,GAAD,CACE3Z,YAAa5Y,EAAK,iBAClBwzC,YAAaxzC,EAAK,YAClBuc,SAAUi5B,IAIhB,KAAK5kB,IAAgB8B,wBACnB,OACE,kBAAC,GAAD,CACE6gB,iBAAkBjmB,EAAMkC,SACxB5W,YAAa5Y,EAAK,yBAClBwzC,YAAaxzC,EAAK,YAClBuc,SAAUk5B,IAIhB,KAAK7kB,IAAgB+B,qBACnB,OACE,kBAAC,GAAD,CACE1vB,KAAK,OACL2V,YAAa5Y,EAAK,2BAClBuc,SAAUm5B,IAIhB,KAAK9kB,IAAgBiC,sBACnB,OACE,kBAAC,GAAD,CACE5vB,KAAK,QACLoD,KAAK,QACLqjB,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZv8B,YAAa5Y,EAAK,sBAClBw0C,eAAa,EACbj4B,SAAUo5B,IAIhB,KAAK/kB,IAAgBmC,0BACnB,OACE,kBAAC,GAAD,CACErJ,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZ54B,SAAU65B,IAIhB,KAAKxlB,IAAgBqC,qBACnB,OACE,kBAAC,GAAD,CACEY,eAAgBA,IAItB,KAAKjD,IAAgB0B,aACnB,OACE,kBAAC,GAAD,CACEuB,eAAgBA,IAItB,KAAKjD,IAAgBsC,2BACnB,OACE,kBAAC,GAAD,CACExJ,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZ1lB,KAAMA,EACNlT,SAAUs5B,IAIhB,KAAKjlB,IAAgB4B,uBACnB,OACE,kBAAC,GAAD,CACE5Z,YAAa5Y,EAAK,+BAClBuc,SAAUu5B,IAIhB,KAAKllB,IAAgB6B,2BACnB,OACE,kBAAC,GAAD,CACE8gB,iBAAkBjmB,EAAMkC,SACxB5W,YAAa5Y,EAAK,yBAClBuc,SAAUw5B,IAIhB,KAAKnlB,IAAgBgC,wBACnB,OACE,kBAAC,GAAD,CACElJ,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZlyC,KAAK,OACL2V,YAAa5Y,EAAK,2BAClBuc,SAAUy5B,IAIhB,KAAKplB,IAAgBuC,aACnB,OACE,kBAAC,GAAD,CACEzJ,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZ1lB,KAAMA,EACNlT,SAAU05B,IAIhB,KAAKrlB,IAAgBwC,kCACnB,OACE,kBAAC,GAAD,CACE1J,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZ1lB,KAAMA,EACNlT,SAAU25B,IAIhB,KAAKtlB,IAAgBkC,mBACnB,OACE,kBAAC,GAAD,CACE7vB,KAAK,QACLoD,KAAK,QACLuS,YAAa5Y,EAAK,sBAClBuc,SAAU45B,IAIhB,KAAKvlB,IAAgBoC,uBACnB,OACE,kBAAC,GAAD,CACEtJ,UAAWA,EACX/P,MAAOA,EACP85B,WAAY0B,EACZ54B,SAAU65B,IAIhB,QACE,WCjLSvvC,mBAhGc,EAC3ByvC,UACApa,cACAC,cACAoa,oBACAC,eACAC,gBACA/sB,YACA0S,sBACAE,iBACArjB,iBAGA,MAAMzN,EAAWlE,YAAyB,MACpCk1B,EAAiBN,EAAYr9B,OAjBd,GAmBrBiD,YAAU,KACRtG,WAAW,KACTP,sBAAsB,KACpBuQ,EAASnD,QAASyP,WAxBH,MA2BlB,IAEH,MAAM4kB,EAAkB38B,YAAa/B,IACnC,MAAM2+B,EAAiB,IAAIT,GACvBS,EAAejjC,SAASsE,GAC1B2+B,EAAeC,OAAOD,EAAelqB,QAAQzU,GAAK,GAElD2+B,EAAe3e,KAAKhgB,GAEtBo+B,EAAoBO,GACpBL,EAAe,KACd,CAACJ,EAAaE,EAAqBE,IAEhC7jB,EAAqB1Y,YAAakC,IACtC,MAAM,MAAEsE,GAAUtE,EAAE8H,cACpBuyB,EAAe/1B,IACd,CAAC+1B,KAEGhkB,EAAaC,GAAWC,aAAkBS,EAAYq9B,EAAS7+C,QAAQ0kC,IAExEn8B,EAAOC,cAEb,OACE,yBAAKI,UAAU,UACb,yBAAKA,UAAU,+BACZ67B,EAAY/iB,IAAI,CAACnb,EAAI+f,IACpB,kBAACoL,GAAA,EAAD,CACEC,aAAcprB,EACdg/B,YAAaR,GAAkBze,EAAIme,EAAYr9B,OApD3B,EAqDpBo+B,UAAQ,EACR38B,QAASo8B,EACTrT,SAAUrrB,KAGd,kBAAC2a,GAAA,EAAD,CACE3a,GAAIy4C,EACJ9rC,IAAKa,EACLjF,MAAO41B,EACPnwB,SAAUyM,EACVG,YAAa29B,GAAqBv2C,EAAK,iBAI1CsY,GAAeA,EAAYzZ,OAC1B,kBAACka,GAAA,EAAD,CACE1Y,UAAU,4BACV2Y,MAAOV,EACPW,WAAYV,GAEXD,EAAYa,IAAKnb,GAChB,kBAACob,GAAA,EAAD,CACE5Y,IAAKxC,EACLqC,UAAU,uCACVC,QAAS,IAAMo8B,EAAgB1+B,GAC/ByI,QAAM,GAEN,kBAACy2B,GAAA,EAAD,CAAUtI,MAAM,GAAGuI,QAASjB,EAAYxiC,SAASsE,KAChDoB,aAAcpB,GACb,kBAACqb,GAAA,EAAD,CAAiBE,OAAQvb,IAEzB,kBAACwb,GAAA,EAAD,CAAexa,OAAQhB,OAK5B0rB,IAAapR,GAAgBA,EAAYzZ,OAG5C,kBAAC4a,GAAA,EAAD,MAFA,uBAAGpZ,UAAU,cAAcm2C,GAAgB,4BCoBnD,SAASE,GAA0B33C,EAAqB4wC,GACtD,MAAM,QAAEtC,GAAYtuC,EAAOkR,SAC3B,OAAQ0/B,GACN,KAAK/e,IAAgBa,kCACrB,KAAKb,IAAgBkB,iCACnB,OAAOub,EAAQtZ,YACjB,KAAKnD,IAAgBc,+BACrB,KAAKd,IAAgBmB,8BACnB,OAAOsb,EAAQS,SACjB,KAAKld,IAAgBe,mCACrB,KAAKf,IAAgBoB,kCACnB,OAAOqb,EAAQW,aACjB,KAAKpd,IAAgBgB,iCACrB,KAAKhB,IAAgBqB,gCACnB,OAAOob,EAAQa,SACjB,KAAKtd,IAAgBsB,gCACrB,KAAKtB,IAAgBiB,iCACnB,OAAOwb,EAAQe,YAMNvnC,mBAAK/H,YAClB,CAACC,GAAU4wC,aACT,MACE34B,OACEC,KAAMC,EADD,QAELC,EAFK,iBAGLmmB,GAJE,cAMJlmB,GACErY,EAEJ,MAAO,CACLqY,gBACAF,YACAC,QAASA,EAAQG,OACjBgmB,iBAAkBA,EAAiBhmB,OACnCimB,kBAAmBD,EAAiB9lB,SACpCD,gBAAiBJ,EAAQK,SACzBvH,SAAUymC,GAA0B33C,EAAQ4wC,KAGhD,CAAClwC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,uBArBpCZ,CApIsE,EACxFsY,gBACAu/B,cACAhH,SACA1/B,WACAiH,YACAC,UACAmmB,mBACA/lB,kBACAgmB,oBACAqZ,qBACA/iB,qBAEA,MAAMgjB,EAAqBx0C,YAAQ,IAC5B4N,EAID0mC,EACK,IAAI1mC,EAAS4/B,gBAAiB5/B,EAAS6/B,cAEvC,IAAI7/B,EAAS8/B,gBAAiB9/B,EAAS+/B,cANvC,GAQR,CAAC2G,EAAa1mC,KACViV,EAAa4xB,GAAkBv1C,YAAiB,KAChDw1C,EAAeC,GAAoBz1C,aAAkB,IACrD01C,EAAuBC,GAA4B31C,YAAmBs1C,GAEvE7/B,EAAQ3U,YAAQ,KACpB,MAAMm7B,EAAmBrmB,EACrBsmB,aAAgBvmB,EAAWC,EAASmmB,EAAkB,YACtD57B,EACEg8B,EAAqBnmB,EACvBkmB,aAAgBvmB,EAAWK,EAAiBgmB,EAAmB,iBAC/D77B,EAEJ,GAAK87B,GAAqBE,EAI1B,MAAO,IACDF,EACA,IACGA,EAAiBG,eACjBH,EAAiBI,YAEpB,MAEAF,EAAqBA,EAAmBE,WAAa,KAE1D,CAAC1mB,EAAWC,EAASmmB,EAAkB/lB,EAAiBgmB,IAErDM,EAAex7B,YAAQ,KAC3B,GAAK2U,EAIL,OAAOA,EACJY,OAAQnX,IACLrB,aAAcqB,EAAKzC,KAAOyC,EAAKzC,KAAOoZ,GAAkBoT,aAAY/pB,OAEnEykB,GACA9M,aAAYC,YAAa5X,GAAOykB,IAChC2xB,EAAmBn9C,SAAS+G,EAAKzC,MAGrCmb,IAAI,EAAGnb,QAASA,IAClB,CAACgZ,EAAOI,EAAe8N,EAAa2xB,IAEjCM,EAAiCp3C,YAAawG,IAClD2wC,EAAyB3wC,GACzBywC,GAAiB,IAChB,IAEGlD,EAAe/zC,YAAY,KAC/B62C,EAAmB,CACjBtG,WAAYZ,GAAcC,GAC1BgH,YAAal/C,QAAQk/C,GACrBS,YAAaH,IAGfpjB,EAAejD,IAAgBI,UAC9B,CAAC2lB,EAAaM,EAAuBpjB,EAAgB8b,EAAQiH,IAE1D52C,EAAOC,cAEb,OACE,yBAAKI,UAAU,wBACb,kBAAC,GAAD,CACEi2C,QAASzY,GAAgB,GACzB3B,YAAa+a,EACb9a,YAAajX,EACbqxB,kBAAiCv2C,EAAd22C,EAAmB,6BAAqC,6BAC3EF,cAAc,0BACdra,oBAAqB+a,EACrB7a,eAAgBwa,IAGlB,kBAAC,GAAD,CACE1rC,QAAS2rC,EACTz2C,QAASwzC,EACTnxC,UAAyB3C,EAAd22C,EAAmB,uBAA+B,wBAE7D,uBAAGt2C,UAAU,0B,OClHrB,MAAM6rB,GAA0B5tB,OAAO6tB,KAAKyE,KAAiB/xB,OAAS,EAqMvDgI,mBA5LgB,EAC7B+oB,gBACAiE,iBACArP,cAEA,MAAO6yB,EAAcC,GxCwMdpqB,GAAWgC,GAAgBF,KwCvM3BuoB,EAAYC,GvCiBZtqB,GAAWyC,GAAcX,IuCf1BoP,EAAcr+B,YAAY,KAE5B6vB,IAAkBgB,IAAgB0C,qBAC/B1D,IAAkBgB,IAAgB2C,mBAErC/3B,WAAW,KACT87C,EAAgB,CAAEjxC,KAAM,WAtBJ,KA2BtBupB,IAAkBgB,IAAgB4C,sBAC/B5D,IAAkBgB,IAAgB6C,qBAUvCjP,IAR4B,WAAtB6yB,EAAatpB,KACf8F,EAAejD,IAAgB0C,qBAE/BO,EAAejD,IAAgB2C,oBAMlC,CACD8jB,EAAatpB,KAAMupB,EACnB1nB,EAAepL,EAASqP,IAGpB4jB,EAAmB13C,YAAY,KACnCu3C,EAAgB,CAAEjxC,KAAM,gBACxB+3B,KACC,CAACkZ,EAAiBlZ,IA2HrB,SAASsZ,IACP,OACE,oCACE,kBAAC,GAAD,CACE9nB,cAAeA,EACfpL,QAAS4Z,EACTtO,aAAc2nB,EACd5nB,eAAgBwnB,EAAa/nB,WAhIrC,WACE,OAAQM,GACN,KAAKgB,IAAgB+mB,KACnB,OACE,kBAAC,GAAD,CAAc9jB,eAAgBA,IAElC,KAAKjD,IAAgBC,YACnB,OACE,kBAAC,GAAD,MAEJ,KAAKD,IAAgBE,QACnB,OACE,kBAAC,GAAD,CAAiB+C,eAAgBA,IAErC,KAAKjD,IAAgBG,cACnB,OACE,kBAAC,GAAD,MAEJ,KAAKH,IAAgBI,QACnB,OACE,kBAAC,GAAD,CAAiB6C,eAAgBA,IAErC,KAAKjD,IAAgBK,SACnB,OACE,kBAAC,GAAD,MAEJ,KAAKL,IAAgBM,sBACnB,OACE,kBAAC,GAAD,CAA2B2C,eAAgBA,IAE/C,KAAKjD,IAAgBO,2BACnB,OACE,kBAAC,GAAD,CAAgC0C,eAAgBA,IAEpD,KAAKjD,IAAgBuB,sBACnB,OACE,kBAAC,GAAD,MAEJ,KAAKvB,IAAgBwB,oBACnB,OACE,kBAAC,GAAD,MAEJ,KAAKxB,IAAgBQ,mBACrB,KAAKR,IAAgBS,gBACrB,KAAKT,IAAgBU,oBACrB,KAAKV,IAAgBW,kBACrB,KAAKX,IAAgBY,kBACnB,OACE,kBAAC,GAAD,CAA2Bme,OAAQ/f,EAAeiE,eAAgBA,IAGtE,KAAKjD,IAAgBa,kCACrB,KAAKb,IAAgBc,+BACrB,KAAKd,IAAgBe,mCACrB,KAAKf,IAAgBgB,iCACrB,KAAKhB,IAAgBiB,iCACnB,OACE,kBAAC,GAAD,CACE8kB,aAAW,EACXhH,OAAQ/f,EACRiE,eAAgBA,IAItB,KAAKjD,IAAgBkB,iCACrB,KAAKlB,IAAgBmB,8BACrB,KAAKnB,IAAgBoB,kCACrB,KAAKpB,IAAgBqB,gCACrB,KAAKrB,IAAgBsB,gCACnB,OACE,kBAAC,GAAD,CACEyd,OAAQ/f,EACRiE,eAAgBA,IAItB,KAAKjD,IAAgByC,QACrB,KAAKzC,IAAgB0C,oBACrB,KAAK1C,IAAgB2C,kBACrB,KAAK3C,IAAgB4C,qBACrB,KAAK5C,IAAgB6C,qBACnB,OACE,kBAAC,GAAD,CACE7D,cAAeA,EACftC,MAAO+pB,EACPjd,SAAUkd,EACVzjB,eAAgBA,EAChBrP,QAAS4Z,IAIf,KAAKxN,IAAgByB,cACrB,KAAKzB,IAAgB2B,iBACrB,KAAK3B,IAAgB8B,wBACrB,KAAK9B,IAAgB+B,qBACrB,KAAK/B,IAAgBiC,sBACrB,KAAKjC,IAAgBmC,0BACrB,KAAKnC,IAAgBqC,qBACrB,KAAKrC,IAAgB0B,aACrB,KAAK1B,IAAgBsC,2BACrB,KAAKtC,IAAgB4B,uBACrB,KAAK5B,IAAgB6B,2BACrB,KAAK7B,IAAgBgC,wBACrB,KAAKhC,IAAgBuC,aACrB,KAAKvC,IAAgBwC,kCACrB,KAAKxC,IAAgBkC,mBACrB,KAAKlC,IAAgBoC,uBACnB,OACE,kBAAC,GAAD,CACEpD,cAAeA,EACftC,MAAOiqB,EACPnd,SAAUod,EACV3jB,eAAgBA,IAItB,QACE,QAaC+jB,IAKP,OACE,kBAAChhC,EAAA,EAAD,CACE5Y,GAAG,WACH8Y,KAAMlU,IAAmB,eAAiB,aAC1CiU,UAAW+Y,EACX3C,YAAaf,IAEZwrB,KC5LP,MAAM3zB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GA+DpCnd,mBAAK/H,YACjBC,IACC,MAAQklB,QAAS4zB,GAAe94C,EAAOynB,aAAe,IAC9CvP,KAAMmN,GAAcrlB,EAAOslB,MAEnC,MAAO,CACLD,YACAyzB,eAGJ,CAACp4C,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,kBAAmB,aAVvDZ,CA7D2C,EAC7D8Y,SAAQwM,YAAWyzB,aAAYnzB,kBAAiBC,eAIhD7iB,YAAU,KACRiiB,GAAa,KACXW,QAIJ,MAAMM,EAAcjlB,YACjB/B,IACC2mB,EAAS,CAAE3mB,QAEb,CAAC2mB,IAGGxN,EAAU9U,YAAQ,KACtB,IAAKw1C,EACH,OAGF,MAAMC,EAAYlgC,EAASigC,EAAWjgC,OAAQ5Z,IAC5C,MAAM0C,EAAO0jB,EAAUpmB,GACvB,IAAK0C,EACH,OAAO,EAET,MAAMwnB,EAAWC,YAAgBznB,GACjC,OAAOwnB,GAAY9P,aAAY8P,EAAUtQ,KACtCigC,EAEL,OAAOE,aAAYD,EAAW1zB,IAC7B,CAACxM,EAAQwM,EAAWyzB,KAEhBv/B,EAAaC,GAAWC,kBAAkB9W,EAAWyV,EAAS1f,QAAQmgB,IAE7E,OACE,kBAACmB,GAAA,EAAD,CAAgBC,MAAOV,EAAaW,WAAYV,EAASlY,UAAU,2BAChEiY,GAAeA,EAAYzZ,OAC1ByZ,EAAYa,IAAKnb,GACf,kBAACob,GAAA,EAAD,CACE5Y,IAAKxC,EACLqC,UAAU,sBACVC,QAAS,IAAM0kB,EAAYhnB,GAC3ByI,QAAS7D,KAET,kBAACyW,GAAA,EAAD,CAAiBE,OAAQvb,EAAIg6C,eAAa,EAACn0B,WAAW,YAGxDvL,IAAgBA,EAAYzZ,OAC9B,uBAAGwB,UAAU,aAAaG,IAAI,cAC3BoX,EAAO/Y,OAAS,mCAAqC,0BAGxD,kBAAC4a,GAAA,EAAD,CAASjZ,IAAI,gBCjDrB,MAAMujB,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GA8GpCnd,mBAAK/H,YACjBC,IACC,MAAQklB,QAASsC,GAAoBxnB,EAAOynB,aAAe,IACnDvP,KAAMmN,GAAcrlB,EAAOslB,OAC3BpN,KAAMC,GAAcnY,EAAOiY,OAC7B,cAAEI,GAAkBrY,GAGxB8oB,MAAO3C,EADH,eAEJuB,EAFI,cAGJC,EAHI,aAIJC,GACE5nB,EAAOwlB,cACHN,QAAS4C,GAAkBH,GAAiB,IAC5CzC,QAAS8C,GAAiBJ,GAAgB,GAElD,MAAO,CACLvP,gBACAgN,YACAlN,YACAqP,kBACArB,cACA+yB,YAAaxxB,GAAkBA,EAAezP,MAC9C6P,gBACAE,iBAGJ,CAACtnB,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,kBAAmB,yBA3BvDZ,CA5G4C,EAC9DgiB,YACAo3B,oBACAC,4BACAC,aACA5zB,UACApN,gBACAgN,YACAlN,YACAqP,kBACArB,cACA+yB,cACAlxB,eACAF,gBACAnC,kBACA2zB,2BAIAv2C,YAAU,KACRiiB,GAAa,KACXW,QAIJ,MAAMjM,EAAqB1Y,YAAa8nB,IACtCwwB,EAAqB,CAAExwB,WACtB,CAACwwB,IAEExa,EAAex7B,YAAQ,KAC3B,MAAMw1C,EAAatxB,EACftO,aAAYsO,EAAgB3O,OAAQ5Z,GAAOA,IAAOoZ,GAAgBF,GAClE,GAEJ,IAAKgO,EACH,OAAO2yB,EAGT,MAAM5vB,EAAkB4vB,EAAWjgC,OAAQ5Z,IACzC,MAAM0C,EAAO0jB,EAAUpmB,GACvB,IAAK0C,EACH,OAAO,EAET,MAAMwnB,EAAWC,YAAgBznB,GACjC,OAAOwnB,GAAY9P,aAAY8P,EAAUhD,KAG3C,OAAOjN,aACLqQ,YAAO,IACFL,KACClB,GAAgB,MAChBF,GAAiB,KAEvB3P,GACA,EACAghC,IAED,CACD3xB,EAAiBrB,EAAa6B,EAAcF,EAAezC,EAAWlN,EAAWghC,EAAmB9gC,IAGhGkhC,EAAiBv4C,YAAY,KAC7Bm4C,EAAkBr5C,SACpBw5C,EAAqB,CAAExwB,MAAO,KAC9BuwB,MAED,CAACF,EAAmBG,EAAsBD,IAEvCp4C,EAAOC,cAEb,OACE,yBAAKI,UAAU,kBACb,yBAAKA,UAAU,eACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAASkkB,EACT7hB,UAAU,uBAEV,uBAAGtC,UAAU,qBAEf,4BAAKL,EAAK,qBAEZ,yBAAKK,UAAU,wBACb,kBAAC,GAAD,CACEi2C,QAASzY,EACT3B,YAAagc,EACb/b,YAAajX,EACbqxB,kBAAmBv2C,EAAK,iBACxBy2C,cAAc,0BACd/sB,UAAWuuB,EACX7b,oBAAqB+b,EACrB7b,eAAgB7jB,IAGlB,kBAAC,GAAD,CACErN,QAAS3T,QAAQygD,EAAkBr5C,QACnCyB,QAASg4C,EACT31C,UAAWme,EAAY,2BAA6B,0BAEpD,uBAAGzgB,UAAU,2BCyCRwG,mBAAK/H,YACjBC,IACC,MACEqE,SAAUm1C,EACV5+B,MAAO6+B,GACLz5C,EAAO05C,cAAgB,GAE3B,MAAO,CACLF,mBACAC,kBAGJ,CAAC/4C,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,kBAAmB,kBAbHZ,CApJ4C,EAC9DgiB,YACA43B,YACAl0B,UACA+zB,mBACAC,gBACAG,kBACAC,oBAEA,MAAM54C,EAAOC,eAEN8Z,EAAO8+B,GAAYt3C,YAAS,KAC5Bu3C,EAAOC,GAAYx3C,YAAS,KAC5BlK,EAAOk/B,GAAYh1B,eACnBoY,EAAO2c,GAAY/0B,cAMpBmoB,EAAY6uB,IAAqBS,IAAqBniB,WAEtDoiB,EAAoBl5C,YAAakC,IACrC,MAAM,MAAEsE,GAAUtE,EAAE8H,cACdirC,EAAWzuC,EAAM6X,QAAQ,OAAQ,IAEvCy6B,EAAS7D,GAELA,IAAazuC,IACftE,EAAE8H,cAAcxD,MAAQyuC,IAEzB,IAEGkE,EAA0Bn5C,YAAakC,IAC3C82C,EAAS92C,EAAE8H,cAAcxD,QACxB,IAEG4yC,EAAoBp5C,YAAY,KAC/Bga,EAAMlb,OAKP65C,EAAU75C,OA7CgB,IA8C5By3B,EA1B0B,oDA8B5BqiB,EAAgB,CACd5+B,QACA1iB,QACAqhD,cAZApiB,EAvBwB,8BAqCzB,CAACvc,EAAO2+B,EAAWC,EAAiBthD,EArCX,4BAEE,qDAqCxB+hD,EAAsBr5C,YAAY,KACjCga,EAAMlb,OAKX+5C,EAAc,CACZ7+B,QACA++B,QACAzhD,QACAqhD,cARApiB,EAxC2B,iCAkD5B,CAACvc,EAAO6+B,EAAeE,EAAOzhD,EAAOqhD,EAlDT,iCAoD/B52C,YAAU,KACJy2C,IAAqBS,IAAqBhiB,UAC5CxS,GAAQ,IAET,CAAC+zB,EAAkB/zB,IAEtB,MAAM60B,EAAgBb,IA3DM,8BA4D1B7+B,GA3D6B,iCA2DIA,EAC7BA,OACAjY,GAGN,OACE,yBAAKrB,UAAU,WACb,yBAAKA,UAAU,eACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAAS,IAAMkkB,IACf7hB,UAAU,8BAEV,uBAAGtC,UAAU,qBAEf,4BAAKL,EAAK8gB,EAAY,aAAe,cAEvC,yBAAKzgB,UAAU,wBACb,kBAACq3B,GAAA,EAAD,CACE1rB,SAAUuqB,EACVxc,MAAO/Z,EAAK,cAEd,kBAAC2Y,GAAA,EAAD,CACEpS,MAAOwT,EACP/N,SAAUitC,EACVrkB,MAAO50B,EAAK8gB,EAAY,mBAAqB,aAC7CnH,MAxFoB,8BAwFbA,GAvFgB,iCAuFiBA,EAAmCA,OAAQjY,IAEpFof,GACC,oCACE,kBAACnI,GAAA,EAAD,CACEpS,MAAOuyC,EACP9sC,SAAUktC,EACVtkB,MAAO50B,EAAK,oCAEd,uBAAGK,UAAU,QAAQL,EAAK,qBAI7Bq5C,GACC,uBAAGh5C,UAAU,SAASg5C,GAGxB,wBAAIh5C,UAAU,wBAAwBL,EAAK,6BAA8B04C,EAAU75C,OAAQ,MAE3F,yBAAKwB,UAAU,mCACZq4C,EAAUv/B,IAAKnb,GACd,kBAACob,GAAA,EAAD,CAAU0iB,UAAQ,EAACz7B,UAAU,uBAC3B,kBAACgZ,GAAA,EAAD,CAAiBE,OAAQvb,QAMjC,kBAAC,GAAD,CACEoN,QAA0B,IAAjB2O,EAAMlb,OACfyB,QAASwgB,EAAYs4B,EAAsBD,EAC3CptC,SAAU2d,EACV/mB,UAAWme,EAAY9gB,EAAK,8BAAgC,gBAE3D0pB,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,0B,OC3JvB,MAAMi5C,GAAeh7C,OAAO6tB,KAAKotB,KAAmB16C,OAAS,EAmD9CgI,mBAjDe,EAC5Bia,aAAY,EACZ8L,UACA4sB,kBACAh1B,cAEA,MAAOi1B,EAAkBC,GAAuBn4C,YAAmB,IAE7D+2C,EAAiBv4C,YAAY,KACjCy5C,EAAgB14B,EAAYy4B,IAAkBI,gBAAkBJ,IAAkBK,gBACjF,CAAC94B,EAAW04B,IAEf,OACE,kBAAC5iC,EAAA,EAAD,CACE5Y,GAAG,UACH8Y,KAAMlU,IAAmB,eAAiB,aAC1CqqB,YAAaqsB,GACbziC,UAAW+V,GAEV,KACC,OAAQA,GACN,KAAK2sB,IAAkBM,gBACvB,KAAKN,IAAkBO,cACrB,OACE,kBAAC,GAAD,CACEh5B,UAAWA,EACXo3B,kBAAmBuB,EACnBtB,0BAA2BuB,EAC3BtB,WAAYE,EACZ9zB,QAASA,IAGf,KAAK+0B,IAAkBI,gBACvB,KAAKJ,IAAkBK,cACrB,OACE,kBAAC,GAAD,CACE94B,UAAWA,EACX43B,UAAWe,EACXj1B,QAASA,IAGf,QACE,Y,iBC9BG3d,mBAtBqB,EAAG2d,cACrC,MAAMxkB,EAAOC,cAEb,OACE,yBAAKI,UAAU,iBACb,yBAAKA,UAAU,eACb,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAASkkB,EACT7hB,UAAU,uBAEV,uBAAGtC,UAAU,qBAEf,4BAAKL,EAAK,mBAEZ,kBAAC2rB,GAAA,EAAD,CAAUouB,WAAW,WAAWC,YAAY,yBC9BlD,MAAMC,GAAwC,CAC5CC,MAAM,EACNC,WAAW,EACXC,IAAI,EACJC,SAAS,EACThkC,MAAM,EACNikC,WAAW,EACXlkC,OAAO,EACPmkC,YAAY,EACZ,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,KAAK,GAGD/rC,GAAkB5M,IACtBA,EAAE4M,kBAGJ,SAASgsC,GAA4B54C,GAC/Bg4C,GAAah4C,EAAEzB,MACjBqO,GAAe5M,GAIZ,SAAS64C,KAEdjgD,SAASmJ,iBAAiB,QAAS6K,GAAgB,CAAEksC,SAAS,IAC9DxiD,OAAOyiD,YAAcnsC,GACrBhU,SAASogD,UAAYJ,GAGhB,SAASK,KACdrgD,SAASoJ,oBAAoB,QAAS4K,IAEtCtW,OAAOyiD,YAAc,KAErBngD,SAASogD,UAAY,K,uBCkCvB,SAASE,GAAaC,EAAuBC,GAC3C,OAAID,EACK,4BAGLC,EACK,wBAGF,O,8BC8DMC,OA7F0B,EACvC/4C,SACA5L,UACA4kD,SACAC,aACAC,gBACAC,WACAC,UACAC,SACAC,WACA15B,YACA25B,aACAC,iBACAC,mBACAC,UACAC,cACAC,YACAC,UACAC,SACAC,QACA16B,UACAzgB,YACA4hB,WACAw5B,gBACAC,kBACAx2B,WACAy2B,SACAC,eACAt1C,UACAu1C,sBACAC,iBAEA96C,YAAU,KACR2S,YApCuB,MAqCtB,CAAClS,IAEJ,MAAMs6C,ED5ED,SACLlmD,EAAqBmmD,EAA0BF,GAE/C,MAAMpe,EAAwB,GACxBj7B,EAAOw5C,YAAepmD,GACtBU,EAAQia,YAAgB3a,GACxBwoC,EAAY19B,YAAoB9K,EAAS,UACzC0kD,EAAmBhkD,GAAS8nC,GAAa6d,KACzCC,EAAY1kD,OAAO2kD,eAezB,GAbI7B,GACF7c,EAAQxgB,KAAK,CACX4W,MAAO,yBACPyd,QAAS,KACP8K,KAAkBhe,EAAWjsB,iBAAeC,SAAS2lB,KAAKskB,MAEtDN,GACFA,OAMJv5C,EAAM,CAER,MAAM63C,EAAe3jD,QACnBwlD,GACGA,EAAUI,YACVJ,EAAUI,WAAWC,YACpBL,EAAUI,WAAWC,WAA2Bv/C,QAAQ,4BACD,KAAxDk/C,EAAUruC,WAAWwP,QAAQ,kBAAmB,KAGrDogB,EAAQxgB,KAAK,CACX4W,MAAOumB,GAAaC,EAAcC,GAClChJ,QAAS,KACP,MAAMkL,EAAgBnC,GAAgB6B,EAAYA,EAAUruC,WAAarL,EACzEi6C,aAAoBD,GAEhBT,GACFA,OAmBR,OAbIF,GACFpe,EAAQxgB,KAAK,CACX4W,MAAO,gCACPyd,QAAS,KACPuK,IAEIE,GACFA,OAMDte,ECiBaif,CAAsB9mD,EAASyQ,EAAS80C,EAAcU,OAAal7C,GAEjFg8C,EAAoB39C,YAAY,IAC7BlF,SAASmB,cAAe,+CAA8CrF,EAAQqH,QACpF,CAACrH,EAAQqH,KAEN2/C,EAAiB59C,YACrB,IAAMlF,SAASmB,cAAc,0BAC7B,IAGI4hD,EAAiB79C,YACrB,IAAMlF,SAASmB,cAAc,+BAC7B,KAGI,UAAE+G,EAAF,UAAa86C,EAAb,MAAwB1iD,GAAU2iD,aACtCvC,EACAmC,EACAC,EACAC,EA1DoB,GA4DnB/iD,SAASmB,cAAc,iBAAiCmC,cAGrD6B,EAAOC,cAEb,OACE,kBAAC89C,GAAA,EAAD,CACEx7C,OAAQA,EACRQ,UAAWA,EACX86C,UAAWA,EACX1iD,MAAOA,EACPkF,UAAU,2BACV+G,QAASA,EACTu1C,oBAAqBA,GAEpBnB,GAAc,kBAACx4C,EAAA,EAAD,CAAUC,KAAK,eAAe3C,QAASm8C,GAASz8C,EAAK,wBACnEy7C,GAAiB,kBAACz4C,EAAA,EAAD,CAAUC,KAAK,WAAW3C,QAASo8C,GAAe18C,EAAK,4BACxE07C,GAAY,kBAAC14C,EAAA,EAAD,CAAUC,KAAK,QAAQ3C,QAAS87C,GAAUp8C,EAAK,UAC3D27C,GAAW,kBAAC34C,EAAA,EAAD,CAAUC,KAAK,OAAO3C,QAAS+7C,GAASr8C,EAAK,SACxD+7C,GAAkB,kBAAC/4C,EAAA,EAAD,CAAUC,KAAK,WAAW3C,QAASi8C,GAAgBv8C,EAAK,mBAC1Eg8C,GACC,kBAACh5C,EAAA,EAAD,CAAUC,KAAK,WAAW3C,QAASk8C,GAAkBx8C,EAAK,iCAE3Di8C,GAAWY,EAAY1jC,IAAKqlB,GAC3B,kBAACx7B,EAAA,EAAD,CAAUxC,IAAKg+B,EAAQ5J,MAAO3xB,KAAK,OAAO3C,QAASk+B,EAAQ6T,SAAUryC,EAAKw+B,EAAQ5J,SAEnFgnB,GAAU,kBAAC54C,EAAA,EAAD,CAAUC,KAAK,MAAM3C,QAASg8C,GAAQt8C,EAAK,cACrD67C,GAAY,kBAAC74C,EAAA,EAAD,CAAUC,KAAK,QAAQ3C,QAASshB,GAAU5hB,EAAK,gBAC3D87C,GAAc,kBAAC94C,EAAA,EAAD,CAAUC,KAAK,UAAU3C,QAASa,GAAYnB,EAAK,YACjEm8C,GAAa,kBAACn5C,EAAA,EAAD,CAAUC,KAAK,SAAS3C,QAAS0lB,GAAWhmB,EAAK,kBAC9DmiB,GAAa,kBAACnf,EAAA,EAAD,CAAUogB,aAAW,EAACngB,KAAK,SAAS3C,QAASyiB,GAAW/iB,EAAK,aCmIlE6G,mBAAK/H,YAClB,CAACC,GAAUpI,UAASurB,sBAClB,MAAM,SAAEtS,GAAa6P,YAAyB1gB,IAAW,IACnD,UACJi/C,EADI,SAEJtC,EAFI,OAGJE,EAHI,SAIJC,EAJI,UAKJ15B,EALI,QAMJw5B,EANI,WAOJG,EAPI,eAQJC,EARI,iBASJC,EATI,QAUJC,EAVI,YAWJC,EAXI,UAYJC,GACGvsC,GAAY+P,YAA4B5gB,EAAQpI,EAASiZ,IAAc,GACtE2T,EAA+B,WAApBrB,EACX+7B,EAAkC,cAApB/7B,EAEpB,MAAO,CACL87B,YACAxC,WAAYyC,EACZxC,cAAewC,EACfvC,UAAWn4B,IAAa06B,GAAevC,EACvCE,QAASqC,GAAerC,EACxBC,UAAWoC,GAAepC,EAC1B15B,YACAw5B,SAAUp4B,GAAYo4B,EACtBG,YAAamC,GAAenC,EAC5BC,gBAAiBkC,GAAelC,EAChCC,kBAAmBiC,GAAejC,EAClCC,UACAC,aAAc+B,GAAe/B,EAC7BC,cAGJ,CAAC18C,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,kBACA,eACA,aACA,kBACA,cACA,gBACA,yBACA,wBACA,oBACA,oBA/CgBZ,CAzNoD,EACtEyD,SACA2f,kBACAvrB,UACAwpB,QACAo7B,SACAn0C,UACAu1C,sBACAqB,YACAxC,aACAC,gBACAC,WACAE,SACAC,WACA15B,YACAw5B,UACAG,aACAC,iBACAC,mBACAC,UACAC,cACAC,YACA+B,kBACAC,eACAh9B,aACAjQ,kBACAktC,cACAC,gBACAC,yBACAC,wBACAC,oBACAC,sBAEA,MAAM,qBAAEr1C,GAAyBE,YAAkB/G,EAAQo6C,OAAqBj7C,GAAW,IACpFg9C,EAAYC,GAAiBp9C,aAAS,IACtCkhB,EAAmBm8B,GAAwBr9C,aAAS,IACpDs9C,EAAgBC,GAAqBv9C,aAAS,IAC9Cw9C,EAAgBC,EAAcC,GAAiBr8B,eAEhDgB,EAAe7jB,YAAY,KAC/B4+C,GAAc,GACdC,GAAqB,IACpB,IAEGM,EAAYn/C,YAAY,KAC5B4+C,GAAc,GACdv3C,KACC,CAACA,IAEEub,EAAmB5iB,YAAY,KACnC6+C,GAAqB,GACrBx3C,KACC,CAACA,IAEE+3C,EAAgBp/C,YAAY,KAChC++C,GAAkB,GAClB13C,KACC,CAACA,IAEEg4C,EAAsBr/C,YAAY,KACtCk/C,IACA73C,KACC,CAAC63C,EAAe73C,IAEbi4C,EAAct/C,YAAY,KAC9Bm+C,EAAgB,CAAEj/C,UAAWtI,EAAQqH,KACrCkhD,KACC,CAAChB,EAAiBvnD,EAAQqH,GAAIkhD,IAE3BI,EAAav/C,YAAY,KAC7Bo+C,EAAa,CAAEl/C,UAAWtI,EAAQqH,KAClCkhD,KACC,CAACf,EAAcxnD,EAAQqH,GAAIkhD,IAExBK,EAAYx/C,YAAY,KAC5B4+C,GAAc,GACdG,GAAkB,IACjB,IAEGU,EAAcz/C,YAAY,KAC9BohB,EAAW,CAAEliB,UAAWtI,EAAQqH,GAAIqjB,SAAS,IAC7C69B,KACC,CAAC/9B,EAAYxqB,EAAQqH,GAAIkhD,IAEtB9pC,EAAgBrV,YAAY,KAEhC,GADAm/C,IACI/+B,GAASA,EAAMI,SAAU,CAC3B,MAAMjO,EAAa6N,EAAMI,SAASpH,IAAI,EAAGnb,QAASA,GAClDkT,EAAgB,CAAEmE,WAAY1e,EAAQqI,OAAQsT,oBAE9CpB,EAAgB,CAAEmE,WAAY1e,EAAQqI,OAAQsT,WAAY,CAAC3b,EAAQqH,OAEpE,CAACkT,EAAiBva,EAASuoD,EAAW/+B,IAEnCs/B,GAAoB1/C,YAAY,KACpCm/C,IACAd,EAAY,CAAE1e,QAAS/oC,EAAQi2B,QAAQ8S,WACtC,CAACwf,EAAWvoD,EAAQi2B,QAAQ8S,QAAS0e,IAElCsB,GAAsB3/C,YAAY,KACtCm/C,IACAb,EAAc,CAAE3e,QAAS/oC,EAAQi2B,QAAQ8S,WACxC,CAACwf,EAAWvoD,EAAQi2B,QAAQ8S,QAAS2e,IAElCsB,GAAsB5/C,YAAY,KACtC,MAAM6/C,EAASz/B,GAASA,EAAMI,SAC1B,CACAthB,UAAWtI,EAAQqH,GACnB6hD,gBAAiB1/B,EAAMI,SAASpH,IAAI,EAAGnb,QAASA,GAChD8hD,WAAW,GAEX,CAAE7gD,UAAWtI,EAAQqH,GAAI8hD,WAAW,GAExCxB,EAAuBsB,GACvBV,KACC,CAACA,EAAWvoD,EAAQqH,GAAIsgD,EAAwBn+B,IAE7C4/B,GAA6BhgD,YAAY,KAC7Cw+C,EAAsB,CAAEv/C,OAAQrI,EAAQqI,OAAQhB,GAAIrH,EAAQqH,KAC5DkhD,KACC,CAACA,EAAWvoD,EAAQqI,OAAQrI,EAAQqH,GAAIugD,IAErCyB,GAAqBjgD,YAAY,KACrC4+C,GAAc,GACdK,KACC,CAACA,IAEEiB,GAA0BlgD,YAAac,IAC3C29C,EAAkB,CAChBx/C,OAAQrI,EAAQqI,OAChBC,UAAWtI,EAAQqH,GACnBkiD,YAAanmD,KAAK0I,MAAM5B,EAAKyd,UAAY,QAE1C,CAAC3nB,EAAQqI,OAAQrI,EAAQqH,GAAIwgD,IAE1B2B,GAAiBpgD,YAAY,KACjC0+C,EAAgB,CACdx/C,UAAWtI,EAAQqH,GACnBgB,OAAQrI,EAAQqI,SAElBkgD,KACC,CAACA,EAAWT,EAAiB9nD,EAAQqI,OAAQrI,EAAQqH,KAQxD,GANA8D,YAAU,KACRg5C,KAEOI,IACN,IAEC8C,EAGF,YAFAkB,IAKF,MAAMkB,GAAmB,IAAI7kC,KAG7B,OAFA6kC,GAAiB1iC,YAAY0iC,GAAiB3kC,cAAgB,GAG5D,yBAAKpb,UAAW,CAAC,uBAAwB+I,GAAsB8B,KAAK,MAClE,kBAAC,GAAD,CACEvU,QAASA,EACT4L,OAAQm8C,EACRnD,OAAQA,EACRC,WAAYA,EACZC,cAAeA,EACfC,SAAUA,EACVv5B,UAAWA,EACXy5B,OAAQA,EACRC,SAAUA,EACVF,QAASA,EACTG,WAAYA,EACZC,eAAgBA,EAChBC,iBAAkBA,EAClBC,QAASA,EACTC,YAAaA,EACbC,UAAWA,EACXC,QAASiD,EACThD,OAAQiD,EACRhD,MAAOiD,EACP39B,QAAS49B,EACTr+C,UAAWiU,EACX2N,SAAUa,EACV24B,cAAekD,GACfjD,gBAAiBkD,GACjB15B,SAAU25B,GACVlD,OAAQsD,GACRrD,aAAcsD,GACd54C,QAAS83C,EACTtC,WAAYuD,KAEd,kBAAC,GAAD,CACE59C,OAAQkgB,EACRjD,WAAgC,cAApB0C,EACZ9a,QAASub,EACTxC,MAAOA,EACPxpB,QAASA,IAEX,kBAAC,GAAD,CACE4L,OAAQs8C,EACR5/C,UAAWtI,EAAQqH,GACnBgB,OAAQrI,EAAQqI,OAChBoI,QAAS+3C,IAEX,kBAAC,GAAD,CACE58C,OAAQw8C,EACR3iC,gBAAc,EACdJ,WAA2B,IAAfrlB,EAAQkK,KACpBob,MAAOokC,YAAcD,IACrBlkC,cAAY,EACZ9U,QAASg4C,EACT7iC,SAAU0jC,S,OCnJHp5C,mBAAK/H,YAClB,CAACC,GAAU+kC,kBACF,CAAE/E,WAAYuhB,aAAiBvhD,EAAQ+kC,EAAYyc,gBAE5D,CAAC9gD,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,eACA,mBACA,gBAPgBZ,CAlF+C,EACjEyD,SACAuhC,cACA/E,aACA33B,UACAo5C,eACAC,mBACAC,kBAGA,MAAMpX,EAAehiC,YAAuB,MACtCtH,EAAOC,eAGXoiC,QAASrD,GACPuD,aAAwB,CAAEC,QAAS8G,EAAcqX,WAjBzB,IAiB4DC,YAAar+C,IAErGT,YAAU,KACR,GAAIS,EAAQ,CACV,MAAM,aAAEg+C,EAAF,qBAAgBM,GAAyB/c,EAC/C0c,EAAa,CAAED,eAAcM,2BAE9B,CAACt+C,EAAQuhC,EAAa0c,IAEzB,MAAMha,EAAezmC,YAAa2/B,IAChCA,EAAU,IACLA,EACHohB,qBAAqB,GAGvBJ,EAAY,CAAEhhB,YACdt4B,KACC,CAACA,EAASs5C,IAEPK,EAAoBhhD,YAAY,KACpC0gD,EAAiB,CAAEF,aAAczc,EAAYyc,eAC7Cn5C,KACC,CAAC08B,EAAYyc,aAAcn5C,EAASq5C,IAEvC,OACE,kBAAC5nC,GAAA,EAAD,CACExY,UAAU,kBACVkC,OAAQA,EACR6E,QAASA,EACT45C,gBAAc,EACdjnC,MAAOglB,EAAaA,EAAWhlB,MAAQ,eAEtCglB,GAAcA,EAAW+B,SACxB,oCACE,yBAAKn2B,IAAK2+B,EAAcjpC,UAAU,0BAC/B0+B,EAAW+B,SAAS3nB,IAAKumB,GACxB,kBAAC,GAAD,CACEA,QAASA,EACT5lC,KAAMmnD,KACNjiB,oBAAqBA,EACrB1+B,QAASkmC,EACTnd,SAAUqW,MAIhB,yBAAKr/B,UAAU,kBACb,kBAACmC,EAAA,EAAD,CACE1I,KAAK,UACL2/B,OAAK,EACL/2B,MAAOq8B,EAAW0E,cAAgB,SAAW,UAC7CnjC,QAASygD,GAER/gD,EACC++B,EAAW0E,cAAgB,iCAAmC,8BAC9D1E,EAAWlF,MACX,QAMR,kBAACpgB,GAAA,EAAD,U,iBC0EO5S,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,GAChC,OAAKyB,GAAQA,EAAKygD,aACT,GAGF,CACLzgD,OACA0gD,QAAS1gD,EAAK0gD,QACdlO,UAAW7zC,aAAcqB,EAAKzC,IAC9BojD,cAAeC,YAAiB5gD,KAGpC,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,uBACA,2BAhBgBZ,CAvImD,EACrEE,SACAuD,SACAg5C,SACAz6B,YACAwgC,eACAC,YACAC,UACArF,YACAsF,WACAhhD,OACAwyC,YACAkO,UACAC,gBACAM,qBACAC,gBACAv6C,UACAu1C,sBACAiF,uBACAC,6BAEA,MAAOnD,EAAYC,GAAiBp9C,aAAS,IACtCkhB,EAAmBm8B,GAAwBr9C,aAAS,IACrD,EAAEgM,EAAF,EAAKC,GAAM+tC,EAEjBjyC,YAAkB/G,EAAQo6C,OAAqBj7C,GAAW,GAE1D,MAAMkiB,EAAe7jB,YAAY,KAC/B4+C,GAAc,GACdC,GAAqB,IACpB,IAEGM,EAAYn/C,YAAY,KAC5B4+C,GAAc,GACdv3C,KACC,CAACA,IAEEub,EAAmB5iB,YAAY,KACnC6+C,GAAqB,GACrBx3C,KACC,CAACA,IAEE06C,EAAwB/hD,YAAY,KACxC6hD,EAAqB,CAAE5iD,SAAQmiD,SAAUA,IACzCjC,KACC,CAAClgD,EAAQkgD,EAAWiC,EAASS,IAE1BG,EAAkBhiD,YAAY,KAClC2hD,IACAxC,KACC,CAACA,EAAWwC,IAETM,EAAejiD,YAAY,KAC/B4hD,IACAzC,KACC,CAACA,EAAWyC,IAETM,EAAuBliD,YAAY,KACvC8hD,IACA3C,KACC,CAACA,EAAW2C,IAEf//C,YAAU,KACRg5C,KAEOI,IACN,IAEH,MAAMl7C,EAAOC,cAEb,OACE,kBAACiiD,GAAA,EAAD,KACE,yBAAK7hD,UAAU,uBACb,kBAAC09C,GAAA,EAAD,CACEx7C,OAAQm8C,EACR37C,UAAU,QACV5H,MAAQ,SAAQoS,YAAYC,OAC5BpG,QAAS83C,GAERt8C,KAAoB0+C,GACnB,kBAACt+C,EAAA,EAAD,CACEC,KAAM6d,EAAY,UAAY,QAC9BxgB,QAASyhD,GAER/hD,EAAK8gB,EAAY,YAAc,eAGnCle,KAAoB2+C,GACnB,kBAACv+C,EAAA,EAAD,CACEC,KAAK,SACL3C,QAAS0hD,GAERhiD,EAAK,WAGTwhD,GACC,kBAACx+C,EAAA,EAAD,CACEC,KAAMk+C,EAAU,SAAW,OAC3B7gD,QAASwhD,GAER9hD,EAAKmhD,EAAU,cAAgB,cAGnChF,GACC,kBAACn5C,EAAA,EAAD,CACEC,KAAK,SACL3C,QAAS2hD,GAERjiD,EAAK,yBAGTyhD,GACC,kBAACz+C,EAAA,EAAD,CACEogB,aAAW,EACXngB,KAAK,SACL3C,QAASsjB,GAER5jB,EAAKizC,EACF,SACCmO,EAAgB,0BAA6BtgC,EAAY,eAAiB,sBAIpFrgB,GACC,kBAACqjB,GAAA,EAAD,CACEvhB,OAAQkgB,EACRrb,QAASub,EACTliB,KAAMA,S,iBC5IlB,MAAM0hD,GAAwB9tB,YAAUrQ,GAAOA,IAAM,KAAK,GAoL3Cnd,mBAAK/H,YACjBC,IACC,MAAM0B,EAAOuhB,YAAkBjjB,GAC/B,IAAK0B,EACH,MAAO,GAGT,MAAM,MAAEonB,EAAF,QAASu6B,GAAYC,YAAwBtjD,IAAW,IACxD,WAAE0uC,EAAF,SAAc38B,GAAasxC,GAAW,GAE5C,MAAO,CACL3hD,OACAonB,QACA4lB,aACA38B,aAGJ,CAACrR,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,0BACA,0BACA,eACA,uBACA,yBAtBgBZ,CAlLuC,EACzD0X,WACA/V,OACAonB,QACA4lB,aACA38B,WACAwxC,0BACAC,0BACA1iD,eACA2iD,uBACAC,2BAGA,MAAMj3C,EAAWlE,YAAyB,OACnCo7C,EAAcC,GAAmBphD,YAAS,IAC1Cw9C,EAAgBC,EAAcC,GAAiBr8B,eAGtD9gB,YAAU,KACR,MAAM,eAAE8gD,GAAmBrqD,OAC3B,IAAKqqD,EACH,OAGF,MAAMC,EAAShoD,SAASkB,eAAe,QACjC+H,EAAe,KACnB,MAAM,cAAEg/C,GAAkBjoD,SAC1B,GAAIioD,GAAkBA,IAAkBt3C,EAASnD,QAAU,CACzD,MAAM,QAAE06C,EAAF,OAAWjrD,GAAW8qD,EAC5BC,EAAO1nD,MAAMR,UAAa,cAAaooD,OACvCF,EAAO1nD,MAAMrD,OAAYA,EAAF,KACvB+C,SAASwoC,gBAAgBnlC,UAAY6kD,OAErCF,EAAO1nD,MAAMR,UAAY,GACzBkoD,EAAO1nD,MAAMrD,OAAS,IAM1B,OAFA8qD,EAAe5+C,iBAAiB,SAAUF,GAEnC,KACL8+C,EAAe3+C,oBAAoB,SAAUH,KAE9C,IAGHhC,YAAU,KACJrB,GAAQqQ,GAAYA,EAASjS,QAC/BgB,EAAa,CAAEb,OAAQyB,EAAKzC,GAAIiB,UAAW6R,EAASA,EAASjS,OAAS,KACtE8jD,EAAgB,IAEhBA,GAAiB,IAElB,CAACliD,EAAMZ,EAAciR,IAGxBhP,YAAU,KACRkhD,MAAMC,KAAKpoD,SAAS+D,iBAAmC,UAAUu/B,QAAS+kB,IACxEA,EAAMn3C,SAAWtU,QAAQ+e,GAAY0sC,IAAU13C,EAASnD,WAG1D26C,MAAMC,KAAKpoD,SAAS+D,iBAAiC,yBAAyBu/B,QAASglB,IACrFA,EAAIC,gBAAkB5sC,EAAW,QAAU,UAE5C,CAACA,IAGJ1U,YAAU,KACH0U,GACHhL,EAASnD,QAAS0P,QAEnB,CAACvB,IAEJvO,YAAgB,KACMpN,SAASmB,cAAgC,uBACjD+b,QACX,CAACgnC,IAEJ,MAAMsE,EAAiCtjD,YAAaujD,IAClDhB,EAAwB,CAAEz6B,MAAOy7B,IAE7BA,EAASzkD,QACXsjD,GAAsBI,IAEvB,CAACA,EAAyBD,IAEvBiB,EAAmBxjD,YAAac,IACpC4hD,EAAqB,CAAEe,UAAW3iD,EAAK4iD,UAAY,MACnDxE,KACC,CAACA,EAAewD,IAEbiB,EAAW3jD,YAAY,KAC3B,GAAIU,GAAQqQ,EAAU,CACpB,MAAM6yC,EAAgBjB,EAAe,EACrC7iD,EAAa,CAAEb,OAAQyB,EAAKzC,GAAIiB,UAAW6R,EAASA,EAASjS,OAAS,EAAI8kD,KAC1EhB,EAAgBgB,KAEjB,CAACljD,EAAMiiD,EAAc7iD,EAAciR,IAEhC8yC,EAAa7jD,YAAY,KAC7B,GAAIU,GAAQqQ,EAAU,CACpB,MAAM6yC,EAAgBjB,EAAe,EACrC7iD,EAAa,CAAEb,OAAQyB,EAAKzC,GAAIiB,UAAW6R,EAASA,EAASjS,OAAS,EAAI8kD,KAC1EhB,EAAgBgB,KAEjB,CAACljD,EAAMiiD,EAAc7iD,EAAciR,IAEhC9Q,EAAOC,cAEb,OACE,yBAAKjC,GAAG,eAAeqC,UAAWmW,EAAW,SAAW,IACtD,yBAAKnW,UAAU,UACb,kBAACmC,EAAA,EAAD,CACE1I,KAAK,UACL2I,OAAK,EACLC,MAAM,cACNpC,QAASkiD,GAET,uBAAGniD,UAAU,qBAEf,kBAACwjD,GAAA,EAAD,CACEl5C,IAAKa,EACLjF,MAAOshB,EACP7b,SAAUq3C,KAGd,yBAAKhjD,UAAU,UACb,yBAAKA,UAAU,WACZwnB,EACC/W,GAAYA,EAASjS,OAClB,GAAE6jD,EAAe,QAAQjV,IACxB38B,IAAaA,EAASjS,OACxB,aAEA,GAGF,kBAAC2D,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAAS0+C,EACTr8C,UAAU,2BAEV,uBAAGtC,UAAU,oBAInB,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAASojD,EACT33C,UAAW+E,IAAaA,EAASjS,QAAU6jD,IAAiB5xC,EAASjS,OAAS,GAE9E,uBAAGwB,UAAU,aAEf,kBAACmC,EAAA,EAAD,CACEC,OAAK,EACL3I,KAAK,UACL4I,MAAM,cACNpC,QAASsjD,EACT73C,UAAW+E,IAAaA,EAASjS,QAA2B,IAAjB6jD,GAE3C,uBAAGriD,UAAU,gBAGjB,kBAAC,GAAD,CACEkC,OAAQw8C,EACR5iC,YAAU,EACVE,kBAAmBrc,EAAK,cACxBoH,QAAS63C,EACT1iC,SAAUgnC,Q,iDCnNH,SAASO,GACtBjoD,EACAkoD,EACAC,EAAS,EACTC,GAAU,EACVC,GAAsB,EACtBC,GAAe,GAEf,MAAMC,EAAavoD,EAAUsoD,EAAe,aAAe,aACrDE,EAAaD,EAAavoD,EAAUsoD,EAAe,cAAgB,gBACnEG,EAA4C,iBAAvBP,EACvBloD,EAAU+C,iBAA8BmlD,GACxCA,GACE,OAAEllD,GAAWylD,EACbC,EAA2B,GACjC,IAAIC,GAAU,EAEd,IAAK,IAAIzmC,EAAI,EAAGA,EAAIlf,EAAQkf,IAAK,CAC/B,MAAM3f,EAAUkmD,EAAYvmC,GACtB0mC,EAAKrmD,EAAQ+lD,EAAe,aAAe,aAC3CO,EAAKD,EAAKrmD,EAAQ+lD,EAAe,cAAgB,gBAKvD,GAJkBD,EACdQ,GAAMN,EAAaJ,GAAUU,GAAML,EAAaL,EAChDS,GAAMJ,EAAaL,GAAUU,GAAMN,EAAaJ,EAGlDO,EAAevmC,KAAKD,GACpBymC,GAAU,OACL,GAAIA,IAAYP,EACrB,MAIJ,MAAO,CAAEK,cAAaC,kBCzBTI,OARf,SAAwB9oD,EAAwBuC,EAAsB+lD,GAAe,GACnF,MAAMC,EAAavoD,EAAUsoD,EAAe,aAAe,aACrDE,EAAaD,EAAavoD,EAAUsoD,EAAe,cAAgB,gBACnEM,EAAKrmD,EAAQ+lD,EAAe,aAAe,aAC3CO,EAAKD,EAAKrmD,EAAQ+lD,EAAe,cAAgB,gBACvD,OAAOM,EAAKL,GAAcM,EAAKL,G,2BC6JlBx9C,mBA3GsB,EACnCtE,SACAqV,SACAxQ,UACAw9C,mBACAxgC,YACAygC,0BAGA,MAAMvb,EAAehiC,YAAuB,OACtC,aAAE4B,EAAF,qBAAgBE,GAAyBE,YAAkB/G,OAAQb,OAAWA,GAAW,GAEzFojD,EAAmB/kD,YAAaglD,IACpC,IAAKF,EACH,OAAQ,EAEV,MAAM/T,EAAe+T,EAAqBhmD,OAC1C,OAAOmmD,aAAclU,EAAciU,IAClC,CAACF,KAEGI,EAAsBC,GAA2B3jD,aAAU,GAE5D4jD,EAAiBplD,YAAY,CAACwG,EAAetE,KACjDA,EAAE4M,iBACFq2C,EAAyBvvC,GAAWmvC,EAAiBnvC,EAAQpP,KAC5D,CAAC2+C,EAAyBJ,IAEvBM,EAAmBrlD,YAAY,CAACwZ,EAAgB8rC,GAAa,KACjE,MAAM3kD,EAAO0jB,GAAaA,EAAU7K,GAC/B7Y,GAILkkD,EAAiBlkD,EAAM2kD,IACtB,CAACjhC,EAAWwgC,IAETU,EAAsBvlD,YAAakC,IACvC,GAAI4iD,GAAuBA,EAAoBhmD,QAAUomD,GAAwB,EAAG,CAClF,MAAMM,EAASV,EAAoBI,GAC/BM,IACFtjD,EAAE4M,iBACFu2C,EAAiBG,EAAOhsC,QAAQ,MAGnC,CAACsrC,EAAqBI,EAAsBG,IAE/CtjD,YAAU,IAAOS,EAASsgB,aAAyB,CACjDG,MAAO5b,EACPo+C,KAAOvjD,GAAqBkjD,GAAgB,EAAGljD,GAC/CwjD,OAASxjD,GAAqBkjD,EAAe,EAAGljD,GAChDye,QAAS4kC,EACTI,MAAOJ,SACJ5jD,EAAY,CAACa,EAAQ6E,EAAS+9C,EAAgBG,IAEnDxjD,YAAU,KACJ+iD,IAAwBA,EAAoBhmD,QAC9CuI,KAED,CAACy9C,EAAqBz9C,IAEzBtF,YAAU,KACRojD,EAAwB,IACvB,CAACttC,IAEJ9V,YAAU,MAhGZ,SAAwB6T,EAAe2zB,GACrC,MAAMztC,EAAYytC,EAAajhC,QAC/B,IAAKxM,GAAa8Z,EAAQ,EACxB,OAEF,MAAM,eAAE4uC,EAAF,YAAkBD,GAAgBR,GACtCjoD,EACA,uBAVoB,GAYpB,GACA,GAEF,IAAKyoD,EAAYzlD,SAAWylD,EAAY3uC,GACtC,OAEF,MAAMgwC,EAAQpB,EAAe,GAC7B,IAAKA,EAAe7qD,SAASic,IACvBA,IAAUgwC,IAAUhB,GAAe9oD,EAAWyoD,EAAYqB,IAAU,CACxE,MAAMC,EAAWjwC,EAAQ4uC,EAAeA,EAAe1lD,OAAS,GAAK,QAAU,MAC/EgnD,aAAiBhqD,EAAWyoD,EAAY3uC,GAAQiwC,EArB9B,KAmGlBE,CAAeb,EAAsB3b,IACpC,CAAC2b,IAEJ,MAAMc,EAAkBx6C,YACtBs5C,GAAuBA,EAAoBhmD,OACvCgmD,OACAnjD,EACJwH,GAEI88C,EAAsBnB,IAAwBA,EAAoBhmD,OACpEknD,EACAlB,EAEJ,IAAK37C,GAAiB88C,IAAwBA,EAAoBnnD,OAChE,OAGF,MAAMwB,EAAYyL,aAChB,gDACA1C,GAGF,OACE,yBAAK/I,UAAWA,EAAWsK,IAAK2+B,GAC7B0c,GAAuBA,EAAoB7sC,IAAI,EAAGI,UAAU5D,IAC3D,kBAACyD,GAAA,EAAD,CACE5Y,IAAK+Y,EACLlZ,UAAU,kCACVC,QAAS,IAAM8kD,EAAiB7rC,GAChCzB,MAAOmtC,IAAyBtvC,GAEhC,kBAAC0D,GAAA,EAAD,CACEE,OAAQA,EACRsK,WAAW,QACXJ,cAAY,S,iBC6BT5c,mBAjJuB,EACpCo/C,cACAC,UACAC,oBACAC,mBACAhvC,gBACAgN,YACAiiC,eACAC,kBACAC,iBACA9J,SACA+J,cAEA,MAAMC,EAAkBl7C,YAAY06C,GAC9BS,EAAuBT,EAAYpnD,OAASonD,EAAcQ,EAC1DlkD,EAAS9K,QAAQwuD,EAAYpnD,SAE7B,qBACJ8nD,EADI,cACkBC,EADlB,oBAEJC,EAFI,cAEiBC,EAFjB,uBAGJC,GACEC,aACFb,GAAqB5jD,EACrB2jD,EACAI,EACAW,IACAb,EACAhvC,EACAgN,IAEI,mBACJ8iC,EADI,kBACgBC,EADhB,eACmCC,EADnC,YACmDC,GACrDC,aACF/kD,EACA2jD,EACAG,EACAY,IACAX,GAGFxkD,YAAU,IAAOS,EAAS+S,YAAsBkxC,QAAW9kD,EAAY,CAACa,EAAQikD,IAEhF,MAAMe,EAAkBxnD,YAAY,KAC9BwC,GACFk6C,KAED,CAACl6C,EAAQk6C,IAENz8C,EAAOC,cAEb,IAAKymD,EACH,OAGF,MAAMc,EAAed,EAAqBe,MAAO/+B,GAAMA,EAAEg/B,SAASp0C,WAAW,WACvEq0C,EAAejB,EAAqBe,MAAO/+B,GAAMA,EAAEg/B,SAASp0C,WAAW,WAE7E,IAAIyG,EAAQ,GAEVA,EADEytC,EACsC,IAAhCd,EAAqB7nD,OAAe,aAAgB,QAAO6nD,EAAqB7nD,gBAC/E8oD,EAC+B,IAAhCjB,EAAqB7nD,OAAe,aAAgB,QAAO6nD,EAAqB7nD,gBAEhD,IAAhC6nD,EAAqB7nD,OAAe,YAAe,QAAO6nD,EAAqB7nD,eAGzF,MAAM+oD,EAAUlB,EAAqBe,MAAO/+B,GAAMA,EAAEm/B,OAyBpD,OACE,kBAAChvC,GAAA,EAAD,CAAOtW,OAAQA,EAAQ6E,QAASo/C,EAAS1tC,OAxB3C,WACE,GAAK4tC,EAIL,OACE,yBAAKrmD,UAAU,0BACb,kBAACmC,EAAA,EAAD,CAAQC,OAAK,EAACC,MAAM,cAAc5I,KAAK,UAAU6I,UAAU,qBAAqBrC,QAASkmD,GACvF,uBAAGnmD,UAAU,gBAEf,yBAAKA,UAAU,eAAe0Z,GAC9B,kBAACvX,EAAA,EAAD,CACEE,MAAM,UACN5I,KAAK,UACLuG,UAAU,sBACVC,QAASinD,GAERvnD,EAAK,UAOqC8nD,GAAgBznD,UAAU,mBACxEunD,EACC,yBAAKvnD,UAAU,+BACZqmD,EAAqBvtC,IAAK4uC,GACzBA,EAAWL,SAASp0C,WAAW,UAC3B,yBAAKhW,IAAKyqD,EAAWz4C,QAASG,IAAI,KAClC,2BAAOnS,IAAKyqD,EAAWz4C,QAAS1E,UAAQ,EAACG,OAAK,EAACD,MAAI,MAI3D,yBAAKzK,UAAU,kCACZqmD,EAAqBvtC,IAAK4uC,GACzB,kBAACC,GAAA,EAAD,CACElxC,KAAMixC,EAAWE,SACjBC,UAAWC,aAAiBJ,EAAWE,SAAUF,EAAWL,UAC5DU,YAAaL,EAAW9nB,eACxBnmC,KAAMiuD,EAAWjuD,KACjBoxB,SAAO,MAMf,yBAAK7qB,UAAU,8BACb,kBAAC,GAAD,CACEkC,OAAQokD,EACRv/C,QAASy/C,EACTjvC,OAAQgvC,EACRhC,iBAAkBkC,EAClBjC,oBAAqBkC,EACrB3iC,UAAWA,IAEb,kBAAC,KAAD,CACE7hB,OAAQ2kD,EACRmB,OAAQjB,EACRhgD,QAAS+/C,EACTmB,cAAejB,EACfd,eAAgBA,IAElB,kBAACgC,GAAA,EAAD,CACEvqD,GAAG,qBACHwqD,KAAMtC,EACNuC,gBAAiBxB,IACjBruC,YAAa5Y,EAAK,WAClB0oD,SAAUpC,EACV7J,OAAQA,EACRkM,eAAgBpmD,Q,iBCiLXsE,mBAlUiB,EAAGtE,SAAQk6C,SAAQ+J,cAEjD,MAAMoC,EAAmBthD,YAAyB,MAE5CuhD,EAAiBvhD,YAAuB,MAExCwhD,EAAcxhD,YAAuB,OAEpCyhD,EAAUC,GAAeznD,YAAiB,KAC1Ci9B,EAASyqB,GAAc1nD,YAAmB,CAAC,MAC3C2nD,EAAaC,GAAkB5nD,aAAS,IACxC6nD,EAAmBC,GAAwB9nD,aAAS,IACpD+nD,EAAYC,GAAiBhoD,aAAS,IACtCioD,EAAUC,GAAeloD,eACzBmoD,EAAeC,GAAoBpoD,eACnCqoD,EAAWC,GAAgBtoD,aAAkB,GAE9CuoD,EAAa/pD,YAAa4K,IAC1BpI,GAAUoI,EAAItC,SAChBsC,EAAItC,QAAQyP,SAEb,CAACvV,IAEJT,YAAU,IAAOS,EAAS+S,YAAsBkxC,QAAW9kD,EAAY,CAACa,EAAQikD,IAChF1kD,YAAU,KACHS,IACHymD,EAAY,IACZC,EAAW,CAAC,KACZE,GAAe,GACfE,GAAqB,GACrBE,GAAc,GACdE,EAAY,IACZE,EAAiB,IACjBE,GAAa,KAEd,CAACtnD,IAEJT,YAAU,IAAMgoD,EAAWlB,GAAmB,CAACkB,EAAYvnD,IAE3D0F,YAAgB,KACd,MAAM8hD,EAAajB,EAAYzgD,QAE3B0hD,GAAcP,IAAaO,EAAWC,YACxCD,EAAWC,UAAYR,IAExB,CAACA,IAEJ,MAAMS,EAAelqD,YAAY,CAACmqD,EAAuB,MACvDjB,EAAW,IAAIiB,EAAY,KAC3BjvD,sBAAsB,KACpB,MAAMkvD,EAAOtB,EAAexgD,QACvB8hD,IAILA,EAAKpvD,UAAUiZ,OAAO,YAAam2C,EAAKC,aA7DtB,KA8DlBD,EAAKE,SAAS,CAAEvxD,IAAKqxD,EAAKC,aAAcE,SAAU,eAEnD,IAEGC,EAAexqD,YAAY,KAE/B,GADA8pD,GAAa,IACRtnD,EACH,OAGF,MAAMioD,EAAkBzB,EAAS7zB,OAAOyP,UAAU,EArE1B,KAsElB8lB,EAAiBjsB,EAAQrlB,IAAKuxC,GAAMA,EAAEx1B,OAAOyP,UAAU,EAvEvC,MAuE8D/sB,OAAQ8yC,GAAMA,EAAE7rD,QAEpG,IAAK2rD,GAAmBC,EAAe5rD,OAAS,EAY9C,OAXAmqD,EAAYwB,GACRC,EAAe5rD,OACb4rD,EAAe5rD,OAAS,EAC1BorD,EAAaQ,GAEbxB,EAAWwB,GAGbR,SAEFJ,GAAa,GAIf,GAAIP,KAAgBI,IAAkBe,EAAetgD,OAAOu/C,KAE1D,YADAG,GAAa,GAIf,MAOM16B,EAAsB,CAC1Bw7B,QAAS,CACP5B,SAAUyB,EACVI,QAVYH,EACbtxC,IAAI,CAAC5V,EAAMoS,KAAP,CACHpS,KAAMA,EAAK2xB,OACX2J,OAAQ/iB,OAAOnG,MACXmG,OAAOnG,KAAW+zC,GAAiB,CAAEmB,SAAS,UAO7C3B,GAAe,CAAE4B,UAAU,MAC5B1B,GAAqB,CAAE2B,gBAAgB,MACvCzB,GAAc,CAAE0B,MAAM,KAI9B,GAAI1B,EAAY,CACd,MAAM,KAAE/lD,EAAF,SAAQ0nD,GAAczB,GAAY0B,aAAkB1B,EAAS7kB,UAAU,EA7GvD,OA6GoF,GAE1GxV,EAAQ67B,KAAO,CACbG,eAAgB,CAACzB,MACbnmD,GAAQ,CAAEimD,SAAUjmD,MACpB0nD,GAAY,CAAEG,iBAAkBH,IAIxCxO,EAAOttB,IACN,CACD5sB,EACAwmD,EACAvqB,EACA8qB,EACAI,EACAR,EACAE,EACA3M,EACAwN,EACAT,IAGI6B,EAAetrD,YAAY,CAAC4V,EAAepS,KAC/C,MAAM2mD,EAAa,IAAI1rB,GACvB0rB,EAAWv0C,GAASpS,EAChB2mD,EAAWA,EAAWrrD,OAAS,GAAGq2B,OAAOr2B,QAAUqrD,EAAWrrD,OA1I5C,GA2IpBorD,EAAaC,GAEbjB,EAAWiB,IAEZ,CAAC1rB,EAASyrB,IAEPqB,EAAevrD,YAAa4V,IAChC,MAAMu0C,EAAa,IAAI1rB,GACvB0rB,EAAWttB,OAAOjnB,EAAO,GACzBszC,EAAWiB,GACXjvD,sBAAsB,KACf4tD,EAAexgD,SAIpBwgD,EAAexgD,QAAQtN,UAAUiZ,OAAO,YAAa60C,EAAexgD,QAAQ+hD,aA3J1D,QA6JnB,CAAC5rB,IAEE+sB,EAA4BxrD,YAAai1C,IAC7C2U,EAAiB3U,IAChB,CAAC2U,IAEE6B,EAA0BzrD,YAAakC,IAC3CknD,EAAelnD,EAAEmI,OAAO+yB,UACvB,IAEGsuB,EAA8B1rD,YAAakC,IAC/ConD,EAAqBpnD,EAAEmI,OAAO+yB,UAC7B,IAEGuuB,EAAuB3rD,YAAakC,IACxCsnD,EAActnD,EAAEmI,OAAO+yB,UACtB,IAEGwuB,EAAiB5rD,YAAakC,IAChB,KAAdA,EAAE2pD,SACJrB,KAED,CAACA,IAEEsB,EAAmB9rD,YAAY,KACnC,GAAI6pD,IAAcb,EAAS7zB,OAAOr2B,OAChC,MAAO,6BAIR,CAAC+qD,EAAWb,IAET+C,EAAkB/rD,YAAa4V,IACnC,MAAM80C,EAAiBjsB,EAAQrlB,IAAKuxC,GAAMA,EAAEx1B,QAAQtd,OAAQ8yC,GAAMA,EAAE7rD,QACpE,GAAI+qD,GAAaa,EAAe5rD,OAAS,IAAM2/B,EAAQ7oB,GAAOuf,OAAOr2B,OACnE,MAAO,qCAGR,CAAC+qD,EAAWprB,IAETx+B,EAAOC,cAqBb,SAAS8rD,IACP,OAAOvtB,EAAQrlB,IAAI,CAAC0lB,EAAQlpB,IAC1B,yBAAKtV,UAAU,kBACb,kBAACsY,GAAA,EAAD,CACEic,MAAOjf,IAAU6oB,EAAQ3/B,OAAS,GA7NlB,KA6NuB2/B,EAAQ3/B,OAC1C,WAAS8W,EAAQ,GAClB,gBACJgE,MAAOmyC,EAAgBn2C,GACvBpP,MAAOs4B,EACP7yB,SAAW/J,GAAMopD,EAAa11C,EAAO1T,EAAE8H,cAAcxD,OACrDylD,WAAYL,IAEbh2C,IAAU6oB,EAAQ3/B,OAAS,GAC1B,kBAAC2D,EAAA,EAAD,CACEnC,UAAU,uBACVoC,OAAK,EACLC,MAAM,cACN5I,KAAK,UACL6I,UAAU,gBACVrC,QAAS,IAAMgrD,EAAa31C,IAE5B,uBAAGtV,UAAU,kBAsBvB,OACE,kBAACwY,GAAA,EAAD,CAAOtW,OAAQA,EAAQ6E,QAASo/C,EAAS1tC,OA7DvC,yBAAKzY,UAAU,0BACb,kBAACmC,EAAA,EAAD,CAAQC,OAAK,EAACC,MAAM,cAAc5I,KAAK,UAAU6I,UAAU,uBAAuBrC,QAASkmD,GACzF,uBAAGnmD,UAAU,gBAEf,yBAAKA,UAAU,eAAeL,EAAK,YACnC,kBAACwC,EAAA,EAAD,CACEE,MAAM,UACN5I,KAAK,UACLuG,UAAU,sBACVC,QAASiqD,GAERvqD,EAAK,YAkDqDK,UAAU,aACzE,kBAACsY,GAAA,EAAD,CACEhO,IAAKi+C,EACLh0B,MAAO50B,EAAK,gBACZuG,MAAOwiD,EACPpvC,MAAOkyC,IACP7/C,SAAW/J,GAAM+mD,EAAY/mD,EAAE8H,cAAcxD,OAC7CylD,WAAYL,IAEd,yBAAKtrD,UAAU,oBAEf,yBAAKA,UAAU,6BAA6BsK,IAAKk+C,GAC/C,wBAAIxoD,UAAU,kBAAd,WAECupD,GAzBP,WACE,MAAMa,EAAiBjsB,EAAQrlB,IAAKuxC,GAAMA,EAAEx1B,QAAQtd,OAAQ8yC,GAAMA,EAAE7rD,QAEpE,OAAOyqD,KAAgBI,IAAkBe,EAAetgD,OAAOu/C,MAC7D,uBAAGrpD,UAAU,SAAb,oCAqBgB4rD,GACb3C,EACC,kBAAC5lB,GAAA,EAAD,CACE5sB,KAAK,gBACL0nB,QAjCDutB,IACJ5yC,IAAI,CAACyb,EAAOjf,KAAR,CAAqBpP,MAAOuV,OAAOnG,GAAQif,QAAOs3B,OAAQv2C,IAAU6oB,EAAQ3/B,OAAS,KAiCpFmN,SAAUu/C,IAGZQ,KAKJ,yBAAK1rD,UAAU,oBAEf,yBAAKA,UAAU,aACb,kBAAC68B,GAAA,EAAD,CACEtI,MAAO50B,EAAK,iBACZm9B,QAAS+rB,EACTl9C,SAAUw/C,IAEZ,kBAACtuB,GAAA,EAAD,CACEtI,MAAO50B,EAAK,gBACZm9B,QAASisB,EACTr9C,SAAUu9C,EACVt9C,SAAUy/C,IAEZ,kBAACvuB,GAAA,EAAD,CACEtI,MAAO50B,EAAK,YACZm9B,QAASmsB,EACTv9C,SAAUq9C,EACVp9C,SAAU0/C,IAEXpC,GACC,oCACE,wBAAIjpD,UAAU,kBAAd,YACA,yBACEsK,IAAKm+C,EACLzoD,UAAU,eACV+iD,iBAAe,EACfp3C,SAAW/J,GAAMwnD,EAAYxnD,EAAE8H,cAAcigD,aAE/C,yBAAK3pD,UAAU,QAAf,kGClVZ,IAAI8rD,GAEW,SAASC,GACtB7pD,EAAiB6E,EAA6BilD,EAJrB,KAMzB,MAAMC,EAAgBhlD,aAAO,GAE7BxF,YAAU,KACJqqD,KACFrmD,aAAaqmD,IACbA,QAAezqD,GAGba,IAAWiF,MACb2kD,GAAe5zD,OAAOiD,WAAW,KAC1B8wD,EAAcjkD,SACjBjB,KAEkB,EAAnBilD,KAEJ,CAAC9pD,EAAQ8pD,EAAkBjlD,IAqB9B,MAAO,CAnBkBrH,YAAY,KACnCusD,EAAcjkD,SAAU,GACvB,IAEsBtI,YAAY,KACnCusD,EAAcjkD,SAAU,EAEpB8jD,KACFrmD,aAAaqmD,IACbA,QAAezqD,GAGjByqD,GAAe5zD,OAAOiD,WAAW,KAC1B8wD,EAAcjkD,SACjBjB,KAEDilD,IACF,CAACA,EAAkBjlD,K,8BChBTP,mBAhBmB,EAAG85B,QAAO7oB,QAAOxX,cACjD,MAAM0kB,EAAcjlB,YAAY,KAC9BO,EAAQqgC,EAAM4rB,OAAQ5rB,EAAM3iC,KAC3B,CAAC2iC,EAAOrgC,IAEX,OACE,yBACED,UAAY,gBAAcyX,EAAQ,QAAU,IAC5CxX,QAAS0kB,EACTjL,MAAQ,IAAG4mB,EAAM6rB,MAAM,OAEtBC,IAAqB9rB,EAAM4rB,OAAS,yBAAKjvD,IAAM,iBAAgBqjC,EAAMvyB,YAAaqB,IAAI,GAAGi9C,QAAQ,YCmDzF7lD,mBAjDqB,EAClC8lD,WAAUh3C,QAAOi3C,YAAW5tB,sBAAqB91B,eAAco/C,oBAG/D,MAAM39C,EAAMrD,YAAuB,MAEnCulD,aAAeliD,EAAKq0B,GAEpB,MAAM,qBAAE51B,GAAyBE,YAAkBJ,OAAcxH,OAAWA,EAAW,QAEjF1B,EAAOC,cAEP6sD,EAAelqD,IACjB7I,KAAK2K,OAAOzN,IAAWC,MAAMH,MAzBF,GAyBhB,IA3BiB,EA6B1Be,EAAS,GAAAiC,KAAKgzD,KAAKJ,EAAStE,OAAOxpD,OAASiuD,GAElD,OACE,yBACEniD,IAAKA,EACLnK,IAAKmsD,EAAS3uD,GACdA,GAAK,kBAAiB2X,EACtBtV,UAAU,cAEV,uBAAGA,UAAU,mBAAmBL,EAAqB,WAAhB2sD,EAAS3uD,GAAkB,iBAAoB,QAAO2X,IAC3F,yBACEtV,UAAWyL,aAAe,uBAAwB1C,GAElDjO,MAAQ,WAAUrD,QAEjBoR,GAAgByjD,EAAStE,OAAOlvC,IAAKrC,IACpC,MAAM6pB,EAAQisB,EAAU91C,GAGlBk2C,EAAiB,OAAQrsB,EAAQA,EAAQA,EAAM,GAErD,OACE,kBAAC,GAAD,CACEngC,IAAKwsD,EAAehvD,GACpB2iC,MAAOqsB,EACP1sD,QAASgoD,U,OC1BvB,MAAM2E,GAA4C,CAChDC,OAAQ,cACRC,OAAQ,aACRC,OAAQ,eACRC,MAAO,YACPC,SAAU,aACVC,OAAQ,WACRC,QAAS,YACTC,QAAS,gBACTC,MAAO,aAUHC,GAAmC,GAEzC,IAAIC,GACAC,GACAC,GAoKWjnD,mBAAK/H,YACjBC,GAAuBY,YAAKZ,EAAQ,CAAC,iBADpBD,CAlK2B,EAC7CuB,YAAWioD,gBAAejC,mBAG1B,MAAM/c,EAAehiC,YAAuB,MAEtCymD,EAAYzmD,YAAuB,OAElC0mD,EAAYC,GAAiB1sD,eAC7B8mD,EAAQ6F,GAAa3sD,eACrB4sD,EAAqBC,GAA0B7sD,YAAS,IAEvD8gC,QAASrD,GAAwBuD,aAAwB,CAC/DC,QAAS8G,EACTqX,WAtB0B,KAuBxB0N,IACFA,EAAQlwB,QAASmwB,IACf,MAAM,GAAEtwD,GAAOswD,EAAMlkD,OACrB,IAAKpM,IAAOA,EAAGsV,WAAW,mBACxB,OAGF,MAAMqC,EAAQxL,OAAOnM,EAAGogB,QAAQ,kBAAmB,KACnDuvC,GAAsBh4C,GAAS24C,EAAMrvB,iBAGvC,MAAMsvB,EAA0BZ,GAC7Bx0C,IAAI,CAAC8lB,EAAgBtpB,KAAjB,CAA8BA,QAAOspB,oBACzCrnB,OAAO,EAAGqnB,oBAAqBA,GAE7BsvB,EAAwB1vD,QAI7BuvD,EAAuBG,EAAwBx0D,KAAK2K,MAAM6pD,EAAwB1vD,OAAS,IAAI8W,SAGjGoP,aAAoBgpC,GAAYnrD,KAGhCd,YAAU,KACR,IAAKksD,EACH,OAGF,MAAMl1C,EAASi1C,EAAU1lD,QACzB,IAAKyQ,EACH,OAGF,MAAM01C,EA3DkB,GA2DRL,EAA4Cr1C,EAAOuvB,YAAc,EAAIomB,GAErFC,aAA2B51C,EAAQ01C,IAClC,CAACR,EAAYG,IAEhB,MAAMnuD,EAAOC,cAEP0uD,EAAgBtsD,YAAQ,KAC5B,IAAK2rD,EACH,OAAOhmC,KAET,MAAM4mC,EAAkB,IAAIZ,GAS5B,OARI3H,GAAgBA,EAAaxnD,QAC/B+vD,EAAgBC,QAAQ,CACtB7wD,GAAI,SACJ8Y,KAAM9W,EAAK,kBACXqoD,OAAQhC,IAILuI,GACN,CAACZ,EAAYhuD,EAAMqmD,IAGtBvkD,YAAU,KACRtG,WAAW,KACT,MAAMszD,EAAO,KACXb,EAAcH,GAAUE,YAExBE,EAAUJ,GAAUzF,SAGlByF,GACFgB,IAoERnnB,iBACOimB,KACHA,GAAmB,kCACnBC,UAAsBD,IAAkBmB,QAExCjB,GAAYkB,aAAgBnB,KAG9B,OAAOD,GA1EDqB,GACGn2B,KAAKg2B,IAnGa,MAsGxB,IAEH,MAAMI,EAAiBnvD,YAAa4V,IAClCy4C,EAAuBz4C,GACvB,MAAMw5C,EAAat0D,SAASkB,eAAgB,kBAAiB4Z,GAC7DkwC,aAAiBvc,EAAajhC,QAAU8mD,EAAY,QAxGnC,GADU,MA0G1B,IAEGC,EAAoBrvD,YAAY,CAAC4gC,EAAe7pB,KACpDwxC,EAAc3nB,EAAO7pB,IACpB,CAACwxC,IAEEz+B,EAAoBC,aAAkB,GAAIulC,KAmBhD,MAAMC,EAAqBxjD,aAAe,cAAezL,GAEzD,OAAKgoD,GAAWx+B,EASd,yBAAKxpB,UAAWivD,GACd,yBAAK3kD,IAAKojD,EAAW1tD,UAAU,sBAC5BsuD,EAAcx1C,KA9BrB,SAA8BwzC,EAA6Bh3C,GACzD,MAAM1S,EAAOgqD,GAAkBN,EAAS3uD,IAExC,OAAOiF,GACL,kBAACT,EAAA,EAAD,CACEnC,UAAY,sBAAoBsV,IAAUw4C,EAAsB,YAAc,IAC9E1rD,OAAK,EACL8sD,OAAK,EACL7sD,MAAM,cACNpC,QAAS,IAAM4uD,EAAev5C,GAC9BhT,UAAWgqD,EAAS71C,MAEpB,uBAAGzW,UAAW4C,SAoBhB,yBAAK0H,IAAK2+B,EAAcjpC,UAAU,8CAC/BsuD,EAAcx1C,IAAI,CAACwzC,EAAU5uC,IAC5B,kBAAC,GAAD,CACE4uC,SAAUA,EACVh3C,MAAOoI,EACP6uC,UAAWvE,EACXrpB,oBAAqBA,EACrB91B,aAAcilD,GAAuBpwC,EAAI,GAAKowC,GAAuBpwC,EAAI,EACzEuqC,cAAe8G,OAnBrB,yBAAK/uD,UAAWivD,GACd,kBAAC71C,GAAA,EAAD,UCtKR,MACM+1C,GAAiB5sD,IAAmB,EAAI,GAsD/BiE,mBAnDkB,EAC/Bk4B,aACA0wB,cACA95C,QACAqpB,sBACA91B,eACAwmD,kBACAC,sBAGA,MAAMhlD,EAAMrD,YAAuB,MAEnCulD,aAAeliD,EAAKq0B,GAEpB,MAAM,qBAAE51B,GAAyBE,YAAkBJ,OAAcxH,OAAWA,EAAW,QAEjFkuD,EAAiBhtD,IACnB7I,KAAK2K,OAAOzN,IAAWC,MAAMH,MAnBF,IAmBuC84D,KAAsBL,KArB1D,EAuB5B13D,EAASiC,KAAKgzD,KAAKhuB,EAAWlF,MAAQ+1B,IAAmBC,KAAsBL,IAErF,OACE,yBACE7kD,IAAKA,EACLnK,IAAKu+B,EAAW/gC,GAChBA,GAAK,eAAc2X,EACnBtV,UAAU,cAEV,uBAAGA,UAAU,mBAAmB0+B,EAAWhlB,OAC3C,yBACE1Z,UAAWyL,aAAe,uBAAwB1C,GAElDjO,MAAQ,WAAUrD,QAEjBoR,GAAgB61B,EAAW+B,UAAY/B,EAAW+B,SAAS3nB,IAAKumB,GAC/D,kBAAC,GAAD,CACEl/B,IAAKk/B,EAAQ1hC,GACb0hC,QAASA,EACT5lC,KAAM+1D,KACN7wB,oBAAqBA,EACrBW,WAAY8vB,EACZnvD,QAASovD,EACTrmC,SAAUqW,EACVE,cAAiC,aAAlBb,EAAW/gC,GAAoB2xD,OAAkBjuD,S,OCrB5E,MAIMouD,GAAqC,GAgO5BjpD,mBAAK/H,YACjBC,IACC,MAAM,SACJuiC,EADI,MAEJH,EAFI,OAGJ+rB,EAHI,SAIJ6C,GACEhxD,EAAO+hC,SAEX,MAAO,CACLkvB,eAAgB9C,EAAOpsB,SACvBmvB,iBAAkBF,EAASjvB,SAC3BO,gBAAiBC,EACjB4uB,YAAa/uB,EAAMC,OACnBlB,WAAYnhC,EAAOkR,SAASC,MAAM8xB,qBAGtC,CAACviC,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,kBACA,qBACA,uBACA,oBACA,mBACA,kBAvBgBZ,CA9N6C,EAC/DuB,YACAovD,cACAU,kBACAH,iBACAC,mBACAC,cACA7uB,kBACAnB,aACAwvB,kBACAxtB,kBACAkuB,qBACAC,uBACAluB,oBACAmuB,mBACAjS,oBAGA,MAAM/U,EAAehiC,YAAuB,MAEtCymD,EAAYzmD,YAAuB,OAClCipD,EAAgBC,GAAqBjvD,YAAiB,IAErD8gC,QAASrD,GAAwBuD,aAAwB,CAC/DC,QAAS8G,EACTqX,WA7BkC,KA8BhC0N,IACFA,EAAQlwB,QAASmwB,IACf,MAAM,GAAEtwD,GAAOswD,EAAMlkD,OACrB,IAAKpM,IAAOA,EAAGsV,WAAW,gBACxB,OAGF,MAAMqC,EAAQxL,OAAOnM,EAAGogB,QAAQ,eAAgB,KAChD0xC,GAAwBn6C,GAAS24C,EAAMrvB,iBAGzC,MAAMsvB,EAA0BuB,GAC7B32C,IAAI,CAAC8lB,EAAgBtpB,KAAjB,CAA8BA,QAAOspB,oBACzCrnB,OAAO,EAAGqnB,oBAAqBA,GAE7BsvB,EAAwB1vD,QAI7B2xD,EAAkBjC,EAAwBx0D,KAAK2K,MAAM6pD,EAAwB1vD,OAAS,IAAI8W,UAEpF0sB,QAASC,GAAiCC,aAAwB,CAAEC,QAASurB,IAE/E/tD,EAAOC,cAEPwwD,EAAiBh5D,QAAQy4D,GAEzBQ,EAAUruD,YAAQ,IACjB6tD,EAIE,CACL,CACElyD,GAAI,SACJ+b,MAAO/Z,EAAK,kBACZ8gC,SAAUkvB,EACVn2B,MAAOm2B,EAAenxD,QAExB,CACEb,GAAI,WACJ+b,MAAO/Z,EAAK,oBACZ8gC,SAAUmvB,EACVp2B,MAAOo2B,EAAiBpxD,WAEvBqxD,EAAY/2C,IAAKnb,GAAOqjC,EAAgBrjC,IAAK4Z,OAAOngB,UAhBhDuwB,KAkBR,CAACkoC,EAAalwD,EAAMgwD,EAAgBC,EAAkB5uB,IAEnDsvB,EAAkBtuD,YAAQ,IAC9BouD,GAC2E,IAAxEC,EAAQ94C,OAAQg5C,GAAQA,EAAI9vB,UAAY8vB,EAAI9vB,SAASjiC,QAAQA,OAC/D,CAAC6xD,EAASD,IAEb3uD,YAAU,KACJ2tD,IACFvtB,IACAkuB,IACAC,MAED,CAACZ,EAAaY,EAAsBD,EAAoBluB,IAE3DpgC,YAAU,KACJouD,GAAeA,EAAYrxD,QAC7BsjC,KAED,CAAC+tB,EAAa/tB,IAEjBpd,aAAoBgpC,GAGpBjsD,YAAU,KACR,IAAK2uD,EACH,OAGF,MAAM33C,EAASi1C,EAAU1lD,QACzB,IAAKyQ,EACH,OAGF,MAAM01C,EAhHkB,GAgHR+B,GAAwCz3C,EAAOuvB,YAAc,EAAIomB,IAEjFC,aAA2B51C,EAAQ01C,IAClC,CAACiC,EAAgBF,IAEpB,MAAMjQ,EAAmBvgD,YAAa4V,IACpC66C,EAAkB76C,GAClB,MAAMk7C,EAAeh2D,SAASkB,eAAgB,eAAc4Z,GAC5DkwC,aAAiBvc,EAAajhC,QAAUwoD,EAAc,aAASnvD,EAzHpC,MA0H1B,IAEGovD,EAAsB/wD,YAAa2/B,IACvCgwB,EAAgBhwB,GAChB4wB,EAAiB,CAAE5wB,aAClB,CAAC4wB,EAAkBZ,IAEhBqB,EAAsBhxD,YAAa2/B,IACvC2e,EAAc,CAAE3e,aACf,CAAC2e,IAEEx0B,EAAoBC,aAAkB,GAAIC,MAqDhD,MAAM2W,EAAgB50B,aAAe,gBAAiBzL,GAEtD,OAAKowD,GAAmB5mC,IAAqB8mC,GAAoBR,EAe/D,yBAAK9vD,UAAWqgC,GACd,yBACE/1B,IAAKojD,EACL1tD,UAAU,kDAETqwD,EAAQv3C,KAzEf,SAAqB4lB,EAAgCppB,GACnD,MAAMorB,EAAehC,EAAW+B,UAAY/B,EAAW+B,SAAS,GAC1D7M,EAAkBnoB,aACtB,uCACA6J,IAAU46C,GAAkB,aAG9B,MAAsB,WAAlBxxB,EAAW/gC,IAAqC,aAAlB+gC,EAAW/gC,IAAqB+gC,EAAWU,eAAiBsB,EAE1F,kBAACv+B,EAAA,EAAD,CACEhC,IAAKu+B,EAAW/gC,GAChBqC,UAAW4zB,EACXtxB,UAAWo8B,EAAWhlB,MACtBtX,OAAK,EACL8sD,MAAyB,WAAlBxwB,EAAW/gC,IAAqC,aAAlB+gC,EAAW/gC,GAChD0E,MAAM,cACNpC,QAAS,IAAMggD,EAAiB3qC,IAEb,WAAlBopB,EAAW/gC,GACV,uBAAGqC,UAAU,gBACO,aAAlB0+B,EAAW/gC,GACb,uBAAGqC,UAAU,kBACX0+B,EAAWoB,WACb,kBAAC,GAAD,CACEpB,WAAYA,EACZC,oBAAqBsD,IAGvB,kBAAC,GAAD,CACEvD,WAAYA,EACZC,oBAAqBsD,KAO3B,kBAAC,GAAD,CACE9hC,IAAKu+B,EAAW/gC,GAChB0hC,QAASqB,EACTjnC,KAAMglC,KACN/kB,MAAOglB,EAAWhlB,MAClB1Z,UAAW4zB,EACX+K,oBAAqBsD,EACrBhiC,QAASggD,EACTj3B,SAAU1T,QA8Bd,yBAAKhL,IAAK2+B,EAAcjpC,UAAU,mCAC/BqwD,EAAQv3C,IAAI,CAAC4lB,EAAYhhB,IACxB,kBAAC,GAAD,CACEvd,IAAKu+B,EAAW/gC,GAChB+gC,WAAYA,EACZ0wB,YAAah4D,QAAQyoC,GAAcuvB,GACnC95C,MAAOoI,EACPihB,oBAAqBA,EACrB91B,aAAcqnD,GAAkBxyC,EAAI,GAAKwyC,GAAkBxyC,EAAI,EAC/D2xC,gBAAiBoB,EACjBnB,gBAAiBoB,OA9BvB,yBAAK1wD,UAAWqgC,GACZyvB,EAEEQ,EACF,yBAAKtwD,UAAU,mBAAf,+BAEA,kBAACoZ,GAAA,EAAD,MAJA,yBAAKpZ,UAAU,mBAAf,qD,wNC3IKwG,mBA7EiB,EAC9BmqD,MAAKhyB,sBAAqB4hB,aAAYtgD,cAGtC,MAAMqK,EAAMrD,YAAuB,MAE7BD,EAAWC,YAAyB,MAEpCm4B,EAAeuxB,EAAIjxB,aAAeixB,EAAIjxB,UAAUC,QAChDH,EAAkB,MAAKmxB,EAAIhzD,GAE3ByxD,EADiBvwB,aAAkBv0B,EAAKq0B,KACP4hB,EACjC3gB,EAAiBhtB,YAAY4sB,EAAF,WAA4B4vB,EAAav8C,iBAAeC,SACnF8yB,EAAWC,aAAc8qB,EAAIjxB,WAAaixB,EAAIjxB,UAAUC,QAASvoC,QAAQwoC,IACzEgxB,EAAYh+C,YAAS4sB,GAAiB4vB,EAAav8C,iBAAeC,SAClE+9C,EAAoBz5D,QAAQg4D,GAAewB,IAC3C,qBAAE7nD,GAAyBm2B,aAAsBE,GAAgBQ,GAAkBgxB,EAAW,SAC9F,WAAEloD,EAAF,kBAAcC,GAAsBC,aAAa,GACjDE,EAAsBsmD,IAAgB1mD,EAE5CY,YAAgBtC,EAAU,CAAC6pD,IAE3B,MAAMlsC,EAAcjlB,YAClB,IAAMO,EAAQ,IACT0wD,EACH1hD,QAAS2hD,IAEX,CAAC3wD,EAAS0wD,EAAKC,IAGX5wD,EAAYyL,aAChB,YACAklD,EAAIj6D,OAASi6D,EAAIl5D,QAAUk5D,EAAIj6D,MAAQi6D,EAAIl5D,OAAS,WAAa,aACjEsR,EACAy2B,GAGF,OACE,yBACEl1B,IAAKA,EACLtK,UAAWA,EACXC,QAAS0kB,GAERya,GACC,4BACE90B,IAAKs7B,EACL5lC,UAAU,eAGZo/B,GAAgBQ,GAChB,yBACE3iC,IAAK2iC,EACLxwB,IAAI,GACJpP,UAAU,eAGZ6wD,GAAqBjxB,IACrB,8BACEt1B,IAAKtD,EACLuD,UAAQ,EACRE,MAAI,EACJC,OAAK,EACLF,aAAW,EACXsmD,QAAQ,QAEJnoD,GAEJ,4BAAQ1L,IAAK2zD,KAGhB9nD,GACC,kBAACwG,EAAA,EAAD,CAASjN,MAAOu9B,GAAkBR,EAAe,QAAU,a,OChBpD54B,mBAAK/H,YACjBC,IACQ,CACLqyD,UAAWryD,EAAOsyD,KAAKC,MAAMD,OAGjC,CAAC5xD,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,kBANpCZ,CA9CyC,EAC3DuB,YACAovD,cACA8B,cACAH,YACAI,cACAC,oBAGA,MAAMnoB,EAAehiC,YAAuB,OAG1C+6B,QAASrD,GACPuD,aAAwB,CAAEC,QAAS8G,EAAcooB,WAfzB,MAiB5B5vD,YAAU,KACJ2tD,GACFgC,KAED,CAAChC,EAAagC,IAEjB,MAAM5nC,EAAoBC,aAAkB,GAAIC,MAEhD,OACE,yBAAKpf,IAAK2+B,EAAcjpC,UAAWyL,aAAe,yBAA0BzL,IACxEkxD,EAEE1nC,GAAqBunC,GAAaA,EAAUvyD,OAC9CuyD,EAAUj4C,IAAK63C,GACb,kBAAC,GAAD,CACExwD,IAAKwwD,EAAIhzD,GACTgzD,IAAKA,EACLhyB,oBAAqBA,EACrB4hB,YAAa6O,EACbnvD,QAASkxD,KAGX3nC,GAAqBunC,EACvB,yBAAK/wD,UAAU,mBAAf,kBAEA,kBAACoZ,GAAA,EAAD,MAdA,yBAAKpZ,UAAU,mBAAf,iDCjDD,IAAKsxD,I,SAAAA,O,iBAAAA,I,uBAAAA,I,gBAAAA,Q,KAQL,MAAMC,GAAyBtzD,OAAOowB,OAAOijC,IACjD/5C,OAAQrR,GAA4C,iBAAVA,GAEvCsrD,GAAwB,CAC5B,CAACF,GAAeG,OAAQ,aACxB,CAACH,GAAeI,UAAW,gBAC3B,CAACJ,GAAeK,MAAO,aAgEVnrD,mBA7DwB,EACrC0lB,YAAWS,cAAailC,iBAAgBC,mBAExC,SAASC,EAAgBxlC,GACvB,OACE,kBAACnqB,EAAA,EAAD,CACEnC,UAAY,sBAAoBksB,IAAcI,EAAM,YAAc,IAClErsB,QAAS,IAAM0sB,EAAYL,GAC3BhqB,UAAWivD,GAAuBjlC,GAClClqB,OAAK,EACL8sD,OAAK,EACL7sD,MAAM,eAEN,uBAAGrC,UAAWwxD,GAAsBllC,MAK1C,MAAMylC,EAAmBryD,YAAY,KACnCmyD,EAAa3lC,IAAcolC,GAAeI,SAAW,WAAa,SACjE,CAACxlC,EAAW2lC,IAMf,OACE,yBAAK7xD,UAAU,oBAAoBC,QALrC,SAAyB07B,GACvBA,EAAM95B,oBAKHqqB,IAAcolC,GAAeG,OAC5B,kBAACtvD,EAAA,EAAD,CACEnC,UAAU,uBACVsC,UAAW4pB,IAAcolC,GAAeI,SAAW,kBAAoB,cACvEtvD,OAAK,EACL8sD,OAAK,EACL7sD,MAAM,cACNpC,QAAS8xD,GAET,uBAAG/xD,UAAU,iBAIhB8xD,EAAgBR,GAAeG,OAC/BK,EAAgBR,GAAeI,UAC/BI,EAAgBR,GAAeK,MAE/BzlC,IAAcolC,GAAeG,OAC5B,kBAACtvD,EAAA,EAAD,CACEnC,UAAU,uBACVC,QAAS2xD,EACTtvD,UAAU,gBACVF,OAAK,EACL8sD,OAAK,EACL7sD,MAAM,eAEN,uBAAGrC,UAAU,yB,OC1CvB,IAAIgyD,IAAc,EAkLHxrD,mBAhLkB,EAC/BtE,SAAQ+vD,2BACR/4B,SAAQnyB,UACRkhD,gBAAeoH,kBAAiB8B,cAChCS,iBAAgBC,eAAc3L,qBAE9B,MAAOh6B,EAAWC,GAAgBjrB,YAAiB,IAC5C8kD,EAAckM,GAAmBhxD,YAAmB,KAEpDixD,EAAkBC,GAAoBrG,GAAe7pD,EAAQ6E,IAC9D,aAAE8B,EAAF,qBAAgBE,GAAyBE,YAAkB/G,EAAQ6E,GAAS,GAAO,IAEpFirD,IAAe9vD,IAClB8vD,IAAc,GAGhBvwD,YAAU,KACRy3B,KACC,CAACA,IAEJtxB,YAAgB,KACd,GAAKrF,IASL,OALIL,IACF1H,SAASC,KAAKC,UAAUC,IAAI,iCAC5BH,SAASC,KAAKC,UAAUC,IAAI,wBAGvB,KACDuH,GACFmwD,YAAQ,KACN73D,SAASC,KAAKC,UAAUO,OAAO,uBAC/BE,WAAW,KACTX,SAASC,KAAKC,UAAUO,OAAO,kCApDhB,SAyDtB,CAACiH,IAEJ,MAAMowD,EAAkBrrD,YAAO++C,GAC/BsM,EAAgBtqD,QAAUg+C,EAC1BvkD,YAAU,KACH6wD,EAAgBtqD,QAAQxJ,SAI7B8zD,EAAgBtqD,QAAQ81B,QAASrnB,IAC/ByvC,EAAe,CAAE5lB,MAAO7pB,MAG1By7C,EAAgB,MACf,CAAChwD,EAAQgqB,EAAWg6B,IAEvB,MAAM6I,EAAoBrvD,YAAY,CAAC4gC,EAAe7pB,KACpDy7C,EAAiBlK,GACR,IAAIA,EAAQvxC,IAGrBwxC,EAAc3nB,IACb,CAAC2nB,IAEEtG,EAAejiD,YAAasG,IAChCe,IACA8qD,EAAa7rD,IACZ,CAACe,EAAS8qD,IAEPlyD,EAAOC,eAEP,gBAAEkwD,EAAF,YAAmBoB,GAAgBe,EAEzC,SAASM,EAAcp8C,EAAmBq8C,GACxC,OAAQtmC,GACN,KAAKolC,GAAeG,MAClB,OACE,kBAAC,GAAD,CACEzxD,UAAU,aACVioD,cAAe8G,IAGrB,KAAKuC,GAAeI,SAClB,OACE,kBAAC,GAAD,CACE1xD,UAAU,aACVovD,cAAaU,IAAkB5tD,IAAWiU,GAAYq8C,IACtD1C,gBAAiBA,EACjBT,gBAAiBA,IAGvB,KAAKiC,GAAeK,KAClB,OACE,kBAAC,GAAD,CACE3xD,UAAU,aACVovD,cAAa8B,IAAchvD,IAAWiU,GAAYq8C,IAClDtB,YAAaA,EACbC,YAAaA,KAYvB,MAAM5kC,EACJ,oCACE,yBAAKvsB,UAAU,kBAAkBC,QANrC,SAAyB07B,GACvBA,EAAM95B,oBAMDmwD,IACC,kBAACz7C,EAAA,EAAD,CAAYE,KAAK,QAAQD,UAAW0V,EAAWU,YAAa2kC,GAAuB/yD,QAChF+zD,IAINhwD,KACC,kBAACJ,EAAA,EAAD,CACEC,OAAK,EACL8sD,OAAK,EACL7sD,MAAM,cACNC,UAAW3C,EAAK,SAChBK,UAAU,sBACVvG,KAAK,OACLwG,QAAS8G,GAET,uBAAG/G,UAAU,gBAGjB,kBAAC,GAAD,CACEksB,UAAWA,EACXS,YAAaR,EACbylC,eAAgBA,EAChBC,aAAclQ,KAKpB,GAAIp/C,IAAkB,CACpB,IAAKsG,EACH,OAGF,MAAM7I,EAAYyL,aAChB,yBACA1C,GAGF,OACE,kBAAC84C,GAAA,EAAD,KACE,yBAAK7hD,UAAWA,GACbusB,IAMT,OACE,kBAACmxB,GAAA,EAAD,CACEx7C,OAAQA,EACRQ,UAAU,OACV86C,UAAU,SACVz2C,QAASA,EACT/G,UAAU,aACVs8C,oBAAqBv1C,EACrB0rD,aAAetrD,SAAkC9F,EAAnB8wD,EAC9BO,aAAevrD,SAAkC9F,EAAnB+wD,EAC9BO,mBAAoBxrD,KAEnBolB,K,OClIQ/lB,mBA7DkB,EAC/BtE,SAAQ+vD,2BAA0BW,eAAcC,eAAc9rD,cAE9D,MAAOorD,EAAkBC,GAAoBrG,GAAe7pD,EAAQ6E,GAE9D8/B,EAAmBnnC,YAAY,CAACkC,EAAU2lD,KAC9C,MAAM,MAAEzgB,GAAUllC,EAAEmI,OAEhB+8B,GAASA,EAAMtoC,OAAS,GAC1Bo0D,EAAajQ,MAAMC,KAAK9b,GAAQygB,IAEjC,CAACqL,IAEEE,EAAoBpzD,YAAY,KACpCikC,GACEovB,IACCnxD,GAAMilC,EAAiBjlC,GAAG,KAE5B,CAACilC,IAEEmsB,EAAuBtzD,YAAY,KACvCikC,GAAsB,IAAM/hC,GAAMilC,EAAiBjlC,GAAG,KACrD,CAACilC,IAEElnC,EAAOC,eAEP,eAAEqzD,EAAF,eAAkBC,GAAmBjB,EAE3C,OACE,kBAACvU,GAAA,EAAD,CACEx7C,OAAQA,EACRixD,WAAS,EACTzwD,UAAU,QACV86C,UAAU,SACVz2C,QAASA,EACT/G,UAAU,mBACVs8C,oBAAqBv1C,EACrB0rD,aAAetrD,SAAkC9F,EAAnB8wD,EAC9BO,aAAevrD,SAAkC9F,EAAnB+wD,EAC9BO,mBAAoBxrD,MAMlB8rD,GACA,kBAACtwD,EAAA,EAAD,CAAU3C,UAAU,iBAAiB0L,UAAQ,GAA7C,uDAEDunD,GACC,oCACE,kBAACtwD,EAAA,EAAD,CAAUC,KAAK,QAAQ3C,QAAS6yD,GAAoBnzD,EAAK,gCACzD,kBAACgD,EAAA,EAAD,CAAUC,KAAK,WAAW3C,QAAS+yD,GAAnC,aAGHE,GACC,kBAACvwD,EAAA,EAAD,CAAUC,KAAK,OAAO3C,QAAS4yD,GAAelzD,EAAK,Y,OCe5C6G,mBAAK/H,YACjBC,IACC,MAAM,SAAE+hC,GAAa/hC,EAAO+hC,SAAS2yB,SAErC,MAAO,CAAE3yB,aAEX,CAACrhC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,0BANpCZ,CAzD8C,EAChEyD,SACAmtD,kBACA5uB,WACA4yB,4BAGA,MAAMpqB,EAAehiC,YAAuB,OACtC,aAAE4B,EAAF,qBAAgBE,GAAyBE,YAAkB/G,OAAQb,OAAWA,GAAW,GACzFiyD,EAAepoD,YAAYu1B,GAAU,GACrC8yB,EAAoB9yB,GAAY6yB,GAGpCtxB,QAASrD,GACPuD,aAAwB,CAAEC,QAAS8G,EAAcqX,WAhBzB,MAkB5B7+C,YAAU,IAAOS,EAAS+S,YAAsBo+C,QAAyBhyD,EAAY,CAACa,EAAQmxD,IAE9F,MAQMrzD,EAAYyL,aAChB,gDACA1C,IACEwqD,GAAqBA,EAAkB/0D,SAAW,UAGtD,OACE,yBACE8L,IAAK2+B,EACLjpC,UAAWA,EACXyyD,aAAetrD,SAAkC9F,EAlB5B,KACvB7G,SAASC,KAAKC,UAAUC,IAAI,cAkB1B+3D,aAAevrD,SAAkC9F,EAf5B,KACvB7G,SAASC,KAAKC,UAAUO,OAAO,eAgB5B4N,GAAgB0qD,EACfA,EAAkBz6C,IAAKumB,GACrB,kBAAC,GAAD,CACEl/B,IAAKk/B,EAAQ1hC,GACb0hC,QAASA,EACT5lC,KAAM+1D,KACN7wB,oBAAqBA,EACrB1+B,QAASovD,EACTrmC,SAAUqW,KAGZx2B,EACF,kBAACuQ,GAAA,EAAD,WACE/X,M,OClBKmF,mBAAK/H,YAClB,CAACC,GAAUE,gBACT,MAAM,OAAED,GAAWygB,YAAyB1gB,IAAW,GACvD,OAAKC,EAIE,CAAErI,QAAS4I,YAAkBR,EAAQC,EAAQC,IAH3C,IAKX,CAACQ,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,sBAVgBZ,CAzC+C,EACjEyD,SAAQ5L,UAASyQ,UAASysD,wBAE1B,MAAOrB,EAAkBC,GAAoBrG,GAAe7pD,EAAQ6E,GAEpE,GAAKzQ,GAAYA,EAAQm9D,gBAIzB,OACE,kBAAC/V,GAAA,EAAD,CACEx7C,OAAQA,EACRixD,WAAS,EACTzwD,UAAU,QACV86C,UAAU,SACVz2C,QAASA,EACT/G,UAAU,eACVs8C,oBAAqBv1C,EACrB0rD,aAAetrD,SAAkC9F,EAAnB8wD,EAC9BO,aAAevrD,SAAkC9F,EAAnB+wD,EAC9BO,mBAAoBxrD,KAEpB,yBAAKnH,UAAU,WACZ1J,EAAQm9D,gBAAgB36C,IAAK46C,GAC5B,yBAAK1zD,UAAU,OACZ0zD,EAAI56C,IAAK66C,GACR,kBAACxxD,EAAA,EAAD,CACEiE,QAAM,EACNsF,SAA0B,kBAAhBioD,EAAO3tD,KACjB/F,QAAS,IAAMuzD,EAAkB,CAAEG,YAElCA,EAAOzwD,c,OCdTsD,mBA1BsB,EACnCtE,SAAQ0xD,eAAcC,iBAAgB9sD,UAASu1C,0BAE/C,MAAO6V,EAAkBC,GAAoBrG,GAAe7pD,EAAQ6E,GAE9DpH,EAAOC,cAEb,OACE,kBAAC89C,GAAA,EAAD,CACEx7C,OAAQA,EACRixD,WAAS,EACTzwD,UAAU,QACV86C,UAAU,SACVx9C,UAAU,iBACV+G,QAASA,EACTu1C,oBAAqBA,EACrBmW,aAAetrD,SAAkC9F,EAAnB8wD,EAC9BO,aAAevrD,SAAkC9F,EAAnB+wD,EAC9BO,mBAAoBxrD,KAEnBysD,GAAgB,kBAACjxD,EAAA,EAAD,CAAUC,KAAK,OAAO3C,QAAS2zD,GAAej0D,EAAK,qBACnEk0D,GAAkB,kBAAClxD,EAAA,EAAD,CAAUC,KAAK,WAAW3C,QAAS4zD,GAAiBl0D,EAAK,uB,qCC+GnE6G,mBA3FoB,EACjCtE,SACA8lD,SACAjhD,UACAkhD,gBACA/B,qBAGA,MAAMjd,EAAehiC,YAAuB,OACtC,aAAE4B,EAAF,qBAAgBE,GAAyBE,YAAkB/G,OAAQb,OAAWA,GAAW,GACzFyyD,EAAsBC,aAAuB/L,EAAOxpD,OAASwpD,OAAS3mD,EAZvD,MAYqF,IAEnG2yD,EAAeC,GAAoB/yD,aAAU,GAEpDO,YAAU,KACRwyD,EAAiB,IAChB,CAACjM,IAEJvmD,YAAU,MAxDZ,SAAwB6T,EAAe2zB,GACrC,MAAMztC,EAAYytC,EAAajhC,QAC/B,IAAKxM,EACH,OAGF,MAAM,eAAE0oD,EAAF,YAAkBD,GAAgBR,GACtCjoD,EACA,eAXoB,GAapB,GACA,GACA,GAGF,IAAKyoD,EAAYzlD,SAAWylD,EAAY3uC,GACtC,OAEF,MAAMgwC,EAAQpB,EAAe,GAC7B,IAAKA,EAAe7qD,SAASic,IACvBA,IAAUgwC,IAAUhB,GAAe9oD,EAAWyoD,EAAYqB,IAAQ,GAAQ,CAC9E,MACM6I,EAAuB,WADZ74C,EAAQ4uC,EAAeA,EAAe1lD,OAAS,GAAK,QAAU,OAvBxD,GAwBgB8W,EAA6B,EAEpE+4C,aAA2B7yD,EAAW2yD,IAiCtC1I,CAAeuO,EAAe/qB,IAC7B,CAAC+qB,IAEJ,MAAMvP,EAAmB/kD,YAAaglD,IACpC,IAAKsD,EAAOxpD,OACV,OAAQ,EAGV,MAAM01D,EAAclM,EAAOxpD,OAC3B,OAAOmmD,aAAcuP,EAAaxP,IACjC,CAACsD,IAGElD,EAAiBplD,YAAY,CAACwG,EAAetE,KACjDA,EAAE4M,iBACFylD,EAAkB3+C,GAAWmvC,EAAiBnvC,EAAQpP,KACrD,CAAC+tD,EAAkBxP,IAEhB0P,EAAoBz0D,YAAakC,IACrC,GAAIomD,EAAOxpD,QAAUw1D,GAAiB,EAAG,CACvC,MAAM1zB,EAAQ0nB,EAAOgM,GACjB1zB,IACF1+B,EAAE4M,iBACFy5C,EAAc3nB,EAAM4rB,QACpBhG,EAAe,CAAE5lB,MAAOA,EAAM3iC,QAGjC,CAACuoD,EAAgB8B,EAAQC,EAAe+L,IAE3CvyD,YAAU,IAAOS,EAASsgB,aAAyB,CACjDG,MAAO5b,EACPqtD,OAASxyD,GAAqBkjD,GAAgB,EAAGljD,GACjDyyD,QAAUzyD,GAAqBkjD,EAAe,EAAGljD,GACjDye,QAAS8zC,SACN9yD,EAAY,CAACyjD,EAAgBqP,EAAmBjyD,EAAQ6E,IAE7D,MAQM/G,EAAYyL,aAChB,gDACA1C,GAGF,OACE,yBACEuB,IAAK2+B,EACLjpC,UAAWA,EACXyyD,aAAetrD,SAAkC9F,EAjB5B,KACvB7G,SAASC,KAAKC,UAAUC,IAAI,cAiB1B+3D,aAAevrD,SAAkC9F,EAd5B,KACvB7G,SAASC,KAAKC,UAAUO,OAAO,eAe5B4N,GAAgBirD,EACfA,EAAWh7C,IAAI,CAACwnB,EAAOhrB,IACrB,kBAAC,GAAD,CACEnV,IAAKmgC,EAAM3iC,GACX2iC,MAAOA,EACP7oB,MAAOu8C,IAAkB1+C,EACzBrV,QAASgoD,KAGXp/C,EACF,kBAACuQ,GAAA,EAAD,WACE/X,K,iBCHKmF,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,GAC1B21D,EAAel0D,GAAQgQ,YAAmB1R,EAAQ0B,EAAKzC,IAC7D,IAAKyC,IAASk0D,EACZ,MAAO,GAGT,MAAM,MAAE9sC,EAAF,QAASu6B,GAAYC,YAAwBtjD,IAAW,IACxD,WAAE0uC,EAAF,SAAc38B,GAAasxC,GAAW,GAE5C,MAAO,CACL3hD,OACAk0D,eACA9sC,QACA4lB,aACA38B,aAGJ,CAAC/R,EAAQW,IAA2BC,YAAKD,EAAS,CAAC,0BAA2B,iBAnB5DZ,CA3F2C,EAC7DE,SACA4Q,WACAnP,OACAk0D,eACA9sC,QACA4lB,aACA38B,WACAyxC,0BACA1iD,mBAEA,MAAMG,EAAOC,cAEP20D,EAAevyD,YAAQ,KAC3B,KAAKwlB,GAAU/W,GAAaA,EAASjS,QAAW81D,GAC9C,OAAO3sC,KAGT,MAAMo6B,EAAUtxC,EAASqI,IAAKnb,IAC5B,MAAMrH,EAAUg+D,EAAa32D,GAC7B,IAAKrH,EACH,OAGF,MAAMk+D,EAAal+D,EAAQwZ,SAAW9Q,aAAWy1D,cAAan+D,EAAQwZ,eAAYzO,EAElF,IAAIqzD,EACJ,GAAIt0D,GAAQsgB,aAActgB,GACxBs0D,EAAat0D,OACR,GAAI9J,EAAQq+D,YAAa,CAC9B,MAAM,cAAEC,EAAF,WAAiB5/C,GAAe1e,EAAQq+D,YAC9CD,EAAaE,GAAiB5/C,EAAa/V,YAAWw1D,cAAaz/C,QAAc3T,OAEjFqzD,EAAap+D,EAAQwZ,SAAW7Q,YAAWw1D,cAAan+D,EAAQwZ,eAAYzO,EAG9E,MAAO,CACL/K,UACAk+D,aACAE,aACAz0D,QAAS,IAAMT,EAAa,CAAEb,SAAQ4Q,WAAU3Q,UAAWjB,OAE5D4Z,OAAOngB,SAEV,OAAOy9D,YAAQ9S,EAAS,EAAGzrD,aAAcA,EAAQkK,KAAM,SACtD,CAAC7B,EAAQ4Q,EAAU/P,EAAciR,EAAUrQ,EAAMk0D,EAAc9sC,IAwBlE,OACE,kBAAC9O,GAAA,EAAD,CACE1Y,UAAU,4BACV2Y,MAAO47C,EACPO,iBAAkB,EAClBl8C,WAAYspC,EACZv5B,YAAU,GAEV,uBAAG3oB,UAAU,eACTwnB,EAEiB,IAAf4lB,EACF,mBAEImnB,EAAa/1D,SAAW4uC,GAAcmnB,EAAa/1D,SAAY,MAAlE,kBAJD,mBAOH+1D,EAAaz7C,IAvCS,EACzBxiB,UAASk+D,aAAYE,aAAYz0D,cAEjC,MAAMyZ,EAAQg7C,EAAa18C,YAAa08C,GAAc5sC,YAAgB0sC,GAChEtxD,EAAOqiB,YAAsB5lB,EAAMrJ,GAEzC,OACE,kBAACyiB,GAAA,EAAD,CAAU/Y,UAAU,gDAAgDC,QAASA,GAC3E,kBAACC,EAAA,EAAD,CAAQE,KAAMs0D,EAAYr0D,KAAMm0D,IAChC,yBAAKx0D,UAAU,QACb,yBAAKA,UAAU,SACb,4BAAK0Z,GAASpZ,YAAWoZ,IACzB,kBAACq7C,GAAA,EAAD,CAAiBz+D,QAASA,KAE5B,yBAAK0J,UAAU,YACZM,YAAW4C,EAAM,CAAC,QAAS,aAAc,CAAEsiB,UAAWgC,a,UCKpDhhB,mBAAK/H,YAClB,CAACC,GAAUwhD,mBACF,CACLqQ,IAAKtQ,aAAiBvhD,EAAQwhD,GAC9BrgB,WAAYm1B,aAAyBt2D,KAGzC,CAACU,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,eAAgB,qBAPpDZ,CAlFgD,EAClEyhD,eAAcvhB,sBAAqB4xB,MAAK1wB,aAAYsgB,eAAcC,mBAAkB6U,kBAAiBC,oBAErG,MAAMv1D,EAAOC,cACPu1D,EAAU5E,GAAOn5D,QAAQm5D,EAAIntB,eAC7BgyB,EAAoBh+D,QAAQm5D,GAAOA,EAAI9vB,WAEtC2B,EAAaC,EAAWC,GAAc/f,eAE7C8yC,aAAY,KACVH,EAAc9yB,IACb,CAACA,EAAa8yB,IAEjB,MAAM3B,EAAoBvxD,YAAQ,KAChC,IAAKuuD,EACH,MAAO,GAGT,MAAM+E,GAAmB/E,EAAIgF,QAAU,IAAIz8C,IAAI,EAAGnb,QAASA,GACrD63D,EAAgBjF,EAAI9vB,SAAW8vB,EAAI9vB,SAASlpB,OAAO,EAAG5Z,SAAU23D,EAAgBj8D,SAASsE,IAAO,GAEtG,MAAO,IAAI4yD,EAAIgF,QAAU,MAAOC,GAAe5pC,MAAM,EAvB7B,IAwBvB,CAAC2kC,IAEJ9uD,YAAU,MAEH2zD,GAAqB7B,EAAkB/0D,OA5BpB,GA6BtB2hD,EAAa,CAAED,kBAEhB,CAACkV,EAAmB7B,EAAkB/0D,OAAQ2hD,EAAcD,IAE/D,MAAMuV,EAAiB/1D,YAAY,KACjC0gD,EAAiB,CAAEF,kBAClB,CAACE,EAAkBF,IAEtB,IAAKqQ,EACH,OAGF,MAAMmF,EAAoBnC,EAAkB/0D,OAAS,EAErD,OACE,yBAAK2B,IAAKowD,EAAI5yD,GAAIqC,UAAU,eAC1B,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,iBACb,wBAAIA,UAAU,SAASuwD,EAAI72C,OAC3B,uBAAG1Z,UAAU,SAASL,EAAK,WAAY4wD,EAAI/2B,MAAO,OAEpD,kBAACr3B,EAAA,EAAD,CACEnC,UAAWm1D,EAAU,gBAAa9zD,EAClCgB,MAAM,UACN5I,KAAK,OACL0/B,MAAI,EACJC,OAAK,EACLn5B,QAASw1D,GAER91D,EAAKw1D,EAAU,qBAAuB,sBAG3C,yBAAKn1D,UAAU,qBACX01D,GAAqB,kBAACpmD,EAAA,EAAD,MACtBomD,GAAqBnC,EAAkBz6C,IAAKumB,GAC3C,kBAAC,GAAD,CACEA,QAASA,EACT5lC,KAAMk8D,KACNh3B,oBAAqBA,EACrBW,WAAYO,GAAcuC,GAAe6yB,EACzCh1D,QAASoiC,MAIdqzB,GACC,kBAAC,KAAD,CACExzD,OAAQkgC,EACRqB,YAAa8vB,EAAkB,GAC/BxsD,QAASu7B,Q,OCvFnB,MAEM5e,GAAehgB,YAAUigB,GAAOA,IAAM,KAAO,GAoEpCnd,mBAAK/H,YACjBC,IACC,MAAM6R,EAAgBqlD,YAA2Bl3D,IAC3C,MAAE8oB,EAAF,UAASiwB,GAAclnC,GAAiB,IACxC,SAAEslD,GAAan3D,EAAO+hC,SAE5B,MAAO,CACLjZ,QACAsuC,YAAaD,EAAS90B,OACtB0W,cAGJ,CAACr4C,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,yBAZpCZ,CAlEkC,EACpD+oB,QACAsuC,cACAre,YACAse,2BAGA,MAAM9sB,EAAehiC,YAAuB,OAErCm7B,EAAa4zB,GAAkB90D,aAAS,IAG7C8gC,QAASrD,GACPuD,aAAwB,CAAEC,QAAS8G,EAAcqX,WAjBzB,MA+D5B,OA1CA7+C,YAAU,KACRiiB,GAAa,KACXqyC,QAyCF,yBAAKzrD,IAAK2+B,EAAcjpC,UAAU,+BArCpC,WACE,QAAcqB,IAAVmmB,EAIJ,OAAKA,GAASsuC,EACLA,EAAYh9C,IAAKnb,GACtB,kBAAC,GAAD,CACEwC,IAAKxC,EACLuiD,aAAcviD,EACdghC,oBAAqBA,EACrBs2B,gBAAiB7yB,EACjB8yB,cAAec,KAKjBve,EACGA,EAAUj5C,OAIRi5C,EAAU3+B,IAAKnb,GACpB,kBAAC,GAAD,CACEwC,IAAKxC,EACLuiD,aAAcviD,EACdghC,oBAAqBA,EACrBs2B,gBAAiB7yB,EACjB8yB,cAAec,KATV,uBAAGh2D,UAAU,eAAb,kBAcJ,kBAACoZ,GAAA,EAAD,MAKJm5C,O,OC0BQ/rD,mBAAK/H,YACjBC,IACC,MAAM6R,EAAgB0lD,YAAuBv3D,IACvC,MAAE8oB,EAAF,QAASu6B,GAAYxxC,GAAiB,IACtC,OAAE5R,GAAWygB,YAAyB1gB,IAAW,GACjD0B,EAAOzB,EAASM,YAAWP,EAAQC,QAAU0C,EAGnD,MAAO,CACLmmB,QACAu6B,UACA3hD,OACA81D,cANoB91D,EAAO+1D,YAAoBz3D,EAAQ0B,QAAQiB,IASnE,CAACjC,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,iBAAkB,cAAe,sBAfrEZ,CA7E8B,EAChD+oB,QACAu6B,UACA3hD,OACA81D,gBACAE,iBACA/V,cACAgW,wBAGA,MAAMptB,EAAehiC,YAAuB,OAG1C+6B,QAASrD,GACPuD,aAAwB,CAAEC,QAAS8G,EAAcooB,WAhBzB,OAkBtB,YAAEH,GAAgBoF,YAA4Bl2D,EAAM81D,GAEpDK,EAAiB72D,YAAaixD,IAC9BO,GACF7Q,EAAY,CAAEsQ,QAGZxpD,KACFkvD,EAAkB,CAAE7uC,WAAOnmB,KAE5B,CAAC6vD,EAAa7Q,EAAagW,IAExB12D,EAAOC,cA6Bb,MAAM42D,EAAap/D,aAAkBiK,IAAVmmB,GAAuBu6B,GAAWA,EAAQvjD,QAErE,OACE,yBAAKwB,UAAU,aACb,kBAAC0Y,GAAA,EAAD,CACEpO,IAAK2+B,EACLjpC,UAAWyL,aAAe,8BAA+B+qD,GAAc,QACvE79C,MAAOopC,EACPj4B,aAAa,aACbgrC,iBArEkB,GAsElBnsC,YAAU,EACV/P,WAAYw9C,GAtClB,WACE,QAAc/0D,IAAVmmB,EAIJ,OAAKu6B,EAMAA,EAAQvjD,OAMNujD,EAAQjpC,IAAK63C,GAClB,kBAAC,GAAD,CACExwD,IAAKwwD,EAAIhzD,GACTgzD,IAAKA,EACLhyB,oBAAqBA,EACrB1+B,QAASs2D,KATT,uBAAGv2D,UAAU,eAAeL,EAAK,gBANjC,kBAACyZ,GAAA,EAAD,MAiCCm5C,Q,OCoBM/rD,mBAAK/H,YAClB,CAACC,GAAU+3D,aACT,MAAM,OAAEC,EAAF,QAAUC,GAAYj4D,EAAOk4D,YAEnC,MAAO,CACLF,OAAQA,GAAUA,EAAOD,EAAOj4B,QAChCq4B,OAASF,GAAWA,EAAQF,EAAOj4B,SAAY,KAGnD,CAAC9/B,EAAQW,IAA2BC,YAAKD,EAAS,CAAC,wBAAyB,WAAY,qBATtEZ,CAzFiD,EACnE2B,OACA9J,UACAmgE,SACAK,aACAC,cACAL,SACAG,SACAG,wBACA1yC,WACA2yC,uBAEA,MAAMC,EAAkBhsD,YAAoB4rD,EAAWK,cAChD9tC,EAAW+tC,GAAgBl2D,aAAkB,GAC9Cm2D,EAAkBjgE,QAAQs/D,IAC1B,OAAEl4B,EAAF,KAAUt7B,GAASuzD,EAEzBh1D,YAAU,KAEH41D,GAAmBH,IAAoBJ,EAAWK,aACrDH,EAAsB,CACpB52D,OAAMxB,UAAWtI,EAAQqH,GAAI6gC,SAAQq4B,SAAQS,MAxB/B,EAwBqDC,mBAAmB,KAIzF,CAACT,EAAWK,YAAaE,IAE5B,MAAMG,EAAsB93D,YAAY,KACtC03D,GAAa,GACbJ,EAAsB,CACpB52D,OAAMxB,UAAWtI,EAAQqH,GAAI6gC,SAAQq4B,SAAQS,MAhC3B,MAkCnB,CAACl3D,EAAM42D,EAAuB1gE,EAAQqH,GAAIk5D,EAAQr4B,IAErD/8B,YAAU,KACR21D,GAAa,IACZ,CAACV,IAEJ,MAAMe,EAAoB/3D,YAAa/B,IACrC2mB,EAAS,CAAE3mB,OACXs5D,KACC,CAACA,EAAkB3yC,IAetB,OACE,yBAAKtkB,UAAU,qBACb,yBAAKA,UAAU,eACZ02D,EACGA,EAAO59C,IAAKnb,GACZ,kBAACob,GAAA,EAAD,CACE5Y,IAAKxC,EACLqC,UAAU,sBACVC,QAAS,IAAMw3D,EAAkB95D,IAEjC,kBAACqb,GAAA,EAAD,CACEwK,WAAW,OACXtK,OAAQvb,EACRg6C,eAAa,EACb+f,kBAAgB,MAIpB,kBAACt+C,GAAA,EAAD,MACHs9C,GAhCP,WACE,MAAMiB,EAAkBb,EAAWK,YAAcT,EAAQl4D,OAEzD,OAAOs4D,EAAWK,YAjDA,GAiD+BQ,EAAkB,GACjE,kBAAC,GAAD,CACEn+B,MAAOm+B,EACPl+B,SAAS,QACTpQ,UAAWA,EACXppB,QAASu3D,IAwBEI,IAEb,yBAAK53D,UAAU,eACb,0BAAMA,UAAU,gBAAgBkD,GAChC,0BAAMlD,UAAU,mBAMDkG,EANiC4wD,EAAWK,aAM7BU,EAN0Cd,GAO/D,GAAM7wD,EAAQ2xD,EAAS,KAAKtzD,UAAY,GAPjD,OAMR,IAAuB2B,EAAe2xD,K,OCtEvBrxD,mBAAK/H,YACjBC,IACC,MACEk4D,aAAa,OAAEj4D,EAAF,UAAUC,GADnB,aAEJgmB,GACElmB,EAEJ,IAAKC,IAAWC,EACd,MAAO,GAMT,MAAO,CACLwB,KAJWnB,YAAWP,EAAQC,GAK9BrI,QAJc4I,YAAkBR,EAAQC,EAAQC,GAKhDgmB,iBAjBcnmB,CApCgB,EAClC2B,OACA9J,UACAsuB,mBAEA,IAAKtuB,IAAY8J,EACf,OAAO,kBAACgZ,GAAA,EAAD,MAGT,MAAM,QAAEkxC,EAAF,QAAWvI,GAAY+V,YAAexhE,GAC5C,IAAKyrD,EAAQA,QACX,OAGF,MAAMgW,EAAkBC,YAAqBjW,EAAQA,QAAS,UAE9D,OACE,yBAAK/hD,UAAU,eACb,wBAAIA,UAAU,iBAAiBsqD,EAAQ5B,UACvC,yBAAK1oD,UAAU,mCACZ4kB,GAAgB0lC,EAAQC,QAAQzxC,IAAK29C,GACpC,kBAAC,GAAD,CACEt2D,IAAM,GAAE7J,EAAQqH,MAAM84D,EAAOj4B,SAC7Bp+B,KAAMA,EACN9J,QAASA,EACTmgE,OAAQA,EACRK,WAAYiB,EAAgBtB,EAAOj4B,QACnCu4B,YAAahV,EAAQgV,gBAGvBnyC,GAAgB,kBAACxL,GAAA,EAAD,W,OCyJX5S,mBAAK/H,YAClB,CAACC,GAAUwa,aACT,MAAM7Y,EAAOrB,aAAWN,EAAQwa,GAC1B9Y,EAAOnB,YAAWP,EAAQwa,IAC1B,SAAEnW,GAAarE,EAAOu5D,WAE5B,MAAO,CAAE53D,OAAMD,OAAM2C,aAEvB,CAACrE,EAAQW,IAA2BC,YAAKD,EAAS,CAChD,gBAAiB,aAAc,kBAAmB,WAAY,kBAT9CZ,CAjK0C,EAC5Dya,SACA7Y,OACAD,OACA2C,WACAm1D,gBACAC,aACAC,gBACAC,kBACA/zC,eAEA,MAAOg0C,EAAoBC,EAAkBC,GAAqBj2C,gBAC3DwT,EAAwBC,GAA6B90B,aAAS,IAC9DoY,EAAO2c,GAAY/0B,cACpBvB,EAAOC,cAEPw1B,EAAmB/0B,GAAQA,EAAK80B,WAAmB,GACnDG,EAAkBj1B,GAAQA,EAAKg1B,UAAkB,GACjDojC,EAAiBr4D,EAAOA,EAAK0gD,aAAUz/C,GAEtC8zB,EAAWgB,GAAgBj1B,YAASk0B,IACpCC,EAAUe,GAAel1B,YAASo0B,IAClCojC,EAAwBC,GAA6Bz3D,aAAUu3D,GAEtEh3D,YAAU,KACRk3D,GAA2BF,IAC1B,CAACA,IAEJh3D,YAAU,KACRu0B,GAA0B,GAC1BwiC,KACC,CAACA,EAAmBt/C,IAEvBzX,YAAU,KACR00B,EAAaf,GACbgB,EAAYd,IACX,CAACF,EAAkBE,EAAiBj1B,IAEvCoB,YAAU,KACJsB,IAAa61D,IAAmBjiC,WAClCX,GAA0B,GAC1BC,OAAS50B,GACTm3D,MAED,CAACA,EAAmBz1D,IAEvB,MAAM+zB,EAAwBp3B,YAAakC,IACzCu0B,EAAav0B,EAAEmI,OAAO7D,OACtB8vB,GAA0B,IACzB,IAEGe,EAAuBr3B,YAAakC,IACxCw0B,EAAYx0B,EAAEmI,OAAO7D,OACrB8vB,GAA0B,IACzB,IAEG6iC,EAA2Bn5D,YAAakC,IAC5C+2D,EAA0B/2D,EAAEmI,OAAO+yB,SACnC9G,GAA0B,IACzB,IAEGiB,EAAoBv3B,YAAY,KACpC,MAAMw3B,EAAmB/B,EAAUN,OAC7BsC,EAAkB9B,EAASR,OAE5BqC,EAAiB14B,QACpBy3B,EApE2B,6BAuE7BiiC,EAAc,CACZh/C,SACA4nC,SAAU4X,EACVvjC,UAAW+B,EACX7B,SAAU8B,KAEX,CAAChC,EAAWE,EAAU6iC,EAAeh/C,EAAQw/C,IAE1CI,EAAsBp5D,YAAY,KAClCU,EAAK24D,aACPX,EAAc,CACZz5D,OAAQyB,EAAKzC,GACbq7D,MAAO54D,EAAK24D,YAAap7D,GACzBwiB,oBAAoB,IAGxBg4C,EAAW,CAAEj/C,WACbs/C,IACAH,IACA/zC,EAAS,CAAE3mB,QAAI0D,KACd,CAACjB,EAAKzC,GAAIyC,EAAK24D,YAAaP,EAAmBH,EAAiBD,EAAeD,EAAY7zC,EAAUpL,IAExG,IAAK7Y,EACH,OAGF,MAAMgpB,EAAYtmB,IAAa61D,IAAmBpiC,WAElD,OACE,yBAAKx2B,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAACgZ,GAAA,EAAD,CACEE,OAAQ7Y,EAAK1C,GACb6lB,WAAW,QACXvK,OAAO,gBACPggD,cAAY,IAEd,kBAAC3gD,GAAA,EAAD,CACE3a,GAAG,kBACH42B,MAAO50B,EAAK,iCACZgM,SAAUmrB,EACV5wB,MAAOivB,EACP7b,MAlHqB,8BAkHdA,EAAqCA,OAAQjY,IAEtD,kBAACiX,GAAA,EAAD,CACE3a,GAAG,iBACH42B,MAAO50B,EAAK,gCACZgM,SAAUorB,EACV7wB,MAAOmvB,IAET,yBAAKr1B,UAAU,gCACb,kBAAC68B,GAAA,EAAD,CACEC,QAAS47B,EACTnkC,MAAO50B,EAAK,iBACZ8iC,SAAU9iC,EAAK+4D,EACX,gCACA,kCACJ/sD,SAAUktD,MAIhB,yBAAK74D,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,SAASwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASs4D,GACjD54D,EAAK,oBAIZ,kBAAC,GAAD,CACEoL,QAASgrB,EACT91B,QAASg3B,EACTvrB,SAAU2d,EACV/mB,UAAW3C,EAAK,SAEf0pB,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,gBAGjB,kBAACua,GAAA,EAAD,CACErY,OAAQo2D,EACRvxD,QAASyxD,EACTt1D,KAAMvD,EAAK,2BACX6a,aAAc7a,EAAK,iBACnB8a,eAAgBq+C,EAChBxlC,sBAAoB,QC0Gb9sB,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IAC1B,SAAEoE,GAAarE,EAAOu5D,WACtBiB,EAAmB9hE,QAAQgJ,EAAKm1B,UAAYn1B,EAAKm1B,SAAS4jC,cAEhE,MAAO,CACL/4D,OACA2C,WACAq2D,aAAcz5C,aAAiBvf,GAC/B84D,mBACAG,cAAeC,YAAiBl5D,EAAM,cACtCm5D,YAAaD,YAAiBl5D,EAAM,cAGxC,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,yBAA0B,aAAc,kBACxC,gBAAiB,eAAgB,gBAAiB,aAjBlCZ,CAxP2C,EAC7DE,SACAyB,OACA2C,WACAq2D,eACAF,mBACAG,gBACAE,cACA/lC,iBACAgmC,yBACAC,aACArB,gBACAsB,eACAC,gBACAtB,kBACA/zC,eAEA,MAAOg0C,EAAoBC,EAAkBC,GAAqBj2C,eAC5Dq3C,EAAex5D,EAAKsZ,MACpBmgD,EAAez5D,EAAKm1B,UAAYn1B,EAAKm1B,SAASkjB,OAAe,IAE5D1iB,EAAwBC,GAA6B90B,aAAS,IAC9DwY,EAAO8+B,GAAYt3C,YAAS04D,IAC5BnhB,EAAOC,GAAYx3C,YAAS24D,IAC5B7iE,EAAOk/B,GAAYh1B,eACnBoY,EAAO2c,GAAY/0B,cACpB44D,EAAYpnD,YAAkBtS,GAC9Bk2B,EAAuB1jB,YAASknD,GAAW,EAAOjnD,iBAAeC,SACjEnT,EAAOC,cAEb6B,YAAU,KACJsB,IAAa61D,IAAmBjiC,WAClCX,GAA0B,GAC1BC,OAAS50B,KAEV,CAAC0B,IAEJ,MAAMg3D,EAAsBr6D,YAAY,KACtC8zB,EAAewmC,IAAkBC,kBAChC,CAACzmC,IAEE0mC,EAAwBx6D,YAAY,KACxC8zB,EAAewmC,IAAkBG,aAChC,CAAC3mC,IAEE4mC,EAAyB16D,YAAY,KACzC8zB,EAAewmC,IAAkBK,mBAChC,CAAC7mC,IAEE8mC,EAA4B56D,YAAY,KAC5C8zB,EAAewmC,IAAkBO,qBAChC,CAAC/mC,IAEEgnC,EAAiB96D,YAAa+6D,IAClCvkC,EAASukC,GACTzkC,GAA0B,IACzB,IAEG4iB,EAAoBl5C,YAAakC,IACrC42C,EAAS52C,EAAEmI,OAAO7D,OAClB8vB,GAA0B,IACzB,IAEG0kC,EAAoBh7D,YAAakC,IACrC82C,EAAS92C,EAAEmI,OAAO7D,OAClB8vB,GAA0B,IACzB,IAEG2kC,EAAoBj7D,YAAY,KACpC,MAAMk7D,EAAelhD,EAAMmb,OACrBgmC,EAAepiB,EAAM5jB,OAEtB+lC,EAAap8D,OAKlBi7D,EAAW,CACT96D,SACA+a,MAAOkhD,EACPniB,MAAOoiB,EACP7jE,UARAi/B,EA/EoB,+BAyFrB,CAACwiB,EAAO95C,EAAQ3H,EAAO0iB,EAAO+/C,IAE3BqB,EAAqBp7D,YAAY,KACrC8zB,EAAewmC,IAAkBe,eAChC,CAACvnC,IAEEwnC,EAAyBt7D,YAAY,KACzC,IAAKU,EAAKm1B,SACR,OAGF,MAAM,mBAAE0lC,GAAuB76D,EAAKm1B,SAEpCikC,EAAuB,CAAE76D,OAAQyB,EAAKzC,GAAIu9D,WAAYD,KACrD,CAAC76D,EAAMo5D,IAEJ2B,EAA0Bn5D,YAAQ,KACtC,IAAK5B,EAAKg7D,oBACR,OAAO,EAGT,IAAIhuB,EAAa,CACf,eACA,YACA,aACA,YACA,aACA,cACA,eACA71B,OACCpX,IAASC,EAAKg7D,oBAAqBj7D,IACpC3B,OAEF,MAAM,aAAE68D,EAAF,SAAgBC,GAAal7D,EAAKg7D,oBAOxC,OAJKC,GAAiBC,IACpBluB,GAAc,GAGTA,GACN,CAAChtC,IAEEm7D,EAAen7D,EAAKm1B,UAAYn1B,EAAKm1B,SAASimC,cAAgBp7D,EAAKm1B,SAASimC,aAAah9D,QAAW,EAEpGi9D,EAAoB/7D,YAAY,KAChC05D,EACFhB,EAAc,CAAEz5D,OAAQyB,EAAKzC,GAAIq7D,MAAO54D,EAAK24D,YAAap7D,GAAIwiB,oBAAoB,IACxE/f,EAAKs7D,UAGf/B,EAAc,CAAEh7D,OAAQyB,EAAKzC,KAF7B+7D,EAAa,CAAE/6D,OAAQyB,EAAKzC,KAI9B66D,IACAH,IACA/zC,EAAS,CAAE3mB,QAAI0D,KACd,CACD+3D,EAAch5D,EAAKs7D,UAAWt7D,EAAKzC,GAAIyC,EAAK24D,YAC5CP,EAAmBH,EAAiBD,EAAesB,EAAcC,EAAer1C,IAGlF,GAAIlkB,EAAKygD,aACP,OAGF,MAAMx3B,GAAYtmB,IAAa61D,IAAmBpiC,WAElD,OACE,yBAAKx2B,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAACq3B,GAAA,EAAD,CACEf,qBAAsBA,EACtB3qB,SAAU6uD,EACV9uD,UAAW2tD,IAEb,kBAAC/gD,GAAA,EAAD,CACE3a,GAAG,cACH42B,MAAO50B,EAAK,aACZgM,SAAUitC,EACV1yC,MAAOwT,EACPJ,MA1Kc,+BA0KPA,EAA8BA,OAAQjY,EAC7CqK,UAAW2tD,IAEb,kBAAC/gD,GAAA,EAAD,CACE3a,GAAG,cACHqC,UAAU,OACVu0B,MAAO50B,EAAK,0BACZgM,SAAU+uD,EACVx0D,MAAOuyC,EACP/sC,UAAW2tD,IAEZj5D,EAAKs7D,WACJ,kBAAC3iD,GAAA,EAAD,CAAUnW,KAAK,OAAO02B,WAAS,EAAClzB,QAAM,EAACnG,QAAS85D,GAC9C,0BAAM/5D,UAAU,SAASL,EAAK,cAC9B,0BAAMK,UAAU,YAAYI,EAAK2nB,SAAWpoB,EAAK,cAAgBA,EAAK,iBAGzEu5D,GACC,kBAACngD,GAAA,EAAD,CAAUnW,KAAK,UAAU02B,WAAS,EAAClzB,QAAM,EAACnG,QAASi6D,GACjD,0BAAMl6D,UAAU,SAASL,EAAK,kBAC9B,0BAAMK,UAAU,YAAYL,EAAK,sBAGrC,kBAACoZ,GAAA,EAAD,CAAUnW,KAAK,cAAc02B,WAAS,EAAClzB,QAAM,EAACnG,QAASm6D,EAAwB1uD,UAAW6tD,GACxF,0BAAMv5D,UAAU,SAASL,EAAK,uBAC9B,0BAAMK,UAAU,YAAYm7D,EAA5B,IA/LoB,IAiMtB,kBAACpiD,GAAA,EAAD,CAAUnW,KAAK,QAAQ02B,WAAS,EAAClzB,QAAM,EAACnG,QAASq6D,GAC/C,0BAAMt6D,UAAU,SAASL,EAAK,0BAC9B,0BAAMK,UAAU,YAAY27D,aAAcJ,MAG9C,yBAAKv7D,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,QAAQ02B,WAAS,EAAClzB,QAAM,EAACnG,QAAS66D,GAC/C,0BAAM96D,UAAU,SAASL,EAAK,iBAC9B,0BAAMK,UAAU,YAAY27D,aAAcv7D,EAAKqwC,gBAGhDrwC,EAAKm1B,UACJ,yBAAKv1B,UAAU,gCACb,kBAAC68B,GAAA,EAAD,CACEC,SAAU18B,EAAKm1B,SAAS0lC,mBACxB1mC,MAAO50B,EAAK,eACZgM,SAAUqvD,EACVtvD,UAAW6tD,MAKnB,yBAAKv5D,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,SAASwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASs4D,GACjD54D,EAAK,iBAIZ,kBAAC,GAAD,CACEoL,QAASgrB,EACT91B,QAAS06D,EACTjvD,SAAU2d,GACV/mB,UAAW3C,EAAK,SAEf0pB,GACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,gBAGjB,kBAACua,GAAA,EAAD,CACErY,OAAQo2D,EACRvxD,QAASyxD,EACTnkD,UAAW/T,YACT84D,IAAiBh5D,EAAKs7D,UAClB/7D,EAAK,2BACLA,EAAK,oCAAqCS,EAAKsZ,OACnD,CAAC,KAAM,oBAETc,aAAc4+C,IAAiBh5D,EAAKs7D,UAAY/7D,EAAK,cAAgBA,EAAK,qBAC1E8a,eAAgBghD,EAChBnoC,sBAAoB,QCLb9sB,mBAAK/H,YAClB,CAACC,GAAUC,aAGF,CAAEyB,KAFInB,YAAWP,EAAQC,GAEjBoY,cAAerY,EAAOqY,gBAEvC,CAAC3X,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,kCANpCZ,CA1OsD,EACxE+0B,iBACAooC,qBACAx7D,OACA2W,gBACA8kD,oCAEA,MAAOC,EAAaC,GAAkB76D,YAA8B,KAC7D86D,EAAuBC,GAA4B/6D,aAAS,IAC5DmoB,EAAW+tC,GAAgBl2D,aAAS,GACrCvB,EAAOC,cAEPs8D,EAA0Bx8D,YAAY,KAC1C8zB,EAAewmC,IAAkBmC,oBAChC,CAAC3oC,IAEE4oC,EAA0B18D,YAAY,KAC1C8zB,EAAewmC,IAAkBqC,6BAChC,CAAC7oC,IAEE8oC,EAA6B58D,YAAawlD,IAC9C0W,EAAmB1W,EAAOhsC,OAAQgsC,EAAOqX,mBAAqBxlD,GAC9Dyc,EAAewmC,IAAkBwC,uBAChC,CAACzlD,EAAe6kD,EAAoBpoC,IAEvC/xB,YAAU,KACRs6D,EAAgB37D,GAAQA,EAAKg7D,qBAAwB,IACrDa,GAAyB,GACzB9gE,WAAW,KACTi8D,GAAa,IAtD0B,MAwDxC,CAACh3D,IAEJ,MAAMq8D,EAAyB/8D,YAAakC,IAC1C,MAAM,KAAE6U,GAAS7U,EAAEmI,OAEnB,SAAS2yD,EAA0Bx2D,GACjC,OAAOA,QAAQ7E,EAGjB06D,EAAgB52B,IAAD,IACVA,EACH,CAAC1uB,GAAOimD,EAA0Bv3B,EAAE1uB,OACvB,iBAATA,GAA2B,CAC7B6kD,SAAUoB,EAA0Bv3B,EAAE1uB,QAG1CwlD,GAAyB,IACxB,IAEGU,EAAwBj9D,YAAY,KACnCU,IAILg3D,GAAa,GACbyE,EAA8B,CAAEl9D,OAAQyB,EAAKzC,GAAIi/D,aAAcd,MAC9D,CAAC17D,EAAM07D,EAAaD,IAEjBgB,EAAoB76D,YAAQ,IAC3B5B,GAASA,EAAKm1B,UAAan1B,EAAKm1B,SAASunC,cAIvC18D,EAAKm1B,SAASunC,cAAct+D,OAH1B,EAIR,CAAC4B,IAEE28D,EAAmB/6D,YAAQ,IAC1B5B,GAASA,EAAKm1B,UAAan1B,EAAKm1B,SAASynC,QAIvC58D,EAAKm1B,SAASynC,QAAQzlD,OAAO,EAAGqlD,oBAAqBA,GAHnD,GAIR,CAACx8D,IAEE68D,EAAsBv9D,YAAawlD,IACvC,MAAM,aAAE0X,GAAiB1X,EACzB,IAAK0X,IAAiBx8D,EACpB,OAGF,MAAM,oBAAEg7D,GAAwBh7D,EAEhC,OAAOnC,OAAO6tB,KAAK8wC,GAAcrsB,OAAO,CAACC,EAAQrwC,KAC/C,IACGy8D,EAAaz8D,IACVi7D,GAAuBA,EAAoBj7D,IACpC,eAARA,GAAgC,iBAARA,GAAkC,cAARA,EAErD,OAAOqwC,EAGT,MAAM0sB,EAnHZ,SAAqC/8D,GACnC,OAAQA,GACN,IAAK,eACH,MAAO,yBACT,IAAK,YACH,MAAO,8BACT,IAAK,eACH,MAAO,iCACT,IAAK,aACH,MAAO,+BACT,IAAK,YACH,MAAO,8BACT,IAAK,aACH,MAAO,+BACT,IAAK,cACH,MAAO,8BACT,IAAK,cACH,MAAO,8BACT,QACE,QAgGgBg9D,CAA4Bh9D,GAE5C,IAAK+8D,EACH,OAAO1sB,EAGT,MAAM4sB,EAAmBz9D,EAAKu9D,GAE9B,MAAQ,GAAE1sB,IAAUA,EAAOhyC,OAA6B,KAAI4+D,EAAxBA,KACnC,KACF,CAACh9D,EAAMT,IAEV,OACE,yBAAKK,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,wBAAIA,UAAU,mBAAmBL,EAAK,6BAEtC,yBAAKK,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,SAAUg/B,EAAYuB,aACtB9oC,MAAO50B,EAAK,wBACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,SAAUg/B,EAAYyB,UACtBhpC,MAAO50B,EAAK,6BACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,SAAUg/B,EAAYT,eAAiBS,EAAYR,SACnD/mC,MAAO50B,EAAK,gCACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,SAAUg/B,EAAY0B,UACtBjpC,MAAO50B,EAAK,6BACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAUg/B,EAAY2B,WACtBlpC,MAAO50B,EAAK,8BACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,SAAUg/B,EAAY4B,YACtBnpC,MAAO50B,EAAK,+BACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,SAAUg/B,EAAY6B,YACtBppC,MAAO50B,EAAK,+BACZ29D,UAAQ,EACR3xD,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAUg/B,EAAY8B,WACtBrpC,MAAO50B,EAAK,8BACZ29D,UAAQ,EACR3xD,SAAU8wD,MAKhB,yBAAKz8D,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,cAAc02B,WAAS,EAAClzB,QAAM,EAACizB,QAAM,EAACp5B,QAASi8D,GAC5D,0BAAMl8D,UAAU,SAASL,EAAK,wBAC9B,0BAAMK,UAAU,YAAY68D,KAIhC,yBAAK78D,UAAU,WACb,wBAAIA,UAAU,mBAAmBL,EAAK,sBAEtC,kBAACoZ,GAAA,EAAD,CACEnW,KAAK,WACLwD,QAAM,EACNnG,QAASm8D,GAERz8D,EAAK,wBAGPo9D,EAAiBjkD,IAAKosC,GACrB,kBAACnsC,GAAA,EAAD,CACE5Y,IAAK+kD,EAAOhsC,OACZlZ,UAAU,wCACVoG,QAAM,EACNnG,QAAS,IAAMq8D,EAA2BpX,IAE1C,kBAAClsC,GAAA,EAAD,CACEE,OAAQgsC,EAAOhsC,OACfD,OAAQgkD,EAAoB/X,SAOtC,kBAAC,GAAD,CACEn6C,QAASixD,EACT/7D,QAAS08D,EACTr6D,UAAW3C,EAAK,QAChB+L,SAAU2d,GAETA,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,oBC3LRwG,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IACxBiY,KAAMmN,GAAcrlB,EAAOslB,MAEnC,MAAO,CAAE5jB,OAAM2jB,cAEjB,CAAC3kB,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,iCAPpCZ,CAtEuD,EACzE2B,OACA2jB,YACA85C,mCAEA,MAAMl+D,EAAOC,cAEPk+D,EAAiB97D,YAAQ,IACxB5B,GAASA,EAAKm1B,UAAan1B,EAAKm1B,SAASunC,cAIvC18D,EAAKm1B,SAASunC,cAHZ,GAIR,CAAC18D,IAEE29D,EAAer+D,YAAawlD,IAChC,IAAKA,EAAO8Y,eACV,OAGF,MAAMC,EAAel6C,EAAUmhC,EAAO8Y,gBACtC,OAAKC,EAIEt+D,EAAK,gBAAiBmoB,YAAgBm2C,SAJ7C,GAKC,CAACt+D,EAAMokB,IAEJm6C,EAAoBx+D,YAAawlD,IACrC,GAAK9kD,EAIL,MAAO,CAAC,CACNsZ,MAAO/Z,EAAK,WACZiD,KAAM,SACNmgB,aAAa,EACbivB,QAAS,IAAM6rB,EAA6B,CAC1Cl/D,OAAQyB,EAAKzC,GACbub,OAAQgsC,EAAOhsC,OACf0jD,aAAc,QAGjB,CAACj9D,EAAMS,EAAMy9D,IAEhB,OACE,yBAAK79D,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,uBAAGA,UAAU,cAAcL,EAAK,oBAE/Bm+D,EAAehlD,IAAKosC,GACnB,kBAACnsC,GAAA,EAAD,CACE5Y,IAAK+kD,EAAOhsC,OACZlZ,UAAU,sBACVoG,QAAM,EACNid,eAAgB66C,EAAkBhZ,IAElC,kBAAClsC,GAAA,EAAD,CACEE,OAAQgsC,EAAOhsC,OACfD,OAAQ8kD,EAAa7Y,aCqJtB1+C,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IAC1B,SAAEoE,GAAarE,EAAOu5D,WAG5B,MAAO,CACL73D,OACA2C,WACAo7D,kBALwB/mE,QAAQgJ,GAAQA,EAAK+9D,mBAM7C9E,cAAeC,YAAiBl5D,EAAM,gBAG1C,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,mBAAoB,aAAc,kBAAmB,eAAgB,gBAAiB,aAdtEZ,CA/L6C,EAC/DE,SACAyB,OACA2C,WACAo7D,oBACA9E,gBACA7lC,iBACAimC,aACA2E,mBACA/F,kBACAqB,eACAC,gBACAr1C,eAEA,MAAMs1C,EAAex5D,GAAQA,EAAKsZ,OAAe,GAC3CmgD,EAAez5D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAASkjB,OAAe,GACrE4lB,EAAgBj+D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAAS4jC,cAEtDb,EAAoBC,EAAkBC,GAAqBj2C,gBAC3DwT,EAAwBC,GAA6B90B,aAAS,IAC9DwY,EAAO8+B,GAAYt3C,YAAS04D,IAC5BnhB,EAAOC,GAAYx3C,YAAS24D,IAC5B7iE,EAAOk/B,GAAYh1B,eACnBoY,EAAO2c,GAAY/0B,cACpB44D,EAAY15D,GAAQsS,YAAkBtS,GACtCk2B,EAAuB1jB,YAASknD,GAAW,EAAOjnD,iBAAeC,SACjEnT,EAAOC,cAEb6B,YAAU,KACJsB,IAAa61D,IAAmBjiC,WAClCX,GAA0B,GAC1BC,OAAS50B,KAEV,CAAC0B,IAEJ,MAAMw4D,EAAen7D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAASimC,cAAgBp7D,EAAKm1B,SAASimC,aAAah9D,QAAW,EAE5Gu7D,EAAsBr6D,YAAY,KACtC8zB,EAAewmC,IAAkBC,kBAChC,CAACzmC,IAEE0mC,EAAwBx6D,YAAY,KACxC8zB,EAAewmC,IAAkBG,aAChC,CAAC3mC,IAEE8mC,EAA4B56D,YAAY,KAC5C8zB,EAAewmC,IAAkBO,qBAChC,CAAC/mC,IAEEgnC,EAAiB96D,YAAa+6D,IAClCvkC,EAASukC,GACTzkC,GAA0B,IACzB,IAEG4iB,EAAoBl5C,YAAakC,IACrC42C,EAAS52C,EAAEmI,OAAO7D,OAClB8vB,GAA0B,IACzB,IAEG0kC,EAAoBh7D,YAAakC,IACrC82C,EAAS92C,EAAEmI,OAAO7D,OAClB8vB,GAA0B,IACzB,IAEGsoC,EAAsB5+D,YAAY,KACtC,MAAMk7D,EAAelhD,EAAMmb,OACrBgmC,EAAepiB,EAAM5jB,OAEtB+lC,EAAap8D,OAKlBi7D,EAAW,CACT96D,SACA+a,MAAOkhD,EACPniB,MAAOoiB,EACP7jE,UARAi/B,EAvEsB,iCAiFvB,CAACwiB,EAAO95C,EAAQ3H,EAAO0iB,EAAO+/C,IAE3B8E,EAAyB7+D,YAAY,KACzC0+D,EAAiB,CAAEz/D,SAAQu8D,WAAYiD,KACtC,CAACx/D,EAAQw/D,EAAmBC,IAEzBI,EAAyB9+D,YAAY,KACzC8zB,EAAewmC,IAAkByE,qBAChC,CAACjrC,IAGEkrC,EAAsBh/D,YAAY,KAClCU,EAAKs7D,UACP/B,EAAc,CAAEh7D,OAAQyB,EAAKzC,KAE7B+7D,EAAa,CAAE/6D,OAAQyB,EAAKzC,KAG9B66D,IACAH,IACA/zC,EAAS,CAAE3mB,QAAI0D,KACd,CAACjB,EAAKs7D,UAAWt7D,EAAKzC,GAAI66D,EAAmBH,EAAiBqB,EAAcC,EAAer1C,IAE9F,GAAIlkB,EAAKygD,aACP,OAGF,MAAMx3B,EAAYtmB,IAAa61D,IAAmBpiC,WAElD,OACE,yBAAKx2B,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAACq3B,GAAA,EAAD,CACEf,qBAAsBA,EACtB3qB,SAAU6uD,EACV9uD,UAAW2tD,IAEb,kBAAC/gD,GAAA,EAAD,CACE3a,GAAG,gBACH42B,MAAO50B,EAAK,oBACZgM,SAAUitC,EACV1yC,MAAOwT,EACPJ,MA5HgB,iCA4HTA,EAAgCA,OAAQjY,EAC/CqK,UAAW2tD,IAEb,kBAAC/gD,GAAA,EAAD,CACE3a,GAAG,gBACHqC,UAAU,OACVu0B,MAAO50B,EAAK,0BACZgM,SAAU+uD,EACVx0D,MAAOuyC,EACP/sC,UAAW2tD,IAEZj5D,EAAKs7D,WACJ,kBAAC3iD,GAAA,EAAD,CAAUnW,KAAK,OAAOwD,QAAM,EAACkzB,WAAS,EAACr5B,QAAS85D,GAC9C,0BAAM/5D,UAAU,SAASL,EAAK,gBAC9B,0BAAMK,UAAU,YAAYI,EAAK2nB,SAAWpoB,EAAK,cAAgBA,EAAK,iBAG1E,kBAACoZ,GAAA,EAAD,CAAUnW,KAAK,UAAU02B,WAAS,EAAClzB,QAAM,EAACnG,QAASi6D,EAAuBxuD,UAAW2tD,GACnF,0BAAMr5D,UAAU,SAASL,EAAK,eAC9B,0BAAMK,UAAU,YAA4BL,EAAhB0+D,EAAqB,mBAA2B,SAE9E,kBAACtlD,GAAA,EAAD,CAAUnW,KAAK,QAAQ02B,WAAS,EAAClzB,QAAM,EAACnG,QAASq6D,GAC/C,0BAAMt6D,UAAU,SAASL,EAAK,0BAC9B,0BAAMK,UAAU,YAAYu7D,IAE9B,yBAAKv7D,UAAU,gCACb,kBAAC68B,GAAA,EAAD,CACEC,QAASqhC,EACT5pC,MAAO50B,EAAK,uBACZgM,SAAU4yD,MAIhB,yBAAKv+D,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,QAAQ02B,WAAS,EAAClzB,QAAM,EAACnG,QAASu+D,GAC/C,0BAAMx+D,UAAU,SAASL,EAAK,uBAC9B,0BAAMK,UAAU,YAAYL,EAAK,cAAeS,EAAKqwC,aAAe,QAGxE,yBAAKzwC,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,SAASwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASs4D,GACjDn4D,EAAKs7D,UAAY/7D,EAAK,iBAAmBA,EAAK,mBAIrD,kBAAC,GAAD,CACEoL,QAASgrB,EACT91B,QAASq+D,EACT5yD,SAAU2d,EACV/mB,UAAW3C,EAAK,SAEf0pB,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,gBAGjB,kBAACua,GAAA,EAAD,CACErY,OAAQo2D,EACRvxD,QAASyxD,EACTt1D,KAAM9C,EAAKs7D,UAAY/7D,EAAK,sBAAwBA,EAAK,qBACzD6a,aAAcpa,EAAKs7D,UAAY/7D,EAAK,iBAAmBA,EAAK,gBAC5D8a,eAAgBikD,EAChBprC,sBAAoB,Q,SCvEb9sB,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IAC1B,oBAAEw1B,GAAwBwqC,YAAiBjgE,EAAQC,GAEzD,MAAO,CACLyB,OACAqgB,UAAWC,aAActgB,GACzB2C,SAAUrE,EAAOu5D,WAAWl1D,SAC5BoxB,wBAGJ,CAAC/0B,EAAWC,IAAYC,YAAKD,EAAS,CACpC,kBAAmB,mBAAoB,sBAbvBZ,CAtHqD,EACvE2B,OACAqgB,YACA1d,WACAoxB,sBACAyqC,kBACAC,mBACAC,wBAEA,MAAMrU,EAAWrzD,QAAQgJ,EAAK2nB,UACxBg3C,EAAc3+D,EAAKm1B,UAAYn1B,EAAKm1B,SAASypC,YAE5CC,EAAaC,GAAkBh+D,YAAsBupD,EAAW,SAAW,YAC3E1iC,EAAUsM,GAAenzB,eACzBi+D,EAA2BC,EAAyBC,GAA4B98C,eAEjF+8C,EACa,WAAhBL,GAA4Bl3C,GAAYoM,GACrB,YAAhB8qC,GAA6BxU,EAGnChpD,YAAU,KACJw9D,IAAgBF,GAClBD,KAED,CAACG,EAAaF,EAAaD,IAE9B,MAAMS,EAAqB7/D,YAAawG,IACtCg5D,EAAeh5D,IACd,IAEGs5D,EAAa9/D,YAAY,KAC7Bm/D,EAAiB,CAAE92C,SAA0B,WAAhBk3C,EAA2Bl3C,EAAW,MAClE,CAACk3C,EAAaJ,EAAkB92C,IAE7B03C,EAA0B//D,YAAY,KAC1C2/D,IACAP,KACC,CAACO,EAA0BP,IAExBn/D,EAAOC,cACP8/D,EAAcj/C,EAAY,UAAY,OACtCk/C,EAAcl/C,EAAY,UAAY,QAEtC0d,EAAU,CACd,CAAEj4B,MAAO,UAAWquB,MAAO50B,EAAQ+/D,EAAF,WAAyBj9B,SAAU9iC,EAAQ+/D,EAAF,gBAC1E,CAAEx5D,MAAO,SAAUquB,MAAO50B,EAAQ+/D,EAAF,UAAwBj9B,SAAU9iC,EAAQ+/D,EAAF,gBAGpEr2C,EAAYtmB,IAAa61D,IAAmBpiC,WAElD,OACE,yBAAKx2B,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,wBAAIA,UAAU,mBAAmBL,EAAQggE,EAAF,SACvC,kBAACt8B,GAAA,EAAD,CACEC,SAAU27B,EACVxoD,KAAK,eACL0nB,QAASA,EACTxyB,SAAU4zD,KAGG,YAAhBN,EACC,yBAAKj/D,UAAU,WACZ++D,EACC,oCACE,kBAACa,GAAA,EAAD,CAAUn5D,IAAKs4D,EAAa/+D,UAAU,aAAakD,KAAM67D,IACzD,uBAAG/+D,UAAU,gBAAgBL,EAAQ+/D,EAAF,oBAEnC,kBAAC3mD,GAAA,EAAD,CAAUnW,KAAK,SAASwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASm/D,GACjDz/D,EAAK,eAER,kBAAC4a,GAAA,EAAD,CACErY,OAAQi9D,EACRp4D,QAASs4D,EACTn8D,KAAMvD,EAAK,eACX6a,aAAc7a,EAAK,gBACnB8a,eAAgBglD,EAChBnsC,sBAAoB,KAIxB,kBAACla,GAAA,EAAD,OAIJ,yBAAKpZ,UAAU,qBACb,kBAACs3B,GAAD,CACEpD,QAAM,EACND,gBAAiB7zB,EAAK2nB,SACtBsB,UAAWA,EACX8K,oBAAqBA,EACrBC,cAAewqC,EACfjzD,SAAU0oB,IAEZ,uBAAGr0B,UAAU,gBACVL,EAAQggE,EAAF,qCAKf,kBAAC,GAAD,CACE50D,QAASu0D,EACT5zD,SAAU2d,EACV/mB,UAAW3C,EAAK,QAChBM,QAASu/D,GAERn2C,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,oBCoGRwG,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IAC1B,iBAAEkhE,EAAkBjpD,KAAMy7B,GAAe3zC,EAAOiY,MAKtD,MAAO,CACLvW,OACAiyC,aACAwtB,mBACAC,WARiB1/D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAAS4jC,aACtDl6D,YAAWP,EAAQ0B,EAAKm1B,SAAS4jC,mBACjC93D,EAOFof,UAAWrgB,GAAQsgB,aAActgB,KAGrC,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,0BAA2B,sBAAuB,0BAjBlCZ,CApNgD,EAClE2B,OACAzB,SACA0zC,aACAytB,aACAD,mBACAp/C,YACA+S,iBACAusC,0BACAC,sBACAC,4BAEA,MAAOC,EAAeC,GAAoBj/D,eACnCi3B,EAAeC,GAAoBl3B,eACnCm3B,EAAmBC,GAAwBp3B,aAAS,GACrDq3B,EAAsB74B,YAAY,IAAM44B,GAAqB,GAAO,KACnE8nC,EAAgCC,EAA8BC,GAAiC/9C,gBAC/Fg+C,EAA8BC,EAA4BC,GAA+Bl+C,eAC1F5iB,EAAOC,cACPu5D,EAAe2G,GAAcA,EAAWniE,GAE9C8D,YAAU,KACRs+D,KACC,CAACA,IAEJt+D,YAAU,KACH02B,GACHK,aAAiB,oBAAoBC,KAAKL,IAE3C,CAACD,IAEJ,MAAMuoC,EAA4BhhE,YAAY,KAC5C4gE,IACAL,EAAsB,CAAEU,UAAWlgD,EAAY9hB,EAASw6D,IACnD14C,GACH+S,EAAewmC,IAAkB4G,UAElC,CAACN,EAA+BL,EAAuBx/C,EAAW9hB,EAAQw6D,EAAc3lC,IAErFqtC,EAA0BnhE,YAAY,KAC1C+gE,IACAT,EAAoB,CAAEW,UAAWhiE,EAAQA,OAAQuhE,KAChD,CAACO,EAA6BT,EAAqBrhE,EAAQuhE,IAoB9D,SAASY,IACP,MAAMC,EAAc1uB,EAAW6tB,GAE/B,GAAKa,EAIL,OACE,yBAAK/gE,UAAU,gBACb,kBAACE,EAAA,EAAD,CACEzG,KAAK,OACL2G,KAAM2gE,IAER,yBAAK/gE,UAAU,eACZL,EAAK,uCAMd,SAASqhE,IACP,MAAMD,EAAc1uB,EAAW6tB,GAE/B,GAAKa,EAIL,OAAIA,EAAYE,eACP3gE,YACJ,yBAAwBygE,EAAYrnD,sCAAsCtZ,EAAMsZ,WACjF,CAAC,KAAM,oBAQJpZ,YAEJ,yBAAwBygE,EAAYrnD,sCAAsCtZ,EAAMsZ,kFACjF,CAAC,KAAM,oBAqFX,OACE,yBAAK1Z,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,gBACZm4B,GACC,kBAACY,GAAA,EAAD,CACEp7B,GAAG,wBACHlE,KAAMynE,KACN/oC,cAAeA,EACf9uB,KAAMgvB,EACNY,QAAM,EACNC,OAAQX,KAIbunC,GA3FL,6BACE,kBAAC/mD,GAAA,EAAD,CACE/Y,UAAU,sBACVy7B,UAAQ,GAER,kBAACtiB,GAAA,EAAD,CAAexa,OAAQmhE,EAAYniE,MAErC,kBAACob,GAAA,EAAD,CACEnW,KAAK,SACLwD,QAAM,EACN2c,aAAW,EACX9iB,QAASogE,GAER1gE,EAAK8gB,EAAY,wBAA0B,4BAE9C,kBAAClG,GAAA,EAAD,CACErY,OAAQk+D,EACRr5D,QAASu5D,EACT7nD,OAhFJ,yBAAKzY,UAAU,gBACb,kBAACE,EAAA,EAAD,CACEzG,KAAK,OACL2G,KAAM0/D,IAER,yBAAK9/D,UAAU,eACZL,EAAK8gB,EAAY,wBAA0B,6BA2E5CpM,UAAW/T,YACTX,EAAK8gB,EAAY,+BAAiC,6BAA8Bq/C,EAAYpmD,OAC5F,CAAC,KAAM,oBAETc,aAAc7a,EAAK8gB,EAAY,wBAA0B,2BACzDhG,eAAgBimD,EAChBptC,sBAAoB,MAmElBwsC,GA3DN,6BACE,uBAAG9/D,UAAU,gBAAgBL,EAAK,0BAElC,yBAAKwhE,eAAa,GAChB,kBAACpoD,GAAA,EAAD,CACE5Y,IAAI,eACJyC,KAAK,QACLwD,QAAM,EACNg7D,cAAe,EACfphE,UAAU,mBAETL,EAAK,0BAEPkgE,EACCA,EAAiB/mD,IAAI,CAACnb,EAAI+f,IACxB,kBAAC3E,GAAA,EAAD,CACE5Y,IAAKxC,EACLyjE,cAAe1jD,EAAI,EACnB1d,UAAU,kCACVC,QAAS,KAxHrBkgE,EAwH+CxiE,GAvH/C6iE,MAyHY,kBAACrnD,GAAA,EAAD,CAAexa,OAAQhB,MAI3B,kBAACirB,GAAA,EAAD,CAAczoB,IAAI,gBAAgBihE,cAAe,EAAGl+D,KAAK,gCAG7D,uBAAGlD,UAAU,0BAA0BL,EAAK,2BAC5C,kBAAC4a,GAAA,EAAD,CACErY,OAAQq+D,EACRx5D,QAAS05D,EACThoD,OAAQqoD,IACRzsD,UAAW2sD,IACXxmD,aAAc7a,EAAK,uBACnB8a,eAAgBomD,EAChBQ,mBAAiB,WCiCZ76D,mBAAK/H,YAClB,CAACC,GAAUC,SAAQ2iE,8BACjB,MAAMlhE,EAAOnB,YAAWP,EAAQC,GAGhC,MAAO,CAAEyB,OAAMmhE,sBAFenhE,EAAKs7D,WAAa4F,KAIlD,CAACliE,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,iCAPpCZ,CA5N0D,EAC5E2B,OACAohE,uBACAhuC,iBACAqqC,+BACA0D,0BAEA,MAAOzF,EAAaC,GAAkB76D,YAA8B,KAC7D86D,EAAuBC,GAA4B/6D,aAAS,IAC5DmoB,EAAW+tC,GAAgBl2D,aAAS,IACpCugE,EAA6BC,EAA2BC,GAA8Bp/C,eACvF5iB,EAAOC,cAEPgiE,EAAqB5/D,YAAQ,KACjC,GAAK5B,GAASA,EAAKm1B,UAAan1B,EAAKm1B,SAASynC,QAI9C,OAAO58D,EAAKm1B,SAASynC,QAAQzhC,KAAK,EAAGriB,YAAaA,IAAWsoD,IAC5D,CAACphE,EAAMohE,IAEV//D,YAAU,KACJrB,GAAQA,EAAKm1B,UAAYisC,IAAyBI,GACpDpuC,EAAewmC,IAAkBK,mBAElC,CAACj6D,EAAMozB,EAAgBouC,EAAoBJ,IAE9C//D,YAAU,KACRs6D,EAAgB6F,GAAsBA,EAAmBhF,cAAkBx8D,GAAQA,EAAKg7D,qBAAwB,IAChHa,GAAyB,GACzB7E,GAAa,IACZ,CAACh3D,EAAMwhE,IAEV,MAAMnF,EAAyB/8D,YAAakC,IAC1C,MAAM,KAAE6U,GAAS7U,EAAEmI,OAEnB,SAAS2yD,EAA0Bx2D,GACjC,OAAOA,QAAQ7E,EAGjB06D,EAAgB52B,IAAD,IACVA,EACH,CAAC1uB,GAAOimD,EAA0Bv3B,EAAE1uB,OACvB,iBAATA,GAA2B,CAC7B6kD,SAAUoB,EAA0Bv3B,EAAE1uB,QAG1CwlD,GAAyB,IACxB,IAEGU,EAAwBj9D,YAAY,KACnCU,GAASohE,IAIdpK,GAAa,GACbyG,EAA6B,CAC3Bl/D,OAAQyB,EAAKzC,GACbub,OAAQsoD,EACR5E,aAAcd,MAEf,CAAC17D,EAAMohE,EAAsB1F,EAAa+B,IAEvCgE,EAAqBniE,YAAY,KAChCU,GAASohE,GAId3D,EAA6B,CAC3Bl/D,OAAQyB,EAAKzC,GACbub,OAAQsoD,EACR5E,aAAc,CACZkF,cAAc,MAGjB,CAAC1hE,EAAMohE,EAAsB3D,IAE1BkE,EAAuBriE,YAAaS,KACpCohE,MAICnhE,IAASA,EAAKg7D,sBAIZh7D,EAAKg7D,oBAAoBj7D,GAC/B,CAACC,EAAMmhE,IAEV,GAAKK,EAIL,OACE,yBAAK5hE,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAU0iB,UAAQ,EAACz7B,UAAU,uBAC3B,kBAACgZ,GAAA,EAAD,CAAiBE,OAAQ0oD,EAAmB1oD,UAG9C,wBAAIlZ,UAAU,wBAAwBL,EAAK,0BAE3C,yBAAKK,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,SAAUg/B,EAAYuB,aACtB9oC,MAAO50B,EAAK,wBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,gBAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,SAAUg/B,EAAYyB,UACtBhpC,MAAO50B,EAAK,6BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,aAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,SAAUg/B,EAAYT,eAAiBS,EAAYR,SACnD/mC,MAAO50B,EAAK,gCACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,gBAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,SAAUg/B,EAAY0B,UACtBjpC,MAAO50B,EAAK,6BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,aAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAUg/B,EAAY2B,WACtBlpC,MAAO50B,EAAK,8BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,cAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,SAAUg/B,EAAY4B,YACtBnpC,MAAO50B,EAAK,+BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,eAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,SAAUg/B,EAAY6B,YACtBppC,MAAO50B,EAAK,+BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,eAC/Bp2D,SAAU8wD,KAGd,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAUg/B,EAAY8B,WACtBrpC,MAAO50B,EAAK,8BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,cAC/Bp2D,SAAU8wD,OAKd8E,GACA,yBAAKvhE,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,cAAcwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASyhE,GACtD/hE,EAAK,4BAMd,kBAAC,GAAD,CACEoL,QAASixD,EACT/7D,QAAS08D,EACTr6D,UAAW3C,EAAK,QAChB+L,SAAU2d,GAETA,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,gBAIjB,kBAACua,GAAA,EAAD,CACErY,OAAQu/D,EACR16D,QAAS46D,EACTz+D,KAAK,oEACLsX,aAAa,SACbC,eAAgBonD,EAChBvuC,sBAAoB,QCtIb9sB,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IACxBiY,KAAMmN,GAAcrlB,EAAOslB,MAEnC,MAAO,CACL5jB,OACA2W,cAAerY,EAAOqY,cACtB0J,UAAWC,aAActgB,GACzB2jB,cATctlB,CAtFwC,EAC1D2B,OACAqgB,YACA1J,gBACAgN,YACAyP,iBACAooC,yBAEA,MAAMj8D,EAAOC,cAMb,MAAM47D,EAAex5D,YAAQ,IACtB5B,EAAKm1B,UAAan1B,EAAKm1B,SAASimC,aAI9Bp7D,EAAKm1B,SAASimC,aAAapzC,KAAK,CAACC,EAAGC,IACrCD,EAAE25C,SACI,EACC15C,EAAE05C,QACJ,EAGF,GAVA,GAYR,CAAC5hE,IAEE6hE,EAAyBviE,YAAawlD,IAC1C0W,EAAmB1W,EAAOhsC,OAAQgsC,EAAOqX,mBAAqBxlD,GAC9Dyc,EAAewmC,IAAkBkI,kBAChC,CAACnrD,EAAe6kD,EAAoBpoC,IAEjC2uC,EAAkBziE,YAAawlD,IACnC,GAAIA,EAAO8c,QACT,OAAOriE,EAAK,kBAGd,MAAMyiE,EAAiBld,EAAOqX,iBAAmBx4C,EAAUmhC,EAAOqX,uBAAoBl7D,EAEtF,OAAI+gE,EACKziE,EAAK,sBAAuBmoB,YAAgBs6C,IAG9CziE,EAAK,iBACX,CAACA,EAAMokB,IAEV,OACE,yBAAK/jB,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAUnW,KAAK,SAAS02B,WAAS,EAAClzB,QAAM,EAACnG,QA3CjD,WACEuzB,EAAewmC,IAAkBqI,sBA2CzB,0BAAMriE,UAAU,SAASL,EAAK,aAC9B,0BAAMK,UAAU,YAAYL,EAAK8gB,EAAY,4BAA8B,yBAI/E,yBAAKzgB,UAAU,WACb,uBAAGA,UAAU,cACVygB,EACG,8DACA,6DAGL+6C,EAAa1iD,IAAKosC,GACjB,kBAACnsC,GAAA,EAAD,CACE5Y,IAAK+kD,EAAOhsC,OACZlZ,UAAU,sBACVoG,QAAM,EACNnG,QAAS,IAAMgiE,EAAuB/c,IAEtC,kBAAClsC,GAAA,EAAD,CACEE,OAAQgsC,EAAOhsC,OACfD,OAAQkpD,EAAgBjd,GACxBvN,eAAa,YCyCdnxC,mBAAK/H,YAClB,CAACC,GAAUC,aAGF,CAAEyB,KAFInB,YAAWP,EAAQC,KAFhBF,CA5HwC,EAAG2B,WAC7D,MAAMT,EAAOC,cAEP47D,EAAex5D,YAAQ,IACtB5B,GAASA,EAAKm1B,UAAan1B,EAAKm1B,SAASimC,aAIvCp7D,EAAKm1B,SAASimC,aAAapzC,KAAK,CAACC,EAAGC,IACrCD,EAAE25C,SACI,EACC15C,EAAE05C,QACJ,EAGF,GAVA,GAYR,CAAC5hE,IAEE+hE,EAAkBziE,YAAawlD,GAC/BA,EAAO8c,QACFriE,EAAK,kBAGPA,EAAK,gBACX,CAACA,IAEJ,OACE,yBAAKK,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,2BACb,wBAAIA,UAAU,mBAAd,WAEA,yBAAKA,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,qBACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,2BACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,4BACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,6BACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,iCACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,gCACZgM,cAAUtK,KAGd,yBAAKrB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,gCACZgM,cAAUtK,MAKhB,yBAAKrB,UAAU,2BACb,wBAAIA,UAAU,mBAAmBL,EAAK,6BAEtC,yBAAKK,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,SAAS,EACTvI,MAAO50B,EAAK,qBACZgM,cAAUtK,KAIbm6D,EAAa1iD,IAAKosC,GACjB,kBAACnsC,GAAA,EAAD,CACE5Y,IAAK+kD,EAAOhsC,OACZlZ,UAAU,uCACVC,aAASoB,EACT+E,QAAM,GAEN,kBAACy2B,GAAA,EAAD,CAAUtI,MAAM,GAAGuI,SAAS,IAC5B,kBAAC9jB,GAAA,EAAD,CACEE,OAAQgsC,EAAOhsC,OACfD,OAAQkpD,EAAgBjd,GACxBvN,eAAa,YCkMdnxC,mBAAK/H,YAClB,CAACC,GAAUC,SAAQ2iE,8BACjB,MAAMlhE,EAAOnB,YAAWP,EAAQC,IACxBiY,KAAMmN,GAAcrlB,EAAOslB,OAC7B,cAAEjN,GAAkBrY,EAI1B,MAAO,CACL0B,OACA2jB,YACAhN,gBACA0J,UAPgBC,aAActgB,GAQ9BmhE,sBAP4BnhE,EAAKs7D,WAAa4F,KAUlD,CAACliE,EAAWC,IAA2BC,YAAKD,EAAS,CAAC,oBAhBpCZ,CA/RsD,EACxE+iE,uBACAhuC,iBACApzB,OACA2jB,YACAhN,gBACA0J,YACA8gD,sBACAe,sBAEA,MAAOxG,EAAaC,GAAkB76D,YAA6B,KAC5D6tB,EAAWwzC,GAAgBrhE,aAAS,IACpCmoB,EAAW+tC,GAAgBl2D,aAAS,IACpCshE,EAAiCC,EAA+BC,GAAkCngD,gBAClGogD,EAAaC,GAAkB1hE,YAAS,IACzCvB,EAAOC,cAEPgiE,EAAqB5/D,YAAQ,KACjC,GAAK5B,EAAKm1B,UAAan1B,EAAKm1B,SAASimC,aAIrC,OAAOp7D,EAAKm1B,SAASimC,aAAajgC,KAAK,EAAGriB,YAAaA,IAAWsoD,IACjE,CAACphE,EAAMohE,IAEV//D,YAAU,KACJrB,GAAQA,EAAKm1B,UAAYisC,IAAyBI,GACpDpuC,EAAewmC,IAAkBO,qBAElC,CAACn6D,EAAMozB,EAAgBouC,EAAoBJ,IAE9C//D,YAAU,KACRs6D,EAAgB6F,GAAsBA,EAAmBiB,aAAgB,IACzED,GAAiBhB,GAAsBA,EAAmBe,aAAgB,IAAI1zB,OAAO,EAnCzD,KAoC5BszB,GAAa,GACbnL,GAAa,IACZ,CAACwK,IAEJ,MAAMnF,EAAyB/8D,YAAakC,IAC1C,MAAM,KAAE6U,GAAS7U,EAAEmI,OAMnBgyD,EAAgB52B,IAAD,UACVA,EACH,CAAC1uB,IANgCvQ,EAMCi/B,EAAE1uB,IAL7BvQ,QAAQ7E,IADjB,IAAmC6E,IAQnCq8D,GAAa,IACZ,IAEG5F,EAAwBj9D,YAAY,KACnC8hE,IAILpK,GAAa,GACbkL,EAAgB,CACd3jE,OAAQyB,EAAKzC,GACbub,OAAQsoD,EACRqB,YAAa/G,EACb6G,kBAED,CAACviE,EAAMohE,EAAsB1F,EAAa6G,EAAaL,IAEpDQ,EAAqBpjE,YAAY,KAChC8hE,IAILc,EAAgB,CACd3jE,OAAQyB,EAAKzC,GACbub,OAAQsoD,EACRqB,YAAa,KAEfH,MACC,CAACtiE,EAAKzC,GAAI+kE,EAAgClB,EAAsBc,IAE7DP,EAAuBriE,YAAaS,IACpCwf,aAAiBvf,QAIjBmhE,GAAwBnhE,EAAKyiE,eAIzBziE,EAAKyiE,YAAa1iE,IACzB,CAACC,EAAMmhE,IAEJwB,EAAe/gE,YAAQ,KAC3B,IAAK4/D,EACH,OAGF,GAAIA,EAAmBI,QACrB,OAAOriE,EAAK,kBAGd,MAAMyiE,EAAiBR,EAAmBrF,iBACtCx4C,EAAU69C,EAAmBrF,uBAC7Bl7D,EAEJ,OAAI+gE,EACKziE,EAAK,sBAAuBmoB,YAAgBs6C,IAG9CziE,EAAK,iBACX,CAACiiE,EAAoB79C,EAAWpkB,IAE7BqjE,EAA0BtjE,YAAakC,IAC3C,MAAM,MAAEsE,GAAUtE,EAAEmI,OACpB64D,EAAe18D,GACfq8D,GAAa,IACZ,IAEH,GAAKX,EAIL,OACE,yBAAK5hE,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,WACb,kBAAC+Y,GAAA,EAAD,CAAU0iB,UAAQ,EAACz7B,UAAU,uBAC3B,kBAACgZ,GAAA,EAAD,CACEE,OAAQ0oD,EAAmB1oD,OAC3BD,OAAQ8pD,EACRprB,eAAa,KAIjB,wBAAI33C,UAAU,wBAAwBL,EAAK,uBAE3C,yBAAKK,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,aACLqmB,UAAWg/B,EAAY8B,WACvBrpC,MAAO50B,EAAK8gB,EAAY,6BAA+B,4BACvD68C,UAAQ,EACR5xD,SAAUq2D,EAAqB,cAC/Bp2D,SAAU8wD,KAGbh8C,GACC,yBAAKzgB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,UAAWg/B,EAAYmH,aACvB1uC,MAAO50B,EAAK,yBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,gBAC/Bp2D,SAAU8wD,KAIfh8C,GACC,yBAAKzgB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,eACLqmB,UAAWg/B,EAAYoH,aACvB3uC,MAAO50B,EAAK,yBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,gBAC/Bp2D,SAAU8wD,KAIhB,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,iBACLqmB,UAAWg/B,EAAY/7C,eACvBwU,MAAO50B,EAAK8gB,EAAY,0BAA4B,gCACpD68C,UAAQ,EACR5xD,SAAUq2D,EAAqB,kBAC/Bp2D,SAAU8wD,MAGZh8C,GACA,yBAAKzgB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,WACLqmB,UAAWg/B,EAAYqH,SACvB5uC,MAAO50B,EAAK,qBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,YAC/Bp2D,SAAU8wD,KAIhB,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,UAAWg/B,EAAY4B,YACvBnpC,MAAO50B,EAAK,qBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,eAC/Bp2D,SAAU8wD,MAGZh8C,GACA,yBAAKzgB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,cACLqmB,UAAWg/B,EAAY6B,YACvBppC,MAAO50B,EAAK,wBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,eAC/Bp2D,SAAU8wD,KAIhB,yBAAKz8D,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,UAAWg/B,EAAYsH,UACvB7uC,MAAO50B,EAAK,sBACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,aAC/Bp2D,SAAU8wD,MAGZh8C,GACA,yBAAKzgB,UAAU,yBACb,kBAAC68B,GAAA,EAAD,CACEpmB,KAAK,YACLqmB,UAAWg/B,EAAYuH,UACvB9uC,MAAO50B,EAAK,4BACZ29D,UAAQ,EACR5xD,SAAUq2D,EAAqB,aAC/Bp2D,SAAU8wD,KAKf8E,GACC,uBAAGvhE,UAAU,qBACVL,EAAK,kCAIR8gB,GACA,kBAACnI,GAAA,EAAD,CACE3a,GAAG,cACH42B,MAAO50B,EAAK,iBACZgM,SAAUq3D,EACV98D,MAAOy8D,EACPj3D,SAAU61D,EACV+B,UA3PkB,KA+PrBvsD,IAAkByqD,IAAyBD,GAC1C,kBAACxoD,GAAA,EAAD,CAAUnW,KAAK,SAASwD,QAAM,EAAC2c,aAAW,EAAC9iB,QAASwiE,GACjD9iE,EAAK,2BAMd,kBAAC,GAAD,CACEoL,QAASgkB,EACT9uB,QAAS08D,EACTr6D,UAAW3C,EAAK,QAChB+L,SAAU2d,GAETA,EACC,kBAAC/Z,EAAA,EAAD,CAASjN,MAAM,UAEf,uBAAGrC,UAAU,gBAIjB,kBAACua,GAAA,EAAD,CACErY,OAAQsgE,EACRz7D,QAAS27D,EACTx/D,KAAK,+CACLsX,aAAa,UACbC,eAAgBqoD,EAChBxvC,sBAAoB,QCzPb9sB,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IACxBiY,KAAMmN,GAAcrlB,EAAOslB,MAInC,MAAO,CACLg5C,QAJc58D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAASynC,QAKrDj5C,YACAtD,UALgBrgB,GAAQsgB,aAActgB,KAQ1C,CAAChB,EAAWC,IAA2BC,YAAKD,EAAS,CACnD,iBAdgBZ,CA9CkD,EACpEu+D,UACAj5C,YACAtD,YACA8iD,mBAEA,MAAMlrB,EAAYr2C,YAAQ,KACxB,GAAKg7D,GAAYj5C,EAIjB,OAAO2zB,aAAYslB,EAAQlkD,IAAI,EAAGI,YAAaA,GAAS6K,IACvD,CAACi5C,EAASj5C,IAEP0zC,EAAoB/3D,YAAa/B,IACrC4lE,EAAa,CAAE5lE,QACd,CAAC4lE,IAEJ,OACE,yBAAKvjE,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,UAAUmhE,eAAa,GACnC9oB,EACCA,EAAUv/B,IAAI,CAACnb,EAAI+f,IACjB,kBAAC3E,GAAA,EAAD,CACE5Y,IAAKxC,EACLyjE,cAAe1jD,EACf1d,UAAU,kCACVC,QAAS,IAAMw3D,EAAkB95D,IAEjC,kBAACqb,GAAA,EAAD,CAAiBE,OAAQvb,EAAIg6C,eAAa,MAI9C,kBAAC/uB,GAAA,EAAD,CACEw4C,cAAe,EACfjhE,IAAI,gBACJ+C,KAAMud,EAAY,uBAAyB,2BCY1Cja,mBAAK/H,YAClB,CAACC,GAAUC,aACT,MAAMyB,EAAOnB,YAAWP,EAAQC,IACxBiY,KAAMmN,GAAcrlB,EAAOslB,MAInC,MAAO,CACLg5C,QAJc58D,GAAQA,EAAKm1B,UAAYn1B,EAAKm1B,SAASynC,QAKrDj5C,YACAtD,UALgBrgB,GAAQsgB,aAActgB,KALxB3B,CAjDgD,EAClEslB,YACAi5C,UACAv8C,YACA+S,iBACAooC,yBAEA,MAAMvjB,EAAYr2C,YAAQ,KACxB,GAAKg7D,GAAYj5C,EAIjB,OAAO2zB,aAAYslB,EAAQzlD,OAAQ2tC,IAAYA,EAAO8c,SAASlpD,IAAI,EAAGI,YAAaA,GAAS6K,IAC3F,CAACi5C,EAASj5C,IAEPu4C,EAA6B58D,YAAa8jE,IAC9C5H,EAAmB4H,GACnBhwC,EAAewmC,IAAkBwC,uBAChC,CAACZ,EAAoBpoC,IAExB,OACE,yBAAKxzB,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,UAAUmhE,eAAa,GACnC9oB,EACCA,EAAUv/B,IAAI,CAACnb,EAAI+f,IACjB,kBAAC3E,GAAA,EAAD,CACE5Y,IAAKxC,EACLyjE,cAAe1jD,EACf1d,UAAU,kCACVC,QAAS,IAAMq8D,EAA2B3+D,IAE1C,kBAACqb,GAAA,EAAD,CAAiBE,OAAQvb,EAAIg6C,eAAa,MAI9C,kBAAC/uB,GAAA,EAAD,CACEw4C,cAAe,EACfjhE,IAAI,gBACJ+C,KAAMud,EAAY,uBAAyB,2BCyE1Cja,mBAAK/H,YACjBC,IAGQ,CACL+kE,eAHqBC,YAA4BhlE,KAFnCD,CAzG0B,EAC5CE,SACA4wB,gBACAiyC,uBACAF,0BACA9tC,iBACAooC,qBACA6H,qBAEA,OAAQl0C,GACN,KAAKyqC,IAAkB4G,QACrB,OAAQ6C,GACN,IAAK,OACH,OAAO,kBAAC,GAAD,CAAYtjE,IAAKxB,EAAQua,OAAQva,IAC1C,IAAK,QACH,OAAO,kBAAC,GAAD,CAAawB,IAAKxB,EAAQA,OAAQA,EAAQ60B,eAAgBA,IACnE,IAAK,UACH,OAAO,kBAAC,GAAD,CAAerzB,IAAKxB,EAAQA,OAAQA,EAAQ60B,eAAgBA,IAGvE,MAGF,KAAKwmC,IAAkBC,gBACrB,OACE,kBAAC,GAAD,CAAuBt7D,OAAQA,IAGnC,KAAKq7D,IAAkBG,WACrB,OACE,kBAAC,GAAD,CACEx7D,OAAQA,EACR60B,eAAgBA,IAItB,KAAKwmC,IAAkBK,iBACrB,OACE,kBAAC,GAAD,CACE17D,OAAQA,EACR60B,eAAgBA,EAChBooC,mBAAoBA,IAI1B,KAAK5B,IAAkBmC,kBACrB,OACE,kBAAC,GAAD,CAAyBx9D,OAAQA,IAGrC,KAAKq7D,IAAkBqC,2BACrB,OACE,kBAAC,GAAD,CACE19D,OAAQA,EACRi9D,mBAAoBA,EACpBpoC,eAAgBA,IAItB,KAAKwmC,IAAkBwC,qBACrB,OACE,kBAAC,GAAD,CACE79D,OAAQA,EACR6iE,qBAAsBA,EACtBF,wBAAyBA,EACzB9tC,eAAgBA,IAItB,KAAKwmC,IAAkBO,mBACrB,OACE,kBAAC,GAAD,CACE57D,OAAQA,EACR60B,eAAgBA,EAChBooC,mBAAoBA,IAI1B,KAAK5B,IAAkBqI,mBACrB,OACE,kBAAC,GAAD,CACE1jE,OAAQA,IAId,KAAKq7D,IAAkBkI,gBACrB,OACE,kBAAC,GAAD,CACEvjE,OAAQA,EACR6iE,qBAAsBA,EACtBF,wBAAyBA,EACzB9tC,eAAgBA,IAItB,KAAKwmC,IAAkByE,mBACvB,KAAKzE,IAAkBe,aACrB,OACE,kBAAC,GAAD,CAAoBp8D,OAAQA,QCpIpC,MAAMglE,GAAqC,CACzCC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,OAGA,SAASC,GAAgBC,GAC9B,OAAKA,GAGEV,GAAWU,IAFT,GCbX,MAAMC,GAAO,8BACPC,GAAc,uBACdC,GAAc,uBAEb,IAAKC,I,SAAAA,O,qBAAAA,I,eAAAA,I,4BAAAA,Q,KAMZ,MAAMC,GAAgC,CACpC,CAACD,GAASE,SAAU,GACpB,CAACF,GAASG,MAAO,OACjB,CAACH,GAASI,YAAa,cAGlB,SAASC,GAAeC,GAE7B,OADAA,EAAaA,EAAWhnD,QAAQ,MAAO,IACnCumD,GAAK5vC,KAAKqwC,GACLN,GAASG,KAEdL,GAAY7vC,KAAKqwC,IAAeP,GAAY9vC,KAAKqwC,GAC5CN,GAASI,WAEXJ,GAASE,Q,aCSlB,MAAMh2C,GAA2B,CAC/Bq2C,YAAa,GACbC,YAAa,GACbC,KAAM,GACNj4C,MAAO,GACPk4C,YAAa,GACbC,SAAU,GACVv9C,SAAU,GACVwH,MAAO,GACPg2C,MAAO,GACPC,SAAU,GACVP,WAAY,GACZQ,WAAY,GACZC,OAAQ,GACRC,IAAK,GACLC,eAAgB,GAChBC,WAAY,GACZC,UAAU,EACVC,iBAAiB,EACjBC,WAAY,IAGRh5C,GAAgD,CAACG,EAAOE,KAC5D,OAAQA,EAAOnnB,MACb,IAAK,iBACH,MAAO,IACFinB,EACH+3C,YAAa73C,EAAO2B,QACpBg3C,WAAY,IACP74C,EAAM64C,WACTd,iBAAa3jE,IAGnB,IAAK,iBACH,MAAO,IACF4rB,EACHg4C,YAAa93C,EAAO2B,QACpBg3C,WAAY,IACP74C,EAAM64C,WACTb,iBAAa5jE,IAGnB,IAAK,aACH,MAAO,IACF4rB,EACHi4C,KAAM/3C,EAAO2B,QACbg3C,WAAY,IACP74C,EAAM64C,WACTZ,UAAM7jE,IAGZ,IAAK,cACH,MAAO,IACF4rB,EACHA,MAAOE,EAAO2B,QACdg3C,WAAY,IACP74C,EAAM64C,WACT74C,WAAO5rB,IAGb,IAAK,gBACH,MAAO,IACF4rB,EACHk4C,YAAah4C,EAAO2B,QACpB42C,eAAgBK,GAAkB54C,EAAO2B,SACzCg3C,WAAY,IACP74C,EAAM64C,WACTX,iBAAa9jE,IAGnB,IAAK,iBACH,MAAO,IACF4rB,EACHm4C,SAAUj4C,EAAO2B,QACjBg3C,WAAY,IACP74C,EAAM64C,WACTV,cAAU/jE,IAGhB,IAAK,iBACH,MAAO,IACF4rB,EACHpF,SAAUsF,EAAO2B,QACjBg3C,WAAY,IACP74C,EAAM64C,WACTj+C,cAAUxmB,IAGhB,IAAK,cACH,MAAO,IACF4rB,EACHoC,MAAOlC,EAAO2B,QACdg3C,WAAY,IACP74C,EAAM64C,WACTz2C,WAAOhuB,IAGb,IAAK,cACH,MAAO,IACF4rB,EACHo4C,MAAOl4C,EAAO2B,QACdg3C,WAAY,IACP74C,EAAM64C,WACTT,WAAOhkE,IAGb,IAAK,iBACH,MAAO,IAAK4rB,EAAOq4C,SAAUn4C,EAAO2B,SACtC,IAAK,mBACH,MAAO,IACF7B,EACH83C,WAAY53C,EAAO2B,QACnBg3C,WAAY,IACP74C,EAAM64C,WACTf,gBAAY1jE,IAGlB,IAAK,mBACH,MAAO,IACF4rB,EACHs4C,WAAYp4C,EAAO2B,QACnBg3C,WAAY,IACP74C,EAAM64C,WACTP,gBAAYlkE,IAGlB,IAAK,mBACH,MAAO,IACF4rB,EACHu4C,OAAQr4C,EAAO2B,QACfg3C,WAAY,IACP74C,EAAM64C,WACTN,YAAQnkE,IAGd,IAAK,gBACH,MAAO,IACF4rB,EACHw4C,IAAKt4C,EAAO2B,QACZg3C,WAAY,IACP74C,EAAM64C,WACTL,SAAKpkE,IAGX,IAAK,uBACH,MAAO,IACF4rB,EACHy4C,eAAgBv4C,EAAO2B,QACvBg3C,WAAY,IACP74C,EAAM64C,WACTJ,oBAAgBrkE,IAGtB,IAAK,mBACH,MAAO,IACF4rB,EACH04C,WAAYx4C,EAAO2B,QACnBg3C,WAAY,IACP74C,EAAM64C,WACTH,gBAAYtkE,IAGlB,IAAK,iBACH,MAAO,IAAK4rB,EAAO24C,SAAUz4C,EAAO2B,SACtC,IAAK,wBACH,MAAO,IAAK7B,EAAO44C,gBAAiB14C,EAAO2B,SAC7C,IAAK,iBACH,OAAI3B,EAAO2B,QAAQq2C,YACV,IACFl4C,KACAE,EAAO2B,QACV42C,eAAgBK,GAAkB54C,EAAO2B,QAAQq2C,cAG9C,IAAKl4C,KAAUE,EAAO2B,SAC/B,IAAK,gBACH,MAAO,IACF7B,EACH64C,WAAY,IACP74C,EAAM64C,cACN34C,EAAO2B,UAGhB,QACE,OAAO7B,IAIb,SAAS84C,GAAkBC,GACzB,MAAMj1B,EAAUk1B,KAAY1qC,KAAK,EAAG59B,QAASA,IAAOqoE,GACpD,OAAOj1B,EAAUA,EAAQt6B,KAAO,GCvNnB,SAASyvD,GACtB57D,EAAkC67D,EAHX,KAKvB1kE,YAAU,KACJ0F,KAIJhM,WAAW,KACTk3D,YAAQ,KACF/nD,EAAItC,SACNsC,EAAItC,QAAQyP,WAGf0uD,IACF,CAAC77D,EAAK67D,ICoCI3/D,mBAzCe0iB,IAC5B,MAAM,GACJvrB,EADI,MAEJuI,EAFI,MAGJquB,EAHI,SAIJ6xC,EAJI,MAKJ9sD,EALI,IAMJhP,EANI,YAOJiO,EAPI,SAQJ5M,EARI,SASJU,GACE6c,EACEm9C,EAAY/sD,GAASib,EACrB8L,EAAgB50B,aACpB,cACAvF,GAAS,UACToT,GAAS,QACT+sD,GAAa,aACbD,GAAY,aACZ,eAGF,OACE,yBAAKpmE,UAAWqgC,GACd,4BACErgC,UAAU,eACVrC,GAAIA,EACJuI,MAAOA,GAAS,GAChByF,SAAUA,EACV4M,YAAaA,GAAegc,EAC5BjqB,IAAKA,GAEJ+B,GAEFg6D,GAAa1oE,GACZ,2BAAO2oE,QAAS3oE,GAAK0oE,M,OCqJd7/D,mBAlLoB,EACjCymB,QACAs5C,YACAC,YACAC,WACAC,cACA3sC,eAGA,MAAM5uB,EAAWlE,YAAyB,MAEpC0/D,EAAW1/D,YAAyB,MAEpC2/D,EAAmB3/D,YAA0B,MAEnDxF,YAAU,KACJmlE,EAAiB5+D,SAChB4+D,EAAiB5+D,QAAQ9B,QAAU+mB,EAAMk4C,cAC5CyB,EAAiB5+D,QAAQ9B,MAAQ+mB,EAAMk4C,cAExC,CAACl4C,EAAMk4C,cAEV,MAAMxlE,EAAOC,cAEbsmE,GAAuB/6D,GAEvB,MAAM07D,EAAuBnnE,YAAakC,IACxCm4B,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASltB,EAAEmI,OAAO7D,SACpD,CAAC6zB,IAEE+sC,EAAuBpnE,YAAakC,IACxCm4B,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASltB,EAAEmI,OAAO7D,SACpD,CAAC6zB,IAEEgtC,EAAmBrnE,YAAakC,IACpCm4B,EAAS,CAAE/zB,KAAM,aAAc8oB,QAASltB,EAAEmI,OAAO7D,SAChD,CAAC6zB,IAEEitC,EAAoBtnE,YAAakC,IACrCm4B,EAAS,CAAE/zB,KAAM,cAAe8oB,QAASltB,EAAEmI,OAAO7D,SACjD,CAAC6zB,IAEEktC,EAAsBvnE,YAAakC,IACvCm4B,EAAS,CAAE/zB,KAAM,gBAAiB8oB,QAASltB,EAAEmI,OAAO7D,SACnD,CAAC6zB,IAEEmtC,EAAuBxnE,YAAakC,IACxCm4B,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASltB,EAAEmI,OAAO7D,SACpD,CAAC6zB,IAEEotC,EAAuBznE,YAAakC,IACxCm4B,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASltB,EAAEmI,OAAO7D,SACpD,CAAC6zB,IAEEqtC,EAAoB1nE,YAAakC,IACrCm4B,EAAS,CAAE/zB,KAAM,cAAe8oB,QAASltB,EAAEmI,OAAO7D,SACjD,CAAC6zB,IAEEstC,EAAoB3nE,YAAakC,IACrC,IAAI,MAAEsE,GAAUtE,EAAEmI,OAClB7D,EAAS,IAAGA,EAAM6X,QAAQ,MAAO,IAC7B4oD,EAAS3+D,UACX2+D,EAAS3+D,QAAQ9B,MAAQA,GAE3B6zB,EAAS,CAAE/zB,KAAM,cAAe8oB,QAAS5oB,KACxC,CAAC6zB,IAEEutC,EAAuB5nE,YAAakC,IACxCm4B,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASltB,EAAEmI,OAAO7D,SACpD,CAAC6zB,KAEE,WAAE+rC,GAAe74C,EACvB,OACE,yBAAKjtB,UAAU,gBACb,8BACG0mE,EACC,6BACE,4BAAK/mE,EAAK,2BACV,kBAAC2Y,GAAA,EAAD,CACEhO,IAAKa,EACLopB,MAAM,oBACN5oB,SAAUk7D,EACV3gE,MAAO+mB,EAAM+3C,YACbjmD,UAAU,OACVzF,MAAOwsD,EAAWd,cAEpB,kBAAC1sD,GAAA,EAAD,CACEic,MAAM,oBACN5oB,SAAUm7D,EACV5gE,MAAO+mB,EAAMg4C,YACblmD,UAAU,OACVzF,MAAOwsD,EAAWb,cAEpB,kBAAC3sD,GAAA,EAAD,CACEic,MAAM,OACN5oB,SAAUo7D,EACV7gE,MAAO+mB,EAAMi4C,KACbnmD,UAAU,OACVzF,MAAOwsD,EAAWZ,OAEpB,kBAAC5sD,GAAA,EAAD,CACEic,MAAM,QACN5oB,SAAUq7D,EACV9gE,MAAO+mB,EAAMA,MACblO,UAAU,OACVzF,MAAOwsD,EAAW74C,QAEpB,kBAAC,GAAD,CACEsH,MAAM,UACNhc,YAAY,UACZ5M,SAAUs7D,EACV/gE,MAAO+mB,EAAMk4C,YACbiB,SAAUhvE,SAAQ,GAClBuG,GAAG,mBACH2b,MAAOwsD,EAAWX,YAClB76D,IAAKs8D,GAEJX,KAAYntD,IAAI,EAAGrC,OAAM9Y,QACxB,4BACEuI,MAAOvI,EACPqC,UAAU,eAETyW,KAKP,kBAAC6B,GAAA,EAAD,CACEic,MAAM,YACN5oB,SAAUu7D,EACVhhE,MAAO+mB,EAAMm4C,SACbrmD,UAAU,OACVzF,MAAOwsD,EAAWV,iBAGpB/jE,EACFolE,GAAYF,GAAaC,EACzB,4BAAK7mE,EAAK,iCACR0B,EACFolE,GACA,kBAACnuD,GAAA,EAAD,CACEic,MAAM,YACN5oB,SAAUw7D,EACVjhE,MAAO+mB,EAAMpF,SACb9I,UAAU,OACVzF,MAAOwsD,EAAWj+C,WAGpB0+C,GACA,kBAACjuD,GAAA,EAAD,CACEic,MAAM,QACN5oB,SAAUy7D,EACVlhE,MAAO+mB,EAAMoC,MACbtQ,UAAU,QACVzF,MAAOwsD,EAAWz2C,QAGpBm3C,GACA,kBAACluD,GAAA,EAAD,CACEic,MAAM,eACN5oB,SAAU07D,EACVnhE,MAAO+mB,EAAMo4C,MACbtmD,UAAU,MACVzF,MAAOwsD,EAAWT,MAClB/6D,IAAKq8D,IAGT,kBAAC9pC,GAAA,EAAD,CACEtI,MAAO50B,EAAK,uBACZ8iC,SAAU9iC,EAAK,2BACfm9B,QAAS1lC,QAAQ61B,EAAM24C,UACvBj6D,SAAU27D,Q,OC1IL9gE,mBAtCgB,EAC7BymB,QACAs6C,kBACAlD,WACAtqC,eAEAt4B,YAAU,KACH8lE,IAAmBt6C,EAAMq4C,UAG9BvrC,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAASy4C,EAAgB,GAAG5pE,MAC9D,CAAC4pE,EAAiBt6C,EAAMq4C,SAAUvrC,IAErC,MAAMytC,EAAuB9nE,YAAawG,IACxC6zB,EAAS,CAAE/zB,KAAM,iBAAkB8oB,QAAS5oB,KAC3C,CAAC6zB,IAEEoE,EAAUn8B,YAAQ,IAAOulE,EAAgBzuD,IAAI,EAAGnb,GAAIuI,EAAOwT,MAAO6a,EAAOkzC,aAA5B,CACjDlzC,QACAkO,SAAW,GAAE4hC,KAAY5oD,OAAOgsD,EAAS,OACzCvhE,WACI,CAACqhE,EAAiBlD,IAExB,OACE,yBAAKrkE,UAAU,YACb,8BACE,qDACA,kBAACqjC,GAAA,EAAD,CACE5sB,KAAK,mBACL0nB,QAASA,EACTxyB,SAAU67D,EACVlkC,SAAUrW,EAAMq4C,e,OC+B1B,SAASoC,GAAkBhuD,EAAexT,EAAem+D,EAAmBsD,GAAO,GACjF,OACE,yBAAK3nE,UAAY,oBAAkB2nE,EAAO,uBAAyB,KACjE,yBAAK3nE,UAAU,SACX0Z,GAEJ,yBAAK1Z,UAAU,SACV,GAAEqkE,GAAY,OAAOn+D,EAAQ,KAAK3B,QAAQ,OAMrD,SAASqjE,GAAmBhlE,EAAc8W,EAAe8tB,GACvD,OACE,yBAAKxnC,UAAU,sBACb,uBAAGA,UAAW4C,GAAd,KACA,yBAAK5C,UAAU,QACb,yBAAKA,UAAU,SACX0Z,GAEJ,uBAAG1Z,UAAU,QACTwnC,KAOGhhC,mBAjFgB,EAC7BqhE,iBACAC,SACAC,iBACAC,eACA3D,WACA4D,iBAGA,MAAM,SAAEC,EAAF,MAAYxuD,EAAZ,KAAmBxW,GAAU2kE,GAAkB,IAC/C,cACJM,EADI,gBAEJC,EAFI,gBAGJC,EAHI,KAIJ5xD,EAJI,MAKJ4uD,EALI,eAMJiD,GACGN,GAAgB,GACrB,OACE,yBAAKhoE,UAAU,YACb,yBAAKA,UAAU,yBACXkoE,GACA,yBAAKjrE,IAAKirE,EAAU94D,IAAI,KAE1B,yBAAKpP,UAAU,QACb,4BAAM0Z,GACN,2BAAKxW,KAGT,yBAAKlD,UAAU,cACX8nE,GAAUA,EAAOhvD,IAAKyvD,GACtBb,GAAkBa,EAAKh0C,MAAOg0C,EAAKd,OAAQpD,GAAU,IAErD0D,GAAkBA,EAAejvD,IAAKyvD,GACtCb,GAAkBa,EAAKh0C,MAAOg0C,EAAKd,OAAQpD,GAAU,SAEtChjE,IAAf4mE,GACAP,GAAkB,QAASO,EAAY5D,GAAU,IAGrD,yBAAKrkE,UAAU,gBACZmoE,GAAiBP,GAAmB,YAAaO,EAAe,kBAChEC,GAAmBR,GAAmB,kBAAmBQ,EAAiB,oBAC1EC,GAAmBT,GAAmB,gBAAiBS,EAAiB,oBACxE5xD,GAAQmxD,GAAmB,YAAanxD,EAAM,QAC9C4uD,GAASuC,GAAmB,aAAcvC,EAAO,gBACjDiD,GAAkBV,GAAmB,aAAcU,EAAgB,uBC5B7D9hE,mBA/BoB,EAAGN,QAAOoT,QAAO3N,eAElD,MAAM68D,EAAiBvhE,YAAyB,MAE1CwO,EAAgB/V,YAAakC,IACjC,GAAc,cAAVA,EAAEzB,KAA0D,MAAnC+F,EAAMuiE,OAAOviE,EAAM1H,OAAS,GAAY,CACnE,MAAMm2C,EAAWzuC,EAAM0lB,MAAM,EAAG1lB,EAAM1H,OAAS,GAC3CgqE,EAAexgE,UACjBwgE,EAAexgE,QAAQ9B,MAAQyuC,KAGlC,CAACzuC,IAEEm4B,EAAe3+B,YAAakC,IAChC+J,EC9BG,SAA0Bk3C,GAE/B,MAAM6lB,GADN7lB,EAAQA,EAAM9kC,QAAQ,SAAU,IAAI6N,MAAM,EAAG,IACzB/F,MAAM,WAO1B,OANI6iD,GAASA,EAAM,IAAM5+D,OAAO4+D,EAAM,IAAM,KAC1CA,EAAM,GAAK,MAETA,GAASA,EAAM,IAA0B,IAApBA,EAAM,GAAGlqE,SAAiBkqE,EAAM,KACvDA,EAAM,GAAK,IAENA,EAAQA,EAAM79D,KAAK,KAAO,GDqBtB89D,CAAiB/mE,EAAEmI,OAAO7D,SAClC,CAACyF,IAEJ,OACE,kBAAC2M,GAAA,EAAD,CACEic,MAAM,cACNjqB,IAAKk+D,EACL78D,SAAU0yB,EACVuqC,UAAWnzD,EACXvP,MAAOA,EACPoT,MAAOA,EACPyF,UAAU,UACVukD,UAlCmB,MERV,I,OAAA,IAA0B,mDCA1B,OAA0B,4CCmE1B98D,mBA1CkB,EAAGN,QAAOoT,QAAO3N,eAEhD,MAAMk9D,EAAgB5hE,YAAyB,MAE/Ci/D,GAAuB2C,GAEvB,MAAOC,EAAUC,GAAe7nE,YAAiBujE,GAASE,SAC1DljE,YAAU,KACR,MAAMunE,EAAclE,GAAe5+D,GACnC6iE,EAAYC,IAEX,IAEH,MAAM3qC,EAAe3+B,YAAakC,IAChC,MAAM+yC,EH3BH,SAA0BkO,GAE/B,MAAM6lB,GADN7lB,EAAQA,EAAM9kC,QAAQ,SAAU,KACZ8H,MAAM,WAC1B,OAAO6iD,EAAQA,EAAM79D,KAAK,KAAO,GGwBdo+D,CAAiBrnE,EAAEmI,OAAO7D,OACrC8iE,EAAclE,GAAeljE,EAAEmI,OAAO7D,OAC5C6iE,EAAYC,GACZr9D,EAASgpC,GACLk0B,EAAc7gE,UAChB6gE,EAAc7gE,QAAQ9B,MAAQyuC,IAE/B,CAAChpC,EAAUk9D,IAERK,EAqBR,SAAqBJ,GACnB,OAAQA,GACN,KAAKrE,GAASI,WACZ,OAAO,yBAAK5nE,IAAKksE,GAAoB/5D,IAAI,KAC3C,KAAKq1D,GAASG,KACZ,OAAO,yBAAK3nE,IAAKmsE,GAAch6D,IAAI,KACrC,QACE,QA5Bai6D,CAAYP,GAE7B,OACE,yBAAK9oE,UAAU,aACb,0BAAMA,UAAU,cAAckpE,GAC9B,kBAAC5wD,GAAA,EAAD,CACEhO,IAAKu+D,EACLt0C,MAAM,cACN5oB,SAAU0yB,EACVn4B,MAAOA,EACP6Y,UAAU,UACV/e,UAAW8oE,EAAW,iBAAmB,GACzCxvD,MAAOA,EACPgqD,UA5CuB,Q,OC0IhB98D,mBAlImB,EAChCymB,QACAq8C,qBACAC,qBACAC,cACAC,UACA1vC,eAGA,MAAM6sC,EAAmB3/D,YAA0B,MAEnDxF,YAAU,KACJmlE,EAAiB5+D,SAChB4+D,EAAiB5+D,QAAQ9B,QAAU+mB,EAAMy4C,iBAC5CkB,EAAiB5+D,QAAQ9B,MAAQ+mB,EAAMy4C,iBAExC,CAACz4C,EAAMy4C,iBAEV,MAAMgE,EAAyBhqE,YAAawG,IAC1C6zB,EAAS,CAAE/zB,KAAM,mBAAoB8oB,QAAS5oB,KAC7C,CAAC6zB,IAEE4vC,EAAyBjqE,YAAakC,IAC1Cm4B,EAAS,CAAE/zB,KAAM,mBAAoB8oB,QAASltB,EAAEmI,OAAO7D,MAAM0jE,iBAC5D,CAAC7vC,IAEE8vC,EAAqBnqE,YAAawG,IACtC6zB,EAAS,CAAE/zB,KAAM,mBAAoB8oB,QAAS5oB,KAC7C,CAAC6zB,IAEE+vC,EAAkBpqE,YAAakC,IACnCm4B,EAAS,CAAE/zB,KAAM,gBAAiB8oB,QAASltB,EAAEmI,OAAO7D,SACnD,CAAC6zB,IAEEktC,EAAsBvnE,YAAakC,IACvCm4B,EAAS,CAAE/zB,KAAM,uBAAwB8oB,QAASltB,EAAEmI,OAAO7D,SAC1D,CAAC6zB,IAEEgwC,EAA8BrqE,YAAakC,IAC/Cm4B,EAAS,CAAE/zB,KAAM,mBAAoB8oB,QAASltB,EAAEmI,OAAO7D,SACtD,CAAC6zB,IAEEiwC,EAA8BtqE,YAAakC,IAC/Cm4B,EAAS,CAAE/zB,KAAM,wBAAyB8oB,QAASltB,EAAEmI,OAAO7D,SAC3D,CAAC6zB,IAEEp6B,EAAOC,eAEP,WAAEkmE,EAAa,IAAO74C,EAE5B,OACE,yBAAKjtB,UAAU,eACb,8BACE,4BAAKL,EAAK,qBACV,kBAAC,GAAD,CACEgM,SAAU+9D,EACVxjE,MAAO+mB,EAAM83C,WACbzrD,MAAOwsD,EAAWf,aAElBwE,GACA,kBAACjxD,GAAA,EAAD,CACEic,MAAM,eACN5oB,SAAUg+D,EACVzjE,MAAO+mB,EAAMs4C,WACbxmD,UAAU,OACVzF,MAAOwsD,EAAWP,aAGtB,6BAASvlE,UAAU,iBACjB,kBAAC,GAAD,CACEkG,MAAO+mB,EAAMu4C,OACb75D,SAAUk+D,EACVvwD,MAAOwsD,EAAWN,SAEpB,kBAACltD,GAAA,EAAD,CACEic,MAAM,WACN5oB,SAAUm+D,EACV5jE,MAAO+mB,EAAMw4C,IACb1mD,UAAU,UACVukD,UAAW,EACXhqD,MAAOwsD,EAAWL,OAGpB+D,GAAeC,EACf,4BAAK9pE,EAAK,+BACR0B,EACFmoE,GACA,kBAAC,GAAD,CACEj1C,MAAM,UACNhc,YAAY,UACZ5M,SAAUs7D,EACV/gE,MAAO+mB,EAAMy4C,eACbU,SAAUhvE,SAAQ,GAClBuG,GAAG,kBACH2b,MAAOwsD,EAAWJ,eAClBp7D,IAAKs8D,GAGHX,KAAYntD,IAAI,EAAGrC,UACjB,4BACEvQ,MAAOuQ,EACPzW,UAAU,eAETyW,KAMTgzD,GACA,kBAACnxD,GAAA,EAAD,CACEic,MAAM,YACN5oB,SAAUo+D,EACV7jE,MAAO+mB,EAAM04C,WACb5mD,UAAU,OACVzF,MAAOwsD,EAAWH,aAGpB2D,GACA,kBAACzsC,GAAA,EAAD,CACEtI,MAAO50B,EAAK,qCACZm9B,QAAS7P,EAAM44C,gBACfl6D,SAAUq+D,Q,OCsNPxjE,mBAAK/H,YACjBC,IACC,MAAM,KACJqH,EADI,gBAEJwhE,EAFI,UAGJ0C,EAHI,mBAIJX,EAJI,QAKJY,EALI,eAMJrC,EANI,eAOJsC,EAPI,aAQJC,EARI,gBASJC,EATI,MAUJ/wD,GACE5a,EAAO4rE,QAELC,EAAkBnzE,QAAQ8yE,KAAaC,GA7VxB,WA6V0CA,KACzD,mBAAEZ,EAAF,YAAsBC,EAAtB,QAAmCC,GAAaW,GAAgB,IAChE,cACJI,EADI,eAEJC,EAFI,eAGJC,EAHI,yBAIJC,EAJI,SAKJC,EALI,gBAMJC,EANI,gBAOJC,EAPI,SAQJzG,EARI,OASJyD,GACGoC,GAAW,GAEhB,MAAO,CACLnkE,OACAwhE,kBACA0C,YACAX,qBACAa,iBACAE,kBACAG,gBACAG,2BACAF,iBACAC,iBACAE,WACAC,kBACAC,kBACAzG,WACAyD,SACAyC,kBACA1C,iBACA0B,qBACAC,cACAC,UACAnwD,QACAyxD,aAAcrsE,EAAO8a,SAGzB,CAACpa,EAAWC,IACHC,YAAKD,EAAS,CACnB,wBACA,kBACA,iBACA,sBACA,sBA5DcZ,CA/S0D,EAC5EyD,SACA6E,UACAhB,OACAwhE,kBACA0C,YACAX,qBACAkB,gBACAG,2BACAF,iBACAC,iBACAG,kBACAC,kBACAzG,WACAgG,kBACAE,kBACA1C,iBACAsC,iBACArC,SACAyB,qBACAC,cACAC,UACAnwD,QACAyxD,eACAC,wBACAC,kBACAC,iBACAC,sBACAC,wBAEA,MAAOC,EAAcC,GZ2Idz+C,GAAWC,GAAS6B,IY1IrB48C,EAAenH,GAAgBC,IAC9Bh7C,EAAW+tC,GAAgBl2D,aAAS,GACrCvB,EAAOC,cAEb6B,YAAU,MACJsE,GAAQuT,GAASyxD,IACnB3T,GAAa,IAEd,CAACrxD,EAAMuT,EAAOyxD,IAEjBtpE,YAAU,KACR,GAAI6X,GAASA,EAAMkyD,MACjBF,EAAgB,CACdtlE,KAAM,gBACN8oB,QAAS,CACP,CAACxV,EAAMkyD,OAAQlyD,EAAMmyD,mBAK3B,GAAIV,GAAgBA,EAAavsE,OAAQ,CACvC,MAAMgb,EAASkyD,aAAiBX,GAChCO,EAAgB,CACdtlE,KAAM,gBACN8oB,QAAS,IACJtV,OAIR,CAACF,EAAOyxD,EAAcO,IAEzB7pE,YAAU,KACR,GAAIwoE,EAAW,CACb,MACExzD,KAAMoR,EADF,MACYw9C,EADZ,MACmBh2C,EADnB,gBAC0Bg5C,GAC5B4B,EACJqB,EAAgB,CACdtlE,KAAM,iBACN8oB,QAAS,CACPjH,WACAw9C,MAAOA,GAA6B,MAApBA,EAAMoD,OAAO,GACxB,IAAGpD,EACJA,EACJh2C,WACIg5C,GAAmB,QAI5B,CAAC4B,EAAWqB,IAEf,MAAMK,EAAwBjsE,YAAY,KACxC0rE,KACC,CAACA,IAEEnD,EAAajmE,YAAQ,IACrB+D,IAAS6lE,IAAYC,SAChB,EAkSb,SAAuB/D,EAAkB,GAAIP,EAA+CuE,GAC1F,MAAM/D,EAAiBR,EACnBwE,GAAkBxE,EAAiBuE,GACnC,GACJ,IAAIjU,EAAQ,EACZ,MAAMmU,EAAclE,EAAOmE,OAAOlE,GAAkB,IAIpD,OAHAlQ,EAAQmU,EAAYz7B,OAAO,CAAC27B,EAAKC,IACxBD,EAAMC,EAAI1E,OAChB5P,GACIA,EAxSEuU,CAActE,EAAQP,EAAiB8D,EAAa/F,UAC1D,CAACv/D,EAAMslE,EAAa/F,SAAUwC,EAAQP,IAEnCS,EAAehmE,YAAQ,KAC3B,GAAI+D,IAAS6lE,IAAYC,SAGzB,OAoSJ,SAAyB5+C,EAAkBs6C,EAA+Ca,GACxF,MACMD,EAAiB,GbtalB,SAA4BpD,GACjC,MAAM+D,EAAWhE,GAAeC,GAChC,OAAOL,GAAMoE,IAAuB,GamafuD,CAAmBp/C,EAAM83C,gBACJ93C,EAAM83C,WAAWn5C,OAAO,KAC5Dy8C,EAAkBp7C,EAAM+3C,YACzB,GAAE/3C,EAAM+3C,gBAAgB/3C,EAAMi4C,SAASj4C,EAAMk4C,mBAC9C9jE,GACE,MAAEgkE,EAAOx9C,SAAUpR,GAASwW,EAC5B6+C,EAAiBvE,EAAkB+E,GAAmB/E,EAAiBt6C,EAAMq4C,eAAYjkE,EACzFinE,EAAiBwD,EAAiBA,EAAepyD,WAAQrY,EAC/D,MAAO,CACL8mE,gBACAC,kBACAC,kBACA5xD,OACA4uD,QACAiD,kBAnTOiE,CAAgBlB,EAAc9D,EAAiB4C,GAAkB,KACvE,CAACpkE,EAAMslE,EAAc9D,EAAiB4C,IA2EzC,MAAMqC,EAAkB9sE,YAAY,KAClC,MAAM,SAAEkmE,GAAayF,EACfoB,EAyOV,SAAwBpB,GACtB,MAAM,YACJrG,EADI,YAEJC,EAFI,KAGJC,EAHI,MAIJj4C,EAJI,YAKJk4C,EALI,SAMJC,EACAv9C,SAAUpR,EAPN,MAQJ4uD,EARI,MASJh2C,GACEg8C,EAWJ,MAAO,CACL50D,OACA4uD,QACAh2C,QACAg5C,gBAbsB,CACtBrD,cACAC,cACAC,OACAj4C,QACAk4C,cACAC,aA5PoBsH,CAAerB,GACnCL,EAAsB,CAAEyB,cAAa7G,cACpC,CAACoF,EAAuBK,IAErBsB,EAAkBjtE,YAAY,KAClC,MAAMktE,EAkQV,SAAwBvB,GACtB,MAAM,WACJtG,EADI,WACQQ,EADR,OACoBC,EADpB,IAC4BC,EAD5B,eACiCC,EADjC,WACiDC,GACnD0F,GACGwB,EAAaC,GAActH,EAAOr9C,MAAM,KAW/C,MAAO,CACLqf,KAXW,CACXu9B,aACAQ,aACAsH,cACAC,aACArH,MACA10B,QAAS20B,EACTqH,IAAKpH,IA9QeqH,CAAe3B,GACnCF,EAAoB,CAClByB,iBAED,CAACzB,EAAqBE,IAEnB4B,EAAWvtE,YAAY,KAC3BurE,EAAgB,CACdiC,iBAAkB7B,EAAa/F,SAC/BO,gBAAiBwF,EAAaxF,mBAE/B,CAACoF,EAAiBI,IAEf8B,EAAUztE,YAAa0tE,IAC3BlC,EAAe,CAAEnlE,KAAMqnE,KACtB,CAAClC,IAEExqB,EAAoBhhD,YAAY,KAEpC,OADA03D,GAAa,GACLrxD,GACN,KAAK6lE,IAAYyB,aACf,OAAOb,IACT,KAAKZ,IAAY0B,SACf,OAAOH,EAAQvB,IAAY2B,aAC7B,KAAK3B,IAAY2B,YACf,OAAOZ,IACT,KAAKf,IAAYC,SACf,OAAOoB,IACT,QACE,MAAO,SAEV,CAAClnE,EAAMymE,EAAiBW,EAASR,EAAiBM,IAE/C50D,EAAcrW,YAAQ,KAC1B,OAAQ+D,GACN,KAAK6lE,IAAYyB,aACf,OAAO1tE,EAAK,uBACd,KAAKisE,IAAY0B,SACf,OAAO3tE,EAAK,yBACd,KAAKisE,IAAY2B,YACf,OAAO5tE,EAAK,mBACd,KAAKisE,IAAYC,SACf,OAAOlsE,EAAK,mBACd,QACE,MAAO,KAEV,CAACoG,EAAMpG,IAEJ6tE,EAAaxrE,YAAQ,KACzB,OAAQ+D,GACN,KAAK6lE,IAAYC,SACf,MAAQ,OAAMN,KAAgBtD,EAAa,KAAK1jE,QAAQ,KAC1D,QACE,MAAO,cAEV,CAACwB,EAAMkiE,EAAYsD,IAEtB,OAAIhB,EAEA,kBAAC/xD,GAAA,EAAD,CACExY,UAAU,QACVkC,OAAQA,EACR6E,QAASA,GAHX,mHAOE,kBAAC5E,EAAA,EAAD,CACEyX,QAAM,EACN3Z,QAAS8G,GAFX,OAWJ,kBAACyR,GAAA,EAAD,CACExY,UAAU,eACVkC,OAAQA,EACR6E,QAASA,GAET,yBAAK/G,UAAU,UACb,kBAACmC,EAAA,EAAD,CACEnC,UAAU,eACVqC,MAAM,cACND,OAAK,EACL3I,KAAK,UACLwG,QAAS8G,EACTzE,UAAU,SAEV,uBAAGtC,UAAU,gBAEf,4BAAMqY,SAEEhX,IAAT0E,EACC,kBAACwQ,EAAA,EAAD,CAAYE,KAAK,QAAQD,UAAWzQ,GACjC,IACC,yBAAK/F,UAAU,yBA5JzB,SAA4BytE,GAC1B,OAAQA,GACN,KAAK7B,IAAYyB,aACf,OACE,kBAAC,GAAD,CACEpgD,MAAOo+C,EACPtxC,SAAUuxC,EACV5E,YAAatvE,QAAQuzE,GACrBpE,UAAWnvE,QAAQszE,GAAkBI,GACrCtE,UAAWpvE,QAAQqzE,GAAkBI,GACrCpE,SAAUrvE,QAAQozE,KAGxB,KAAKoB,IAAY0B,SACf,OACE,kBAAC,GAAD,CACErgD,MAAOo+C,EACPtxC,SAAUuxC,EACV/D,gBAAiBA,GAAmB,GACpClD,SAAUkH,IAGhB,KAAKK,IAAY2B,YACf,OACE,kBAAC,GAAD,CACEtgD,MAAOo+C,EACPtxC,SAAUuxC,EACVhC,mBAAoBlyE,SAASizE,GAAmBf,GAChDC,mBAAoBA,EACpBC,YAAaA,EACbC,QAASA,IAGf,KAAKmC,IAAYC,SACf,OACE,kBAAC,GAAD,CACE/D,OAAQA,EACRC,eAAgBsD,EAAa/F,UAAYiC,EACrCwE,GAAkBxE,EAAiB8D,EAAa/F,eAChDjkE,EACJ4mE,WAAYA,EACZJ,eAAgBA,EAChBG,aAAcA,EACd3D,SAAUkH,IAGhB,QACE,QA8GOmC,CAAmB3nE,KAK1B,yBAAK/F,UAAU,iBACb,kBAACsP,EAAA,EAAD,CAASjN,MAAM,UAGnB,yBAAKrC,UAAU,UACb,kBAACmC,EAAA,EAAD,CACE6D,KAAK,SACL/F,QAASygD,EACTh1C,SAAU2d,EACVA,UAAWA,GAEVmkD,IAGJl0D,IAAUA,EAAMkyD,OAtMrB,WACE,GAAKlyD,EAGL,OACE,kBAACd,GAAA,EAAD,CACExY,UAAU,QACVkC,OAAQ9K,QAAQkiB,GAChBvS,QAAS4kE,GAET,4BAAKryD,EAAMuP,aAAe,SACzBvP,EAAMuP,aAAe,QACtB,kBAAC1mB,EAAA,EAAD,CACEyX,QAAM,EACN3Z,QAASmrE,GAFX,OA0LwBuC,OAsEhC,SAASrB,GAAmB/E,EAAmCqG,GAC7D,OAAOrG,EAAgBhsC,KAAK,EAAG59B,QAASA,IAAOiwE,GAGjD,SAAS7B,GAAkBxE,EAAmCuE,GAC5D,MAAMttC,EAAS8tC,GAAmB/E,EAAiBuE,GACnD,OAAOttC,EAASA,EAAOspC,YAASzmE,EC/UnBmF,mBAAK/H,YACjBC,IACC,MAAM,QAAEmvE,GAAYnvE,EAAO4rE,SACrB,SACJjG,EACAyD,OAAQgG,EAFJ,KAGJC,EAHI,YAIJC,EAJI,iBAKJC,EALI,eAMJlG,EANI,eAOJO,EAPI,SAQJJ,EARI,KASJhlE,EATI,MAUJwW,GACGm0D,GAAW,GAEhB,MAAO,CACLxJ,WACAyD,OAAQgG,EACRC,OACAC,cACAC,mBACAlG,iBACAO,iBACAJ,WACAhlE,OACAwW,UA1Bcjb,CA1D4B,EAC9CyD,SACA6E,UACA+gE,SACAC,iBACAiG,cACA3J,WACA0J,OACA7F,WACAhlE,OACAwW,QACAu0D,mBACA3F,qBAEA,MAAM3oE,EAAOC,cACP2rE,EAAenH,GAAgBC,GAC/B2D,EAAehmE,YAAQ,IAyE/B,SAAyBmmE,EACvB4F,EAKAzF,GACA,IAAKyF,EACH,MAAO,CAAE5F,iBAEX,MAAM,gBAAEE,GAAoB0F,EACtBG,EAAc7F,GAAmBA,EAAgBrD,YAClD,GAAEqD,EAAgBrD,gBAAgBqD,EAAgBnD,SAASmD,EAAgBlD,mBAC5E9jE,GACE,MAAEgkE,EAAF,KAAS5uD,GAASs3D,EACxB,MAAO,CACL5F,gBACAC,gBAAiB,SACjBC,gBAAiB6F,EACjBz3D,OACA4uD,QACAiD,kBA7FOiE,CAAgB0B,EAAkBF,EAAMzF,GAC9C,CAACyF,EAAMzF,EAAgB2F,IAC1B,OACE,kBAACz1D,GAAA,EAAD,CACExY,UAAU,oCACVkC,OAAQA,EACR6E,QAASA,GAET,6BACE,yBAAK/G,UAAU,UACb,kBAACmC,EAAA,EAAD,CACEnC,UAAU,eACVqC,MAAM,cACND,OAAK,EACL3I,KAAK,UACLwG,QAAS8G,EACTzE,UAAU,SAEV,uBAAGtC,UAAU,gBAEf,gCAAML,EAAK,kBAAX,MAEF,yBAAKK,UAAU,iCACb,kBAAC,GAAD,CACE8nE,OAAQA,EACRC,eAAgBA,EAChBE,WAAY+F,EACZnG,eAAgB,CACdK,WACAhlE,OACAwW,SAEFsuD,aAAcA,EACd3D,SAAUkH,W,yGCtEf,MAAM4C,EAA0B,CACrCC,WCpBa,IAA0B,gEDqBvCC,eErBa,IAA0B,oEFsBvCC,YGtBa,IAA0B,iEHuBvCC,WIvBa,IAA0B,gEJwBvCC,WKxBa,IAA0B,kDLyBvCC,WMzBa,IAA0B,kDN0BvCC,iBO1Ba,IAA0B,8DP6B1B,SAASl2C,EAAiB/hB,GACvC,MAAMk4D,EAAOR,EAAwB13D,GAAMsH,QAAQ7lB,OAAO02E,SAASx4E,OAAQ,IAE3E,OAAO0mD,IAAmB,OAAM6xB,EAAQ97D,iBAAemsB,U,0GQjBzD,MAAM6vC,EAAiE,CACrE7oE,KAAM,OACN8oE,QAAS,GACTC,OAAQ,OACRC,QAAQ,GAIV,IAAIC,EACAC,EAWAC,EAgGW3oE,kBAxDiB,EAAGi0D,OAAM9uD,WAAU5E,cACjD,MAAOqoE,EAAgBC,GAAqBnuE,aAAS,GAErDO,YAAU,KACHg5D,IAIA2U,EA9CT9nC,eAA2BgoC,GACzB,IACE,MAAMC,EAAgB/0E,SAASkB,eAAe,eAC9C,IAAK6zE,EACH,OAGF,MAAM,YAAEvnC,EAAF,aAAelqC,GAAiByxE,EAEtCJ,EAAU,IAAIF,EAAQM,EAAe,CACnCC,YAAY,EACZC,SAAU,CACR/4E,MAAOsxC,EACPvwC,OAAQqG,GAEV4xE,SAAU,CACRh5E,MAAOsxC,EAAc,GACrBvwC,OAAQqG,EAAe,GACvBkI,KAAM,YAIV,MAAM25B,QAAgBgwC,YAAcL,SAC9BH,EAAQS,KAAK,CAAEnpE,IAAKk5B,IAC1B,MAAOkwC,GACHC,KAEFC,QAAQz2D,MAAMu2D,IAyBhBG,CAAYvV,GA/DhBnzB,iBAME,OALK4nC,IACHA,EAAiB,oDACjBD,SAAiBC,GAAgBxgB,SAG5BwgB,EAoDHe,GAAgBx3C,KAAK,IAAM42C,GAAkB,MAM9C,CAAC5U,EAAM2U,IAEV,MAAMzvE,EAAOC,cAab,OACE,kBAAC4Y,EAAA,EAAD,CACEtW,OAAQ9K,QAAQqjE,GAChB1zD,QAASA,EACT2S,MAAM,qBACN1Z,UAAU,YACV2gD,gBAAc,GAEbyuB,EACC,yBAAKzxE,GAAG,gBAER,kBAACyb,EAAA,EAAD,MAEF,kBAACjX,EAAA,EAAD,CACEnC,UAAU,iBACVoC,OAAK,EACLC,MAAM,UACNpC,QA5BNqnC,iBACE,IAAK6nC,EACH,OAGF,MAAM3+B,QAA8B2+B,EAAQ3+B,OAAOq+B,GAC7CqB,EAA+B,iBAAX1/B,EAAsBA,EAAS2/B,YAAW3/B,EAAQ,cAE5E7kC,EAASukE,IAqBL5tE,UAAW3C,EAAK,cAEhB,uBAAGK,UAAU,mB,OC3CNwG,gBAhEsB,EACnCkT,QAAQ,8BACRhO,WACA4qB,uBACA3qB,eAEA,MAAOykE,EAAcC,GAAmBnvE,eACjCovE,EAAgBC,GAAqBrvE,YAA6Bo1B,GAEzE70B,YAAU,KACR8uE,EAAkBj6C,IACjB,CAACA,IA2BJ,MAAMk6C,EAAiB/kE,YACrB6kE,GAAkB,SAClB5kE,GAAY,YAGd,OACE,yBAAK1L,UAAU,kBACb,2BACEA,UAAWwwE,EACX5xD,KAAK,SACLC,SAAU,EACVnF,MAAOA,GAEP,2BACE1T,KAAK,OACL2F,SAxCR,SAA0BgwB,GACxB,MAAM5xB,EAAS4xB,EAAM5xB,OAEhBA,GAAWA,EAAO+8B,OAAU/8B,EAAO+8B,MAAM,KAI9CupC,EAAgBtmE,EAAO+8B,MAAM,IAC7B/8B,EAAO7D,MAAQ,KAiCT09B,OAAO,0BAET,uBAAG5jC,UAAU,oBACZswE,GAAkB,yBAAKrzE,IAAKqzE,EAAgBlhE,IAAI,YAEnD,kBAAC,EAAD,CAAWqrD,KAAM2V,EAAcrpE,QAzBnC,WACEspE,OAAgBhvE,IAwB4CsK,SAnC9D,SAA0BukE,GACxBG,OAAgBhvE,GAChBsK,EAASukE,GAELI,GACFG,IAAIC,gBAAgBJ,GAEtBC,EAAkBE,IAAIE,gBAAgBT,W,+DCjD1C,kDAiBA,MACMU,EAAuC,CAAC,EAAG,IAC3CC,EAAwC,CAAC,EAAG,IAC5CC,EAAsC,CAAC,GAAI,GAC3CC,EAAexuE,IAAmByuE,KAA2BC,KAsDpDzqE,gBApDsB,EAAGstC,oBAAmBD,YACzD,MAAOq9B,EAAiBC,GAAsBjwE,eACvCkwE,EAAgBC,GAAqBnwE,eACrCowE,EAAqBC,GAA0BrwE,aAAS,IACxDswE,EAAaC,GAAkBvwE,aAAS,GAE/CO,YAAU,KACHyvE,EAGH/1E,WAAW,IAAMs2E,GAAe,GAhBP,KAczBj5C,YAAiB,eAAeC,KAAK04C,IAItC,CAACD,IAEJzvE,YAAU,KACH2vE,GACH54C,YAAiB,cAAcC,KAAK44C,IAErC,CAACD,IAEJ,MAAMM,EAAwBhyE,YAAY,IAAM6xE,GAAuB,GAAO,IAE9E,OACE,yBAAK5zE,GAAG,SAASqC,UAAW6zC,EAAQ,MAAQ,KACxCy9B,GACA,yBAAKtxE,UAAU,mBAEhBkxE,GACC,kBAAC,IAAD,CACEvzE,GAAG,cACHlE,KAAMo6C,EAAQ89B,KAAsBZ,EACpC/wE,UAAWwxE,EAAc,SAAW,QACpCr5C,cAAe+4C,EACfU,YAAahB,EACb33C,QAAM,EACNC,OAAQw4C,IAGXN,GACC,kBAAC,IAAD,CACEzzE,GAAG,aACHlE,KAAMo6C,EAAQ89B,KAAsBZ,EACpC/wE,UAAWwxE,EAAc,QAAU,SACnCr5C,cAAei5C,EACfQ,YAAa99B,EAAoB+8B,EAAsBC,EACvD73C,QAAM,Q,6BCnEhB,wCAuBA,MAAMib,EAAyB3xC,IAAmB,IAAM,IAkGzCiE,gBAhGoB,EACjC6iB,aAAY,EACZyqB,oBACAx6B,QACA8V,OACA7W,cAAc,WACd46B,cAAc,OACdC,aACAY,6BACA69B,gBACA31D,eAGA,MAAM/Q,EAAWlE,YAAyB,OAEnCkoB,EAAU2iD,GAAe5wE,YAAS,KAClC6wE,EAAWC,GAAgB9wE,aAAS,GAgD3C,OA9CAO,YAAU,KACH0F,KACHhM,WAAW,KACTgQ,EAASnD,QAASyP,SACjBy8B,IAEJ,IAEHzyC,YAAU,KACJ6X,GACF1e,sBAAsB,KACpBuQ,EAASnD,QAASyP,QAClBtM,EAASnD,QAASiqE,YAGrB,CAAC34D,IAgCF,0BAAM6T,OAAO,GAAGjR,SAblB,SAAsByf,GACpBA,EAAMntB,iBAEF6a,GAIA0oD,GACF71D,EAASiT,IAK6B+iD,aAAa,OACnD,yBAAKlyE,UAAWyL,YAAe,6BAA8B0jB,GAAY,UAAW7V,GAAS,UAC3F,2BACEhP,IAAKa,EACLnL,UAAU,eACVgG,KAAM8tC,EAAoB,OAAS,WACnCn2C,GAAG,mBACHuI,MAAOipB,GAAY,GACnB+iD,aAAa,mBACbvmE,SAvCR,SAA0B/J,GACpB0X,GACF85B,IAGF,MAAM,OAAErpC,GAAWnI,EACnBkwE,EAAY/nE,EAAO7D,OACnB8rE,EAAajoE,EAAO7D,MAAM1H,QAAU2zE,KAChCN,GACFA,EAAc9nE,EAAO7D,UAgCnB,+BAAQoT,GAAS8V,GAAQ7W,GACzB,yBACEvY,UAAU,kBACVC,QA/BR,WACE+zC,GAA4BF,IA+BtBl1B,KAAK,SACLC,SAAU,EACVnF,MAAM,8BAEN,uBAAG1Z,UAAW8zC,EAAoB,WAAa,sBAGlDi+B,GACC,kBAAC,IAAD,CAAQ/rE,KAAK,SAASI,QAAM,EAACijB,UAAWA,GACrC8pB,O","file":"3.91a1da61c17d38fb3b13.js","sourcesContent":["import { ApiMessage } from '../../../api/types';\nimport { MediaViewerOrigin } from '../../../types';\n\nimport { ANIMATION_END_DELAY } from '../../../config';\nimport { getMessageContent, getPhotoFullDimensions, getVideoDimensions } from '../../../modules/helpers';\nimport {\n AVATAR_FULL_DIMENSIONS,\n calculateDimensions,\n getMediaViewerAvailableDimensions,\n MEDIA_VIEWER_MEDIA_QUERY,\n REM,\n} from '../../common/helpers/mediaDimensions';\n\nimport windowSize from '../../../util/windowSize';\n\nconst ANIMATION_DURATION = 200;\n\nexport function animateOpening(\n hasFooter: boolean, origin: MediaViewerOrigin, bestImageData: string, message?: ApiMessage,\n) {\n const { mediaEl: fromImage } = getNodes(origin, message);\n if (!fromImage) {\n return;\n }\n\n const { width: windowWidth } = windowSize.get();\n\n let isVideo = false;\n let mediaSize;\n if (message) {\n const { photo, video, webPage } = getMessageContent(message);\n isVideo = Boolean(video);\n mediaSize = video ? getVideoDimensions(video)! : getPhotoFullDimensions((photo || webPage!.photo)!)!;\n } else {\n mediaSize = AVATAR_FULL_DIMENSIONS;\n }\n\n // eslint-disable-next-line max-len\n const {\n width: availableWidth, height: availableHeight,\n } = getMediaViewerAvailableDimensions(hasFooter, isVideo);\n const { width: toWidth, height: toHeight } = calculateDimensions(\n availableWidth, availableHeight, mediaSize.width, mediaSize.height,\n );\n const toLeft = (windowWidth - toWidth) / 2;\n const toTop = getTopOffset(hasFooter) + (availableHeight - toHeight) / 2;\n\n let {\n top: fromTop, left: fromLeft, width: fromWidth, height: fromHeight,\n } = fromImage.getBoundingClientRect();\n\n if ([\n MediaViewerOrigin.SharedMedia,\n MediaViewerOrigin.Album,\n MediaViewerOrigin.ScheduledAlbum,\n MediaViewerOrigin.SearchResult,\n ].includes(origin)) {\n const uncovered = uncover(toWidth, toHeight, fromTop, fromLeft, fromWidth, fromHeight);\n fromTop = uncovered.top;\n fromLeft = uncovered.left;\n fromWidth = uncovered.width;\n fromHeight = uncovered.height;\n }\n\n const fromTranslateX = (fromLeft + fromWidth / 2) - (toLeft + toWidth / 2);\n const fromTranslateY = (fromTop + fromHeight / 2) - (toTop + toHeight / 2);\n const fromScaleX = fromWidth / toWidth;\n const fromScaleY = fromHeight / toHeight;\n\n const ghost = createGhost(bestImageData || fromImage);\n applyStyles(ghost, {\n top: `${toTop}px`,\n left: `${toLeft}px`,\n width: `${toWidth}px`,\n height: `${toHeight}px`,\n transform: `translate3d(${fromTranslateX}px, ${fromTranslateY}px, 0) scale(${fromScaleX}, ${fromScaleY})`,\n });\n applyShape(ghost, origin);\n\n document.body.classList.add('ghost-animating');\n\n requestAnimationFrame(() => {\n document.body.appendChild(ghost);\n\n requestAnimationFrame(() => {\n ghost.style.transform = '';\n clearShape(ghost);\n\n setTimeout(() => {\n requestAnimationFrame(() => {\n if (document.body.contains(ghost)) {\n document.body.removeChild(ghost);\n }\n document.body.classList.remove('ghost-animating');\n });\n }, ANIMATION_DURATION + ANIMATION_END_DELAY);\n });\n });\n}\n\nexport function animateClosing(origin: MediaViewerOrigin, bestImageData: string, message?: ApiMessage) {\n const { container, mediaEl: toImage } = getNodes(origin, message);\n if (!toImage) {\n return;\n }\n\n const fromImage = document.getElementById('MediaViewer')!.querySelector<HTMLImageElement>(\n '.active .media-viewer-content img, .active .media-viewer-content video',\n );\n if (!fromImage || !toImage) {\n return;\n }\n\n const {\n top: fromTop, left: fromLeft, width: fromWidth, height: fromHeight,\n } = fromImage.getBoundingClientRect();\n const {\n top: targetTop, left: toLeft, width: toWidth, height: toHeight,\n } = toImage.getBoundingClientRect();\n\n let toTop = targetTop;\n if (!isElementInViewport(container)) {\n const { height: windowHeight } = windowSize.get();\n toTop = targetTop < fromTop ? -toHeight : windowHeight;\n }\n\n const fromTranslateX = (fromLeft + fromWidth / 2) - (toLeft + toWidth / 2);\n const fromTranslateY = (fromTop + fromHeight / 2) - (toTop + toHeight / 2);\n let fromScaleX = fromWidth / toWidth;\n let fromScaleY = fromHeight / toHeight;\n\n const shouldFadeOut = (\n [MediaViewerOrigin.Inline, MediaViewerOrigin.ScheduledInline].includes(origin)\n && !isMessageImageFullyVisible(container, toImage)\n ) || (\n [MediaViewerOrigin.Album, MediaViewerOrigin.ScheduledAlbum].includes(origin)\n && !isMessageImageFullyVisible(container, toImage)\n );\n\n if ([\n MediaViewerOrigin.SharedMedia,\n MediaViewerOrigin.Album,\n MediaViewerOrigin.ScheduledAlbum,\n MediaViewerOrigin.SearchResult,\n ].includes(origin)) {\n if (fromScaleX > fromScaleY) {\n fromScaleX = fromScaleY;\n } else if (fromScaleY > fromScaleX) {\n fromScaleY = fromScaleX;\n }\n }\n\n const existingGhost = document.getElementsByClassName('ghost')[0] as HTMLDivElement;\n\n const ghost = existingGhost || createGhost(bestImageData || toImage, origin === MediaViewerOrigin.ProfileAvatar);\n if (!existingGhost) {\n applyStyles(ghost, {\n top: `${toTop}px`,\n left: `${toLeft}px`,\n width: `${toWidth}px`,\n height: `${toHeight}px`,\n transform: `translate3d(${fromTranslateX}px, ${fromTranslateY}px, 0) scale(${fromScaleX}, ${fromScaleY})`,\n });\n }\n\n requestAnimationFrame(() => {\n if (existingGhost) {\n const {\n top,\n left,\n width,\n height,\n } = existingGhost.getBoundingClientRect();\n const scaleX = width / toWidth;\n const scaleY = height / toHeight;\n\n applyStyles(ghost, {\n transition: 'none',\n top: `${toTop}px`,\n left: `${toLeft}px`,\n transformOrigin: 'top left',\n transform: `translate3d(${left - toLeft}px, ${top - toTop}px, 0) scale(${scaleX}, ${scaleY})`,\n width: `${toWidth}px`,\n height: `${toHeight}px`,\n });\n }\n document.body.classList.add('ghost-animating');\n if (!existingGhost) document.body.appendChild(ghost);\n\n requestAnimationFrame(() => {\n if (existingGhost) {\n existingGhost.style.transition = '';\n }\n\n ghost.style.transform = '';\n\n if (shouldFadeOut) {\n ghost.style.opacity = '0';\n }\n\n applyShape(ghost, origin);\n\n setTimeout(() => {\n requestAnimationFrame(() => {\n if (document.body.contains(ghost)) {\n document.body.removeChild(ghost);\n }\n document.body.classList.remove('ghost-animating');\n });\n }, ANIMATION_DURATION + ANIMATION_END_DELAY);\n });\n });\n}\n\nfunction createGhost(source: string | HTMLImageElement | HTMLVideoElement, shouldAppendProfileInfo = false) {\n const ghost = document.createElement('div');\n ghost.classList.add('ghost');\n\n const img = new Image();\n\n if (typeof source === 'string') {\n img.src = source;\n } else if (source instanceof HTMLVideoElement) {\n img.src = source.poster;\n } else {\n img.src = source.src;\n }\n\n ghost.appendChild(img);\n\n if (shouldAppendProfileInfo) {\n ghost.classList.add('ProfileInfo');\n const profileInfo = document.querySelector('#RightColumn .ProfileInfo .info');\n if (profileInfo) {\n ghost.appendChild(profileInfo.cloneNode(true));\n }\n }\n\n return ghost;\n}\n\nfunction uncover(realWidth: number, realHeight: number, top: number, left: number, width: number, height: number) {\n if (realWidth === realHeight) {\n const size = Math.max(width, height) * (realWidth / realHeight);\n left -= (size - width) / 2;\n top -= (size - height) / 2;\n width = size;\n height = size;\n } else if (realWidth > realHeight) {\n const srcWidth = width;\n width = height * (realWidth / realHeight);\n left -= (width - srcWidth) / 2;\n } else if (realHeight > realWidth) {\n const srcHeight = height;\n height = width * (realHeight / realWidth);\n top -= (height - srcHeight) / 2;\n }\n\n return {\n top, left, width, height,\n };\n}\n\nfunction isElementInViewport(el: HTMLElement) {\n if (el.style.display === 'none') {\n return false;\n }\n\n const rect = el.getBoundingClientRect();\n const { height: windowHeight } = windowSize.get();\n\n return (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0);\n}\n\nfunction isMessageImageFullyVisible(container: HTMLElement, imageEl: HTMLElement) {\n const messageListElement = document.querySelector<HTMLDivElement>('.active > .MessageList')!;\n let imgOffsetTop = container.offsetTop + imageEl.closest<HTMLDivElement>('.content-inner, .WebPage')!.offsetTop;\n if (container.id.includes('album-media-')) {\n imgOffsetTop += container.parentElement!.offsetTop + container.closest<HTMLDivElement>('.Message')!.offsetTop;\n }\n\n return imgOffsetTop > messageListElement.scrollTop\n && imgOffsetTop + imageEl.offsetHeight < messageListElement.scrollTop + messageListElement.offsetHeight;\n}\n\nfunction getTopOffset(hasFooter: boolean) {\n const mql = window.matchMedia(MEDIA_VIEWER_MEDIA_QUERY);\n let topOffsetRem = 4.125;\n if (hasFooter) {\n topOffsetRem += mql.matches ? 0.875 : 3.375;\n }\n\n return topOffsetRem * REM;\n}\n\nfunction applyStyles(element: HTMLElement, styles: Record<string, string>) {\n Object.assign(element.style, styles);\n}\n\nfunction getNodes(origin: MediaViewerOrigin, message?: ApiMessage) {\n let containerSelector;\n let mediaSelector;\n\n switch (origin) {\n case MediaViewerOrigin.Album:\n case MediaViewerOrigin.ScheduledAlbum:\n containerSelector = `.active > .MessageList #album-media-${message!.id}`;\n mediaSelector = '.full-media';\n break;\n\n case MediaViewerOrigin.SharedMedia:\n containerSelector = `#shared-media${message!.id}`;\n mediaSelector = 'img';\n break;\n\n case MediaViewerOrigin.SearchResult:\n containerSelector = `#search-media${message!.id}`;\n mediaSelector = 'img';\n break;\n\n case MediaViewerOrigin.MiddleHeaderAvatar:\n containerSelector = '.MiddleHeader .ChatInfo .Avatar';\n mediaSelector = 'img.avatar-media';\n break;\n\n case MediaViewerOrigin.ProfileAvatar:\n containerSelector = '#RightColumn .ProfileInfo .active .ProfilePhoto';\n mediaSelector = 'img.avatar-media';\n break;\n\n case MediaViewerOrigin.ScheduledInline:\n case MediaViewerOrigin.Inline:\n default:\n containerSelector = `.active > .MessageList #message${message!.id}`;\n mediaSelector = '.message-content .full-media, .message-content .thumbnail';\n }\n\n const container = document.querySelector<HTMLElement>(containerSelector)!;\n const mediaEls = container && container.querySelectorAll<HTMLImageElement | HTMLVideoElement>(mediaSelector);\n\n return {\n container,\n mediaEl: mediaEls && mediaEls[mediaEls.length - 1],\n };\n}\n\nfunction applyShape(ghost: HTMLDivElement, origin: MediaViewerOrigin) {\n switch (origin) {\n case MediaViewerOrigin.Album:\n case MediaViewerOrigin.ScheduledAlbum:\n case MediaViewerOrigin.Inline:\n case MediaViewerOrigin.ScheduledInline:\n ghost.classList.add('rounded-corners');\n break;\n\n case MediaViewerOrigin.SharedMedia:\n case MediaViewerOrigin.ProfileAvatar:\n case MediaViewerOrigin.SearchResult:\n (ghost.firstChild as HTMLElement).style.objectFit = 'cover';\n break;\n\n case MediaViewerOrigin.MiddleHeaderAvatar:\n ghost.classList.add('circle');\n break;\n }\n}\n\nfunction clearShape(ghost: HTMLDivElement) {\n (ghost.firstChild as HTMLElement).style.objectFit = 'default';\n ghost.classList.remove('rounded-corners', 'circle');\n}\n","import React, { FC, useCallback } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiChat, ApiMessage, ApiUser } from '../../api/types';\n\nimport { getSenderTitle, isChatPrivate } from '../../modules/helpers';\nimport { formatMediaDateTime } from '../../util/dateFormat';\nimport renderText from '../common/helpers/renderText';\nimport {\n selectChat,\n selectChatMessage,\n selectSender,\n selectUser,\n} from '../../modules/selectors';\nimport { pick } from '../../util/iteratees';\nimport useLang from '../../hooks/useLang';\n\nimport Avatar from '../common/Avatar';\n\nimport './SenderInfo.scss';\n\ntype OwnProps = {\n chatId?: number;\n messageId?: number;\n isAvatar?: boolean;\n};\n\ntype StateProps = {\n sender?: ApiUser | ApiChat;\n message?: ApiMessage;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'closeMediaViewer' | 'focusMessage'>;\n\nconst SenderInfo: FC<OwnProps & StateProps & DispatchProps> = ({\n chatId, messageId, sender, isAvatar, message, closeMediaViewer, focusMessage,\n}) => {\n const handleFocusMessage = useCallback(() => {\n closeMediaViewer();\n focusMessage({ chatId, messageId });\n }, [chatId, focusMessage, messageId, closeMediaViewer]);\n\n const lang = useLang();\n\n if (!sender || (!message && !isAvatar)) {\n return undefined;\n }\n\n const isFromChat = sender.id < 0;\n const senderTitle = getSenderTitle(sender);\n\n return (\n <div className=\"SenderInfo\" onClick={handleFocusMessage}>\n {isFromChat ? (\n <Avatar key={sender.id} size=\"medium\" chat={sender as ApiChat} />\n ) : (\n <Avatar key={sender.id} size=\"medium\" user={sender as ApiUser} />\n )}\n <div className=\"meta\">\n <div className=\"title\">\n {senderTitle && renderText(senderTitle)}\n </div>\n <div className=\"date\">\n {isAvatar ? lang('lng_mediaview_profile_photo') : formatMediaDateTime(message!.date * 1000)}\n </div>\n </div>\n </div>\n );\n};\n\nexport default withGlobal<OwnProps>(\n (global, { chatId, messageId, isAvatar }): StateProps => {\n if (isAvatar && chatId) {\n return {\n sender: isChatPrivate(chatId) ? selectUser(global, chatId) : selectChat(global, chatId),\n };\n }\n\n if (!messageId || !chatId) {\n return {};\n }\n\n const message = selectChatMessage(global, chatId, messageId);\n\n return {\n message,\n sender: message && selectSender(global, message),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['closeMediaViewer', 'focusMessage']),\n)(SenderInfo);\n","import React, {\n FC, useCallback, useEffect, useMemo, useState,\n} from '../../lib/teact/teact';\n\nimport { ApiMessage } from '../../api/types';\n\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport download from '../../util/download';\nimport { getMessageMediaHash } from '../../modules/helpers';\nimport useMediaWithDownloadProgress from '../../hooks/useMediaWithDownloadProgress';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\nimport DropdownMenu from '../ui/DropdownMenu';\nimport MenuItem from '../ui/MenuItem';\nimport ProgressSpinner from '../ui/ProgressSpinner';\n\nimport './MediaViewerActions.scss';\n\ntype OwnProps = {\n mediaData?: string;\n isVideo: boolean;\n isZoomed: boolean;\n message?: ApiMessage;\n fileName?: string;\n isAvatar?: boolean;\n onCloseMediaViewer: NoneToVoidFunction;\n onForward: NoneToVoidFunction;\n onZoomToggle: NoneToVoidFunction;\n};\n\nconst MediaViewerActions: FC<OwnProps> = ({\n mediaData,\n isVideo,\n isZoomed,\n message,\n fileName,\n isAvatar,\n onCloseMediaViewer,\n onForward,\n onZoomToggle,\n}) => {\n const [isVideoDownloadAllowed, setIsVideoDownloadAllowed] = useState(false);\n const videoMediaHash = isVideo && message ? getMessageMediaHash(message, 'download') : undefined;\n const {\n mediaData: videoBlobUrl, downloadProgress,\n } = useMediaWithDownloadProgress(videoMediaHash, !isVideoDownloadAllowed);\n\n // Download with browser when fully loaded\n useEffect(() => {\n if (isVideoDownloadAllowed && videoBlobUrl) {\n download(videoBlobUrl, fileName!);\n setIsVideoDownloadAllowed(false);\n }\n }, [fileName, videoBlobUrl, isVideoDownloadAllowed]);\n\n // Cancel download on slide change\n useEffect(() => {\n setIsVideoDownloadAllowed(false);\n }, [videoMediaHash]);\n\n const handleVideoDownloadClick = useCallback((e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n setIsVideoDownloadAllowed((isAllowed) => !isAllowed);\n }, []);\n\n const lang = useLang();\n\n const MenuButton: FC<{ onTrigger: () => void; isOpen?: boolean }> = useMemo(() => {\n return ({ onTrigger, isOpen }) => (\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n className={isOpen ? 'active' : undefined}\n onClick={onTrigger}\n ariaLabel=\"More actions\"\n >\n <i className=\"icon-more\" />\n </Button>\n );\n }, []);\n\n if (IS_MOBILE_SCREEN) {\n return (\n <div className=\"MediaViewerActions-mobile\">\n <DropdownMenu\n trigger={MenuButton}\n positionX=\"right\"\n >\n {!isAvatar && (\n <MenuItem\n icon=\"forward\"\n onClick={onForward}\n >\n {lang('Forward')}\n </MenuItem>\n )}\n {isVideo ? (\n <MenuItem\n icon={isVideoDownloadAllowed ? 'close' : 'download'}\n onClick={handleVideoDownloadClick}\n >\n {isVideoDownloadAllowed ? `${Math.round(downloadProgress * 100)}% Downloading...` : 'Download'}\n </MenuItem>\n ) : (\n <MenuItem\n icon=\"download\"\n href={mediaData}\n download={fileName}\n >\n {lang('AccActionDownload')}\n </MenuItem>\n )}\n </DropdownMenu>\n {isVideoDownloadAllowed && <ProgressSpinner progress={downloadProgress} size=\"s\" noCross />}\n </div>\n );\n }\n\n return (\n <div className=\"MediaViewerActions\">\n {!isAvatar && (\n <>\n <Button\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={lang('Forward')}\n onClick={onForward}\n >\n <i className=\"icon-forward\" />\n </Button>\n </>\n )}\n {isVideo ? (\n <Button\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={lang('AccActionDownload')}\n onClick={handleVideoDownloadClick}\n >\n {isVideoDownloadAllowed ? (\n <ProgressSpinner progress={downloadProgress} size=\"s\" onClick={handleVideoDownloadClick} />\n ) : (\n <i className=\"icon-download\" />\n )}\n </Button>\n ) : (\n <Button\n href={mediaData}\n download={fileName}\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={lang('AccActionDownload')}\n >\n <i className=\"icon-download\" />\n </Button>\n )}\n <Button\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={isZoomed ? 'Zoom Out' : 'Zoom In'}\n onClick={onZoomToggle}\n >\n <i className={isZoomed ? 'icon-zoom-out' : 'icon-zoom-in'} />\n </Button>\n <Button\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={lang('Close')}\n onClick={onCloseMediaViewer}\n >\n <i className=\"icon-close\" />\n </Button>\n </div>\n );\n};\n\nexport default MediaViewerActions;\n","import React, { FC, useEffect, useState } from '../../lib/teact/teact';\nimport { throttle } from '../../util/schedulers';\nimport { TextPart } from '../common/helpers/renderMessageText';\nimport { REM } from '../common/helpers/mediaDimensions';\n\nimport './MediaViewerFooter.scss';\n\nconst RESIZE_THROTTLE_MS = 500;\n\ntype OwnProps = {\n text: TextPart | TextPart[];\n onClick: () => void;\n isHideable: boolean;\n};\n\nconst MediaViewerFooter: FC<OwnProps> = ({ text = '', isHideable, onClick }) => {\n const [isMultiline, setIsMultiline] = useState(false);\n useEffect(() => {\n const footerContent = document.querySelector('.MediaViewerFooter .media-text') as HTMLDivElement | null;\n\n const checkIsMultiline = () => {\n const height = footerContent ? footerContent.clientHeight : 0;\n\n setIsMultiline(height > REM * 2);\n };\n\n // First run for initial detection of multiline footer text\n checkIsMultiline();\n\n const handleResize = throttle(checkIsMultiline, RESIZE_THROTTLE_MS, true);\n\n window.addEventListener('resize', handleResize, false);\n\n return () => {\n window.removeEventListener('resize', handleResize, false);\n };\n }, []);\n\n function stopEvent(e: React.MouseEvent<HTMLDivElement, MouseEvent>) {\n if (text) {\n e.stopPropagation();\n }\n }\n\n return (\n <div className={`MediaViewerFooter ${isHideable ? 'hideable' : ''}`} onClick={stopEvent}>\n {text && (\n <div className=\"media-viewer-footer-content\" onClick={onClick}>\n <p className={`media-text custom-scroll ${isMultiline ? 'multiline' : ''}`}>{text}</p>\n </div>\n )}\n </div>\n );\n};\n\nexport default MediaViewerFooter;\n","import { useLayoutEffect, useState } from '../lib/teact/teact';\nimport { PLATFORM_ENV } from '../util/environment';\n\ntype RefType = {\n current: HTMLElement | null;\n};\n\ntype ReturnType = [boolean, () => void, () => void] | [false];\ntype CallbackType = (isPlayed: boolean) => void;\n\nconst prop = getBrowserFullscreenElementProp();\n\nexport default function useFullscreenStatus(elRef: RefType, setIsPlayed: CallbackType): ReturnType {\n const [isFullscreen, setIsFullscreen] = useState(Boolean(prop && document[prop]));\n\n const setFullscreen = () => {\n if (!elRef.current || !(prop || PLATFORM_ENV === 'iOS')) {\n return;\n }\n\n if (elRef.current.requestFullscreen) {\n elRef.current.requestFullscreen();\n } else if (elRef.current.webkitRequestFullscreen) {\n elRef.current.webkitRequestFullscreen();\n } else if (elRef.current.webkitEnterFullscreen) {\n elRef.current.webkitEnterFullscreen();\n } else if (elRef.current.mozRequestFullScreen) {\n elRef.current.mozRequestFullScreen();\n }\n\n setIsFullscreen(true);\n };\n\n const exitFullscreen = () => {\n if (!elRef.current) {\n return;\n }\n\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitCancelFullScreen) {\n document.webkitCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n\n setIsFullscreen(false);\n };\n\n useLayoutEffect(() => {\n const listener = () => { setIsFullscreen(Boolean(prop && document[prop])); };\n const listenerEnter = () => { setIsFullscreen(true); };\n const listenerExit = () => {\n setIsFullscreen(false);\n setIsPlayed(false);\n };\n const video = elRef.current;\n\n document.addEventListener('fullscreenchange', listener, false);\n document.addEventListener('webkitfullscreenchange', listener, false);\n document.addEventListener('mozfullscreenchange', listener, false);\n\n if (video) {\n video.addEventListener('webkitbeginfullscreen', listenerEnter, false);\n video.addEventListener('webkitendfullscreen', listenerExit, false);\n }\n\n return () => {\n document.removeEventListener('fullscreenchange', listener, false);\n document.removeEventListener('webkitfullscreenchange', listener, false);\n document.removeEventListener('mozfullscreenchange', listener, false);\n if (video) {\n video.removeEventListener('webkitbeginfullscreen', listenerEnter, false);\n video.removeEventListener('webkitendfullscreen', listenerExit, false);\n }\n };\n // eslint-disable-next-line\n }, []);\n\n if (!prop && PLATFORM_ENV !== 'iOS') {\n return [false];\n }\n\n return [isFullscreen, setFullscreen, exitFullscreen];\n}\n\nfunction getBrowserFullscreenElementProp() {\n if (typeof document.fullscreenElement !== 'undefined') {\n return 'fullscreenElement';\n } else if (typeof document.mozFullScreenElement !== 'undefined') {\n return 'mozFullScreenElement';\n } else if (typeof document.webkitFullscreenElement !== 'undefined') {\n return 'webkitFullscreenElement';\n }\n\n return '';\n}\n","const units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'];\n\nexport default (bytes: number) => {\n const number = bytes === 0 ? 0 : Math.floor(Math.log(bytes) / Math.log(1024));\n\n return `${(bytes / 1024 ** Math.floor(number)).toFixed(1)} ${units[number]}`;\n};\n","import React, { FC, useState, useEffect } from '../../lib/teact/teact';\n\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport { formatMediaDuration } from '../../util/dateFormat';\nimport formatFileSize from './helpers/formatFileSize';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\n\nimport './VideoPlayerControls.scss';\n\ntype IProps = {\n bufferedProgress: number;\n currentTime: number;\n duration: number;\n fileSize: number;\n isForceVisible: boolean;\n isForceMobileVersion?: boolean;\n isPlayed: boolean;\n isFullscreenSupported: boolean;\n isFullscreen: boolean;\n onChangeFullscreen: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n onPlayPause: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n onSeek: OnChangeHandler;\n};\n\ntype OnChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nconst stopEvent = (e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n};\n\nconst HIDE_CONTROLS_TIMEOUT_MS = 800;\n\nconst VideoPlayerControls: FC<IProps> = ({\n bufferedProgress,\n currentTime,\n duration,\n fileSize,\n isForceVisible,\n isForceMobileVersion,\n isPlayed,\n isFullscreenSupported,\n isFullscreen,\n onChangeFullscreen,\n onPlayPause,\n onSeek,\n}) => {\n const [isVisible, setVisibility] = useState(true);\n\n useEffect(() => {\n if (isForceVisible) {\n setVisibility(isForceVisible);\n }\n }, [isForceVisible]);\n\n useEffect(() => {\n let timeout: number | undefined;\n\n if (!isForceVisible) {\n if (IS_MOBILE_SCREEN) {\n setVisibility(false);\n } else {\n timeout = window.setTimeout(() => {\n setVisibility(false);\n }, HIDE_CONTROLS_TIMEOUT_MS);\n }\n }\n\n return () => {\n if (timeout) {\n window.clearTimeout(timeout);\n }\n };\n }, [isForceVisible]);\n\n useEffect(() => {\n if (isVisible || isForceVisible) {\n document.body.classList.add('video-controls-visible');\n }\n\n return () => {\n document.body.classList.remove('video-controls-visible');\n };\n }, [isForceVisible, isVisible]);\n\n const lang = useLang();\n\n if (!isVisible && !isForceVisible) {\n return undefined;\n }\n\n return (\n <div className={`VideoPlayerControls ${isForceMobileVersion ? 'mobile' : ''}`} onClick={stopEvent}>\n {renderSeekLine(currentTime, duration, bufferedProgress, onSeek)}\n <Button\n ariaLabel={lang('AccActionPlay')}\n size=\"tiny\"\n ripple={!IS_MOBILE_SCREEN}\n color=\"translucent-white\"\n className=\"play\"\n onClick={onPlayPause}\n >\n <i className={isPlayed ? 'icon-pause' : 'icon-play'} />\n </Button>\n {renderTime(currentTime, duration)}\n {bufferedProgress < 1 && renderFileSize(bufferedProgress, fileSize)}\n {isFullscreenSupported && (\n <Button\n ariaLabel=\"Fullscreen\"\n size=\"tiny\"\n color=\"translucent-white\"\n className=\"fullscreen\"\n onClick={onChangeFullscreen}\n >\n <i className={`${isFullscreen ? 'icon-smallscreen' : 'icon-fullscreen'}`} />\n </Button>\n )}\n </div>\n );\n};\n\nfunction renderTime(currentTime: number, duration: number) {\n return (\n <div className=\"player-time\">\n {`${formatMediaDuration(currentTime)} / ${formatMediaDuration(duration)}`}\n </div>\n );\n}\n\nfunction renderFileSize(downloadedPercent: number, totalSize: number) {\n return (\n <div className=\"player-file-size\">\n {`${formatFileSize(totalSize * downloadedPercent)} / ${formatFileSize(totalSize)}`}\n </div>\n );\n}\n\nfunction renderSeekLine(currentTime: number, duration: number, bufferedProgress: number, onSeek: OnChangeHandler) {\n const percentagePlayed = (currentTime / duration) * 100;\n const percentageBuffered = bufferedProgress * 100;\n\n return (\n <div className=\"player-seekline\">\n <div className=\"player-seekline-track\">\n <div\n className=\"player-seekline-buffered\"\n // @ts-ignore teact feature\n style={`width: ${percentageBuffered || 0}%`}\n />\n <div\n className=\"player-seekline-played\"\n // @ts-ignore teact feature\n style={`width: ${percentagePlayed || 0}%`}\n />\n <input\n min=\"0\"\n max=\"100\"\n step={0.01}\n type=\"range\"\n onInput={onSeek}\n className=\"player-seekline-input\"\n value={percentagePlayed || 0}\n />\n </div>\n </div>\n );\n}\n\nexport default VideoPlayerControls;\n","import React, {\n FC, memo, useCallback, useEffect, useRef, useState,\n} from '../../lib/teact/teact';\n\nimport { IDimensions } from '../../modules/helpers';\n\nimport { IS_IOS, IS_MOBILE_SCREEN, IS_TOUCH_ENV } from '../../util/environment';\nimport useShowTransition from '../../hooks/useShowTransition';\nimport useBuffering from '../../hooks/useBuffering';\nimport useFullscreenStatus from '../../hooks/useFullscreen';\nimport useVideoCleanup from '../../hooks/useVideoCleanup';\nimport safePlay from '../../util/safePlay';\n\nimport VideoPlayerControls from './VideoPlayerControls';\nimport ProgressSpinner from '../ui/ProgressSpinner';\n\nimport './VideoPlayer.scss';\n\ntype OwnProps = {\n url?: string;\n isGif?: boolean;\n posterData?: string;\n posterSize?: IDimensions;\n downloadProgress?: number;\n fileSize: number;\n isMediaViewerOpen?: boolean;\n noPlay?: boolean;\n onClose: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n};\n\nconst MOBILE_VERSION_CONTROL_WIDTH = 400;\n\nconst VideoPlayer: FC<OwnProps> = ({\n url,\n isGif,\n posterData,\n posterSize,\n downloadProgress,\n fileSize,\n isMediaViewerOpen,\n noPlay,\n onClose,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const videoRef = useRef<HTMLVideoElement>(null);\n const [isPlayed, setIsPlayed] = useState(!IS_TOUCH_ENV || !IS_IOS);\n const [currentTime, setCurrentTime] = useState(0);\n const [isControlsVisible, setIsControlsVisible] = useState(true);\n\n const [isFullscreen, setFullscreen, exitFullscreen] = useFullscreenStatus(videoRef, setIsPlayed);\n\n const { isBuffered, bufferedProgress, bufferingHandlers } = useBuffering();\n const {\n shouldRender: shouldRenderSpinner,\n transitionClassNames: spinnerClassNames,\n } = useShowTransition(!isBuffered, undefined, undefined, 'slow');\n\n useEffect(() => {\n if (noPlay || !isMediaViewerOpen) {\n videoRef.current!.pause();\n } else if (url && !IS_TOUCH_ENV) {\n // Chrome does not automatically start playing when `url` becomes available (even with `autoPlay`),\n // so we force it here. Contrary, iOS does not allow to call `play` without mouse event,\n // so we need to use `autoPlay` instead to allow pre-buffering.\n safePlay(videoRef.current!);\n }\n }, [noPlay, isMediaViewerOpen, url]);\n\n useEffect(() => {\n if (videoRef.current!.currentTime === videoRef.current!.duration) {\n setCurrentTime(0);\n setIsPlayed(false);\n } else {\n setCurrentTime(videoRef.current!.currentTime);\n }\n }, [currentTime]);\n\n const togglePlayState = useCallback((e: React.MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent) => {\n e.stopPropagation();\n if (isPlayed) {\n videoRef.current!.pause();\n setIsPlayed(false);\n } else {\n videoRef.current!.play();\n setIsPlayed(true);\n }\n }, [isPlayed]);\n\n useVideoCleanup(videoRef, []);\n\n const handleMouseOver = useCallback(() => {\n setIsControlsVisible(true);\n }, []);\n\n const handleMouseOut = useCallback(() => {\n setIsControlsVisible(false);\n }, []);\n\n const handleTimeUpdate = useCallback((e: React.SyntheticEvent<HTMLVideoElement>) => {\n setCurrentTime(e.currentTarget.currentTime);\n }, []);\n\n const handleEnded = useCallback(() => {\n setCurrentTime(0);\n setIsPlayed(false);\n }, []);\n\n const handleFullscreenChange = useCallback(() => {\n if (isFullscreen && exitFullscreen) {\n exitFullscreen();\n } else if (!isFullscreen && setFullscreen) {\n setFullscreen();\n }\n }, [exitFullscreen, isFullscreen, setFullscreen]);\n\n const handleSeek = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n e.stopPropagation();\n\n videoRef.current!.currentTime = (Number(e.target.value) * videoRef.current!.duration) / 100;\n }, []);\n\n const toggleControls = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n setIsControlsVisible(!isControlsVisible);\n }, [isControlsVisible]);\n\n useEffect(() => {\n const togglePayingStateBySpace = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n togglePlayState(e);\n }\n };\n\n document.addEventListener('keydown', togglePayingStateBySpace, false);\n\n return () => {\n document.removeEventListener('keydown', togglePayingStateBySpace, false);\n };\n }, [togglePlayState]);\n\n const wrapperStyle = posterSize && `width: ${posterSize.width}px; height: ${posterSize.height}px`;\n const videoStyle = `background-image: url(${posterData})`;\n\n return (\n <div\n className=\"VideoPlayer\"\n onClick={!isGif && IS_MOBILE_SCREEN ? toggleControls : undefined}\n onMouseOver={!isGif ? handleMouseOver : undefined}\n onMouseOut={!isGif ? handleMouseOut : undefined}\n >\n <div\n // @ts-ignore\n style={wrapperStyle}\n >\n {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n <video\n ref={videoRef}\n autoPlay={IS_TOUCH_ENV}\n playsInline\n loop={isGif}\n // This is to force auto playing on mobiles\n muted={isGif}\n id=\"media-viewer-video\"\n // @ts-ignore\n style={videoStyle}\n onEnded={handleEnded}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...bufferingHandlers}\n onTimeUpdate={handleTimeUpdate}\n >\n {url && <source src={url} />}\n </video>\n </div>\n {shouldRenderSpinner && (\n <div className={['spinner-container', spinnerClassNames].join(' ')}>\n {!isBuffered && <div className=\"buffering\">Buffering...</div>}\n <ProgressSpinner\n size=\"xl\"\n progress={isBuffered ? 1 : downloadProgress}\n square\n onClick={onClose}\n />\n </div>\n )}\n {!isGif && !shouldRenderSpinner && (\n <VideoPlayerControls\n isPlayed={isPlayed}\n bufferedProgress={bufferedProgress}\n currentTime={currentTime}\n isFullscreenSupported={Boolean(setFullscreen)}\n isFullscreen={isFullscreen}\n fileSize={fileSize}\n duration={videoRef.current ? videoRef.current.duration : 0}\n isForceVisible={!isPlayed || isControlsVisible}\n isForceMobileVersion={posterSize && posterSize.width < MOBILE_VERSION_CONTROL_WIDTH}\n onSeek={handleSeek}\n onChangeFullscreen={handleFullscreenChange}\n onPlayPause={togglePlayState}\n />\n )}\n </div>\n );\n};\n\nexport default memo(VideoPlayer);\n","import React, {\n FC, memo, useCallback, useEffect, useRef, useState,\n} from '../../lib/teact/teact';\n\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport buildClassName from '../../util/buildClassName';\nimport usePrevious from '../../hooks/usePrevious';\nimport useShowTransition from '../../hooks/useShowTransition';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\n\nimport './ZoomControls.scss';\n\ntype OwnProps = {\n isShown: boolean;\n onChangeZoom: (level: number, canCloseZoom?: boolean) => void;\n};\n\nexport const MAX_ZOOM_LEVEL = 3;\nexport const MIN_ZOOM_LEVEL = 1;\nconst ONE_STEP_PERCENT = 100 / (MAX_ZOOM_LEVEL - MIN_ZOOM_LEVEL);\nconst RESET_ZOOM_LEVEL = 1.5;\n\nconst ZoomControls: FC<OwnProps> = ({ isShown, onChangeZoom }) => {\n const { transitionClassNames } = useShowTransition(isShown);\n const prevIsShown = usePrevious<boolean>(isShown);\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n const [zoomLevel, setZoomLevel] = useState(1);\n const isSeeking = useRef<boolean>(false);\n\n useEffect(() => {\n if (isShown && !prevIsShown) {\n setZoomLevel(RESET_ZOOM_LEVEL);\n }\n }, [isShown, prevIsShown]);\n\n const handleZoomOut = () => {\n if (inputRef.current) {\n setZoomLevel(Math.max(MIN_ZOOM_LEVEL, zoomLevel - 0.5));\n }\n };\n\n const handleZoomIn = () => {\n if (inputRef.current) {\n setZoomLevel(Math.min(MAX_ZOOM_LEVEL, zoomLevel + 0.5));\n }\n };\n\n const handleStartSeek = useCallback(() => {\n isSeeking.current = true;\n }, []);\n\n const handleStopSeek = useCallback(() => {\n isSeeking.current = false;\n if (zoomLevel === 1) {\n onChangeZoom(zoomLevel, !isSeeking.current);\n }\n }, [onChangeZoom, zoomLevel]);\n\n const handleSeeklineChange = (e:React.ChangeEvent<HTMLInputElement>) => {\n setZoomLevel(Math.min(MAX_ZOOM_LEVEL, Math.max(Number(e.target.value), MIN_ZOOM_LEVEL)));\n };\n\n useEffect(() => {\n onChangeZoom(zoomLevel, !isSeeking.current);\n }, [zoomLevel, onChangeZoom]);\n\n const lang = useLang();\n\n const className = buildClassName(\n 'ZoomControls',\n transitionClassNames,\n );\n\n return (\n <div className={className}>\n <Button\n disabled={zoomLevel === MIN_ZOOM_LEVEL}\n size=\"tiny\"\n color=\"translucent-white\"\n ariaLabel={lang('ZoomOut')}\n className=\"zoom-out\"\n ripple={!IS_MOBILE_SCREEN}\n onClick={handleZoomOut}\n >\n <i className=\"icon-zoom-out\" />\n </Button>\n <Button\n disabled={zoomLevel === MAX_ZOOM_LEVEL}\n size=\"tiny\"\n color=\"translucent-white\"\n ariaLabel=\"Zoom In\"\n className=\"zoom-in\"\n ripple={!IS_MOBILE_SCREEN}\n onClick={handleZoomIn}\n >\n <i className=\"icon-zoom-in\" />\n </Button>\n <div className=\"seekline\">\n <div className=\"seekline-track\">\n <div\n className=\"seekline-played\"\n // @ts-ignore teact feature\n style={`width: ${(zoomLevel - 1) * ONE_STEP_PERCENT}%`}\n />\n <input\n ref={inputRef}\n min={MIN_ZOOM_LEVEL}\n max={MAX_ZOOM_LEVEL}\n step=\"0.5\"\n value={zoomLevel}\n type=\"range\"\n className=\"seekline-input\"\n onChange={handleSeeklineChange}\n onMouseDown={handleStartSeek}\n onMouseUp={handleStopSeek}\n />\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(ZoomControls);\n","/*\n @source https://github.com/ajainarayanan/react-pan-zoom\n\n Heavily inspired/lifted from this idea: https://stackoverflow.com/a/39311435/661768\n without jqueryUI or jquery dependency.\n*/\nimport React, {\n FC, memo, useEffect, useRef, useState,\n} from '../../lib/teact/teact';\n\nimport { areSortedArraysEqual } from '../../util/iteratees';\n\nimport './PanZoom.scss';\n\nexport interface IDragData {\n x: number;\n y: number;\n dx: number;\n dy: number;\n}\n\nexport interface OwnProps {\n children: any;\n className?: string;\n noWrap: boolean;\n canPan: boolean;\n zoomLevel: number;\n panDeltaX: number;\n panDeltaY: number;\n onPan?: (x: number, y: number) => void;\n}\n\nconst INITIAL_MATRIX = [\n 1, 0, 0, 1, 0, 0,\n];\n\nconst SCALE_VALUES = {\n 1: 1,\n 1.5: 1.5,\n 2: 2.2,\n 2.5: 3.3,\n 3: 5.5,\n};\n\nconst ZOOM_SAFE_AREA = 150;\n\nfunction calculateSafeZoneOnZoom(oldScale: number, matrixData: number[], wrapper: HTMLDivElement | null) {\n const image = wrapper && wrapper.querySelector('.active img');\n if (!wrapper || !image) {\n return matrixData;\n }\n const wrapperRect = wrapper.getBoundingClientRect();\n const imageRect = image.getBoundingClientRect();\n\n const newImgWidth = (imageRect.width / oldScale) * matrixData[0];\n const newImgHeight = (imageRect.height / oldScale) * matrixData[3];\n const newImgX = (wrapperRect.width - newImgWidth) / 2 + matrixData[4];\n const newImgY = (wrapperRect.height - newImgHeight) / 2 + matrixData[5];\n if (wrapperRect.width && wrapperRect.width - ZOOM_SAFE_AREA < newImgX) {\n matrixData[4] -= newImgX + wrapperRect.width - ZOOM_SAFE_AREA;\n } else if (newImgWidth && newImgWidth + newImgX < ZOOM_SAFE_AREA) {\n matrixData[4] -= newImgWidth + newImgX - ZOOM_SAFE_AREA;\n }\n if (wrapperRect.height && wrapperRect.height - ZOOM_SAFE_AREA < newImgY) {\n matrixData[5] -= newImgY + wrapperRect.height - ZOOM_SAFE_AREA;\n } else if (newImgHeight && newImgHeight + newImgY < ZOOM_SAFE_AREA) {\n matrixData[5] -= newImgHeight + newImgY - ZOOM_SAFE_AREA;\n }\n\n return matrixData;\n}\n\nconst PanZoom: FC<OwnProps> = ({\n children,\n className,\n noWrap,\n canPan,\n zoomLevel,\n panDeltaX,\n panDeltaY,\n onPan,\n}) => {\n const tunedZoomLevel = SCALE_VALUES[zoomLevel as keyof typeof SCALE_VALUES] || zoomLevel;\n const [isDragging, setIsDragging] = useState<boolean>(false);\n const [dragData, setDragData] = useState<IDragData>({\n dx: panDeltaX, dy: panDeltaY, x: 0, y: 0,\n });\n // [zoom, skew, skew, zoom, dx, dy] - see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix()\n const [matrixData, setMatrixData] = useState<number[]>(INITIAL_MATRIX);\n // Used to set cursor while moving.\n // eslint-disable-next-line no-null/no-null\n const panWrapperRef = useRef<HTMLDivElement>(null);\n // Used to set transform for pan.\n // eslint-disable-next-line no-null/no-null\n const panContainerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const newZoomLevel = tunedZoomLevel || matrixData[0];\n const newPandx = panDeltaX || matrixData[4];\n const newPandy = panDeltaY || matrixData[5];\n\n const newMatrixData = [...matrixData];\n if (matrixData[0] !== newZoomLevel) {\n newMatrixData[0] = newZoomLevel || newMatrixData[0];\n newMatrixData[3] = newZoomLevel || newMatrixData[3];\n }\n if (matrixData[4] !== newPandx) {\n newMatrixData[4] = newPandx;\n }\n if (matrixData[5] !== newPandy) {\n newMatrixData[5] = newPandy;\n }\n\n if (!areSortedArraysEqual(matrixData, newMatrixData)) {\n setMatrixData(calculateSafeZoneOnZoom(matrixData[0], newMatrixData, panWrapperRef.current));\n }\n // eslint-disable-next-line\n }, [panDeltaX, panDeltaY, tunedZoomLevel]);\n\n useEffect(() => {\n if (!canPan) {\n setMatrixData(INITIAL_MATRIX);\n }\n }, [canPan]);\n\n useEffect(() => {\n if (panContainerRef.current) {\n panContainerRef.current.style.transform = `matrix(${matrixData.toString()})`;\n }\n }, [noWrap, matrixData]);\n\n const handleMouseDown = (e: React.MouseEvent<EventTarget>) => {\n if (!canPan) {\n return;\n }\n\n e.stopPropagation();\n e.preventDefault();\n\n const offsetX = matrixData[4];\n const offsetY = matrixData[5];\n const newDragData: IDragData = {\n dx: offsetX,\n dy: offsetY,\n x: e.pageX,\n y: e.pageY,\n };\n setDragData(newDragData);\n setIsDragging(true);\n\n if (panWrapperRef.current) {\n panWrapperRef.current.classList.add('move');\n }\n };\n\n const handleMouseUp = () => {\n setIsDragging(false);\n\n if (panWrapperRef.current) {\n panWrapperRef.current.classList.remove('move');\n }\n\n if (onPan) {\n onPan(matrixData[4], matrixData[5]);\n }\n };\n\n function getNewMatrixData(x: number, y: number): number[] {\n const newMatrixData = [...matrixData];\n const deltaX = dragData.x - x;\n const deltaY = dragData.y - y;\n newMatrixData[4] = dragData.dx - deltaX;\n newMatrixData[5] = dragData.dy - deltaY;\n\n return newMatrixData;\n }\n\n const handleMouseMove = (e: React.MouseEvent<EventTarget>) => {\n if (isDragging) {\n const newMatrixData = getNewMatrixData(e.pageX, e.pageY);\n setMatrixData(newMatrixData);\n\n if (panContainerRef.current) {\n panContainerRef.current.style.transform = `matrix(${matrixData.toString()})`;\n }\n }\n };\n\n if (noWrap) {\n return children;\n }\n\n return (\n <div\n ref={panWrapperRef}\n className={`pan-wrapper ${className || ''}`}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onMouseMove={handleMouseMove}\n >\n <div\n ref={panContainerRef}\n className=\"pan-container\"\n >\n {children}\n </div>\n </div>\n );\n};\n\nexport default memo(PanZoom);\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useRef, useState,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport {\n ApiChat, ApiMediaFormat, ApiMessage, ApiUser,\n} from '../../api/types';\nimport { MediaViewerOrigin } from '../../types';\n\nimport { ANIMATION_END_DELAY } from '../../config';\nimport { IS_IOS, IS_MOBILE_SCREEN, IS_TOUCH_ENV } from '../../util/environment';\nimport {\n AVATAR_FULL_DIMENSIONS,\n MEDIA_VIEWER_MEDIA_QUERY,\n calculateMediaViewerDimensions,\n} from '../common/helpers/mediaDimensions';\nimport {\n selectChat,\n selectChatMessage,\n selectChatMessages,\n selectCurrentMediaSearch,\n selectListedIds,\n selectOutlyingIds,\n selectScheduledMessage,\n selectScheduledMessages,\n selectUser,\n} from '../../modules/selectors';\nimport {\n getChatAvatarHash,\n getChatMediaMessageIds,\n getMessageMediaFilename,\n getMessageMediaFormat,\n getMessageMediaHash,\n getMessageMediaThumbDataUri,\n getMessagePhoto,\n getMessageVideo,\n getMessageWebPagePhoto,\n getPhotoFullDimensions,\n getVideoDimensions,\n IDimensions,\n} from '../../modules/helpers';\nimport { pick } from '../../util/iteratees';\nimport { captureEvents, SwipeDirection } from '../../util/captureEvents';\nimport captureEscKeyListener from '../../util/captureEscKeyListener';\nimport { stopCurrentAudio } from '../../util/audioPlayer';\nimport useForceUpdate from '../../hooks/useForceUpdate';\nimport useMedia from '../../hooks/useMedia';\nimport useMediaWithDownloadProgress from '../../hooks/useMediaWithDownloadProgress';\nimport useBlurSync from '../../hooks/useBlurSync';\nimport usePrevious from '../../hooks/usePrevious';\nimport { dispatchHeavyAnimationEvent } from '../../hooks/useHeavyAnimationCheck';\nimport { renderMessageText } from '../common/helpers/renderMessageText';\nimport { animateClosing, animateOpening } from './helpers/ghostAnimation';\nimport useLang from '../../hooks/useLang';\n\nimport Spinner from '../ui/Spinner';\nimport ShowTransition from '../ui/ShowTransition';\nimport Transition from '../ui/Transition';\nimport Button from '../ui/Button';\nimport SenderInfo from './SenderInfo';\nimport MediaViewerActions from './MediaViewerActions';\nimport MediaViewerFooter from './MediaViewerFooter';\nimport VideoPlayer from './VideoPlayer';\nimport ZoomControls from './ZoomControls';\nimport PanZoom from './PanZoom';\n\nimport './MediaViewer.scss';\n\ntype StateProps = {\n chatId?: number;\n threadId?: number;\n messageId?: number;\n senderId?: number;\n origin?: MediaViewerOrigin;\n avatarOwner?: ApiChat | ApiUser;\n profilePhotoIndex?: number;\n message?: ApiMessage;\n chatMessages?: Record<number, ApiMessage>;\n collectionIds?: number[];\n animationLevel: 0 | 1 | 2;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'openMediaViewer' | 'closeMediaViewer' | 'openForwardMenu' | 'focusMessage'>;\n\nconst ANIMATION_DURATION = 350;\n\nconst MediaViewer: FC<StateProps & DispatchProps> = ({\n chatId,\n threadId,\n messageId,\n senderId,\n origin,\n avatarOwner,\n profilePhotoIndex,\n message,\n chatMessages,\n collectionIds,\n openMediaViewer,\n closeMediaViewer,\n openForwardMenu,\n focusMessage,\n animationLevel,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const animationKey = useRef<number>(null);\n const isOpen = Boolean(avatarOwner || messageId);\n const webPagePhoto = message ? getMessageWebPagePhoto(message) : undefined;\n const photo = message ? getMessagePhoto(message) : undefined;\n const video = message ? getMessageVideo(message) : undefined;\n const isWebPagePhoto = Boolean(webPagePhoto);\n const isPhoto = Boolean(photo || webPagePhoto);\n const isVideo = Boolean(video);\n const isGif = video ? video.isGif : undefined;\n const isFromSharedMedia = origin === MediaViewerOrigin.SharedMedia;\n const isFromSearch = origin === MediaViewerOrigin.SearchResult;\n const slideAnimation = animationLevel >= 1 ? 'mv-slide' : 'none';\n const headerAnimation = animationLevel === 2 ? 'slide-fade' : 'none';\n const isGhostAnimation = animationLevel === 2;\n const fileName = avatarOwner\n ? `avatar${avatarOwner.id}-${profilePhotoIndex}.jpg`\n : message && getMessageMediaFilename(message);\n const prevSenderId = usePrevious<number | undefined>(senderId);\n const [canPanZoomWrap, setCanPanZoomWrap] = useState(false);\n const [isZoomed, setIsZoomed] = useState<boolean>(false);\n const [zoomLevel, setZoomLevel] = useState<number>(1);\n const [panDelta, setPanDelta] = useState({ x: 0, y: 0 });\n\n const messageIds = useMemo(() => {\n return isWebPagePhoto && messageId\n ? [messageId]\n : getChatMediaMessageIds(chatMessages || {}, collectionIds || [], isFromSharedMedia);\n }, [isWebPagePhoto, messageId, chatMessages, collectionIds, isFromSharedMedia]);\n\n const selectedMediaMessageIndex = messageId ? messageIds.indexOf(messageId) : -1;\n const isFirst = selectedMediaMessageIndex === 0 || selectedMediaMessageIndex === -1;\n const isLast = selectedMediaMessageIndex === messageIds.length - 1 || selectedMediaMessageIndex === -1;\n if (isOpen && (!prevSenderId || prevSenderId !== senderId || !animationKey.current)) {\n animationKey.current = selectedMediaMessageIndex;\n }\n\n function getMediaHash(full?: boolean) {\n if (avatarOwner && profilePhotoIndex !== undefined) {\n const { photos } = avatarOwner;\n return photos && photos[profilePhotoIndex]\n ? `photo${photos[profilePhotoIndex].id}?size=c`\n : getChatAvatarHash(avatarOwner, full ? 'big' : 'normal');\n }\n\n return message && getMessageMediaHash(message, full ? 'viewerFull' : 'viewerPreview');\n }\n\n const blobUrlPictogram = useMedia(\n message && (isFromSharedMedia || isFromSearch) && getMessageMediaHash(message, 'pictogram'),\n undefined,\n ApiMediaFormat.BlobUrl,\n undefined,\n isGhostAnimation && ANIMATION_DURATION,\n );\n const previewMediaHash = getMediaHash();\n const blobUrlPreview = useMedia(\n previewMediaHash,\n undefined,\n avatarOwner && previewMediaHash && previewMediaHash.startsWith('profilePhoto')\n ? ApiMediaFormat.DataUri\n : ApiMediaFormat.BlobUrl,\n undefined,\n isGhostAnimation && ANIMATION_DURATION,\n );\n const { mediaData: fullMediaData, downloadProgress } = useMediaWithDownloadProgress(\n getMediaHash(true),\n undefined,\n message && getMessageMediaFormat(message, 'viewerFull'),\n undefined,\n isGhostAnimation && ANIMATION_DURATION,\n );\n\n const localBlobUrl = (photo || video) ? (photo || video)!.blobUrl : undefined;\n let bestImageData = (!isVideo && (localBlobUrl || fullMediaData)) || blobUrlPreview || blobUrlPictogram;\n const thumbDataUri = useBlurSync(!bestImageData && message && getMessageMediaThumbDataUri(message));\n if (!bestImageData && origin !== MediaViewerOrigin.SearchResult) {\n bestImageData = thumbDataUri;\n }\n\n const photoDimensions = isPhoto ? getPhotoFullDimensions((\n isWebPagePhoto ? getMessageWebPagePhoto(message!) : getMessagePhoto(message!)\n )!) : undefined;\n const videoDimensions = isVideo ? getVideoDimensions(getMessageVideo(message!)!) : undefined;\n\n useEffect(() => {\n if (!IS_MOBILE_SCREEN) {\n return;\n }\n\n document.body.classList.toggle('is-media-viewer-open', isOpen);\n }, [isOpen]);\n\n const forceUpdate = useForceUpdate();\n useEffect(() => {\n const mql = window.matchMedia(MEDIA_VIEWER_MEDIA_QUERY);\n if (typeof mql.addEventListener === 'function') {\n mql.addEventListener('change', forceUpdate);\n } else if (typeof mql.addListener === 'function') {\n mql.addListener(forceUpdate);\n }\n\n return () => {\n if (typeof mql.removeEventListener === 'function') {\n mql.removeEventListener('change', forceUpdate);\n } else if (typeof mql.removeListener === 'function') {\n mql.removeListener(forceUpdate);\n }\n };\n }, [forceUpdate]);\n\n const prevMessage = usePrevious<ApiMessage | undefined>(message);\n const prevOrigin = usePrevious(origin);\n const prevAvatarOwner = usePrevious<ApiChat | ApiUser | undefined>(avatarOwner);\n const prevBestImageData = usePrevious(bestImageData);\n useEffect(() => {\n if (isGhostAnimation && isOpen && !prevMessage && !prevAvatarOwner) {\n dispatchHeavyAnimationEvent(ANIMATION_DURATION + ANIMATION_END_DELAY);\n const textParts = message ? renderMessageText(message) : undefined;\n const hasFooter = Boolean(textParts);\n animateOpening(hasFooter, origin!, bestImageData!, message);\n }\n\n if (isGhostAnimation && !isOpen && (prevMessage || prevAvatarOwner)) {\n dispatchHeavyAnimationEvent(ANIMATION_DURATION + ANIMATION_END_DELAY);\n animateClosing(prevOrigin!, prevBestImageData!, prevMessage || undefined);\n }\n }, [\n isGhostAnimation, isOpen, origin, prevOrigin,\n message, prevMessage, prevAvatarOwner, bestImageData, prevBestImageData,\n ]);\n\n useEffect(() => {\n let timer: number | undefined;\n\n if (isZoomed) {\n setCanPanZoomWrap(true);\n } else {\n timer = window.setTimeout(() => {\n setCanPanZoomWrap(false);\n }, ANIMATION_DURATION);\n }\n\n return () => {\n if (timer) {\n window.clearTimeout(timer);\n }\n };\n }, [isZoomed]);\n\n const closeZoom = () => {\n setIsZoomed(false);\n setZoomLevel(1);\n setPanDelta({ x: 0, y: 0 });\n };\n\n const handleZoomToggle = useCallback(() => {\n setIsZoomed(!isZoomed);\n setZoomLevel(!isZoomed ? 1.5 : 1);\n if (isZoomed) {\n setPanDelta({ x: 0, y: 0 });\n }\n }, [isZoomed]);\n\n const handleZoomValue = useCallback((level: number, canCloseZoom = false) => {\n setZoomLevel(level);\n if (level === 1 && canCloseZoom) {\n closeZoom();\n }\n }, []);\n\n const close = useCallback(() => {\n closeMediaViewer();\n closeZoom();\n }, [closeMediaViewer]);\n\n const handleFooterClick = useCallback(() => {\n close();\n focusMessage({ chatId, threadId, messageId });\n }, [close, chatId, threadId, focusMessage, messageId]);\n\n const handleForward = useCallback(() => {\n openForwardMenu({ fromChatId: chatId, messageIds: [messageId] });\n closeZoom();\n }, [openForwardMenu, chatId, messageId]);\n\n useEffect(() => (isOpen ? captureEscKeyListener(() => {\n if (isZoomed) {\n closeZoom();\n } else {\n close();\n }\n }) : undefined), [close, isOpen, isZoomed]);\n\n useEffect(() => {\n if (isVideo && !isGif) {\n stopCurrentAudio();\n }\n }, [isGif, isVideo]);\n\n const getMessageId = useCallback((fromId: number, direction: number): number => {\n let index = messageIds.indexOf(fromId);\n if ((direction === -1 && index > 0) || (direction === 1 && index < messageIds.length - 1)) {\n index += direction;\n }\n\n return messageIds[index];\n }, [messageIds]);\n\n const selectPreviousMedia = useCallback(() => {\n if (isFirst) {\n return;\n }\n\n openMediaViewer({\n chatId,\n threadId,\n messageId: messageId ? getMessageId(messageId, -1) : undefined,\n origin,\n });\n }, [chatId, threadId, getMessageId, isFirst, messageId, openMediaViewer, origin]);\n\n const selectNextMedia = useCallback(() => {\n if (isLast) {\n return;\n }\n\n openMediaViewer({\n chatId,\n threadId,\n messageId: messageId ? getMessageId(messageId, 1) : undefined,\n origin,\n });\n }, [chatId, threadId, getMessageId, isLast, messageId, openMediaViewer, origin]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'Left': // IE/Edge specific value\n case 'ArrowLeft':\n selectPreviousMedia();\n break;\n\n case 'Right': // IE/Edge specific value\n case 'ArrowRight':\n selectNextMedia();\n break;\n }\n };\n\n document.addEventListener('keydown', handleKeyDown, false);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown, false);\n };\n });\n\n // Support for swipe gestures and closing on click\n useEffect(() => {\n const element = document.querySelector<HTMLDivElement>('.slide-container > .active, .slide-container > .to');\n if (!element) {\n return undefined;\n }\n\n const shouldCloseOnVideo = isGif && !IS_IOS;\n\n return captureEvents(element, {\n // eslint-disable-next-line max-len\n excludedClosestSelector: `.backdrop, .navigation, .media-viewer-head, .media-viewer-footer${!shouldCloseOnVideo ? ', .VideoPlayer' : ''}`,\n onClick: () => {\n if (!isZoomed) {\n close();\n }\n },\n onSwipe: IS_TOUCH_ENV ? (e, direction) => {\n if (direction === SwipeDirection.Right) {\n selectPreviousMedia();\n } else if (direction === SwipeDirection.Left) {\n selectNextMedia();\n } else {\n close();\n }\n } : undefined,\n });\n }, [close, isGif, isZoomed, selectNextMedia, selectPreviousMedia, canPanZoomWrap]);\n\n const handlePan = useCallback((x: number, y: number) => {\n setPanDelta({ x, y });\n }, []);\n\n const lang = useLang();\n\n function renderSlide(isActive: boolean) {\n if (avatarOwner) {\n return (\n <div key={chatId} className=\"media-viewer-content\">\n {renderPhoto(\n fullMediaData || blobUrlPreview,\n calculateMediaViewerDimensions(AVATAR_FULL_DIMENSIONS, false),\n !IS_MOBILE_SCREEN && !isZoomed,\n )}\n </div>\n );\n } else if (message) {\n const textParts = renderMessageText(message);\n const hasFooter = Boolean(textParts);\n\n return (\n <div key={messageId} className={`media-viewer-content ${hasFooter ? 'has-footer' : ''}`}>\n {isPhoto && renderPhoto(\n localBlobUrl || fullMediaData || blobUrlPreview || blobUrlPictogram,\n message && calculateMediaViewerDimensions(photoDimensions!, hasFooter),\n !IS_MOBILE_SCREEN && !isZoomed,\n )}\n {isVideo && (\n <VideoPlayer\n key={messageId}\n url={localBlobUrl || fullMediaData}\n isGif={isGif}\n posterData={bestImageData}\n posterSize={message && calculateMediaViewerDimensions(videoDimensions!, hasFooter, true)}\n downloadProgress={downloadProgress}\n fileSize={video!.size}\n isMediaViewerOpen={isOpen}\n noPlay={!isActive}\n onClose={close}\n />\n )}\n {textParts && (\n <MediaViewerFooter\n text={textParts}\n onClick={handleFooterClick}\n isHideable={isVideo}\n />\n )}\n </div>\n );\n }\n\n return undefined;\n }\n\n function renderSenderInfo() {\n return (\n <SenderInfo\n key={avatarOwner ? avatarOwner.id : messageId}\n chatId={avatarOwner ? avatarOwner.id : chatId}\n messageId={messageId}\n isAvatar={Boolean(avatarOwner)}\n />\n );\n }\n\n return (\n <ShowTransition\n id=\"MediaViewer\"\n className={isZoomed ? 'zoomed' : ''}\n isOpen={isOpen}\n >\n {() => (\n <>\n <div className=\"media-viewer-head\">\n {IS_MOBILE_SCREEN && (\n <Button\n className=\"media-viewer-close\"\n round\n size=\"smaller\"\n color=\"translucent-white\"\n ariaLabel={lang('Close')}\n onClick={close}\n >\n <i className=\"icon-close\" />\n </Button>\n )}\n <Transition activeKey={animationKey.current!} name={headerAnimation}>\n {renderSenderInfo}\n </Transition>\n <MediaViewerActions\n mediaData={fullMediaData || blobUrlPreview}\n isVideo={isVideo}\n isZoomed={isZoomed}\n message={message}\n fileName={fileName}\n onCloseMediaViewer={close}\n onForward={handleForward}\n onZoomToggle={handleZoomToggle}\n isAvatar={Boolean(avatarOwner)}\n />\n </div>\n <PanZoom\n noWrap={!canPanZoomWrap}\n canPan={isZoomed}\n panDeltaX={panDelta.x}\n panDeltaY={panDelta.y}\n zoomLevel={zoomLevel}\n onPan={handlePan}\n >\n <Transition\n className=\"slide-container\"\n activeKey={selectedMediaMessageIndex}\n name={slideAnimation}\n >\n {renderSlide}\n </Transition>\n </PanZoom>\n {!isFirst && (\n <button\n type=\"button\"\n className={`navigation prev ${isVideo && !isGif && 'inline'}`}\n aria-label={lang('AccDescrPrevious')}\n onClick={selectPreviousMedia}\n />\n )}\n {!isLast && (\n <button\n type=\"button\"\n className={`navigation next ${isVideo && !isGif && 'inline'}`}\n aria-label={lang('Next')}\n onClick={selectNextMedia}\n />\n )}\n <ZoomControls\n isShown={isZoomed}\n onChangeZoom={handleZoomValue}\n />\n </>\n )}\n </ShowTransition>\n );\n};\n\nfunction renderPhoto(blobUrl?: string, imageSize?: IDimensions, canDrag?: boolean) {\n return blobUrl\n ? (\n <img\n src={blobUrl}\n alt=\"\"\n // @ts-ignore teact feature\n style={imageSize ? `width: ${imageSize.width}px` : ''}\n draggable={Boolean(canDrag)}\n />\n )\n : (\n <div\n className=\"spinner-wrapper\"\n // @ts-ignore teact feature\n style={imageSize ? `width: ${imageSize.width}px` : ''}\n >\n <Spinner color=\"white\" />\n </div>\n );\n}\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const {\n chatId, threadId, messageId, avatarOwnerId, profilePhotoIndex, origin,\n } = global.mediaViewer;\n const {\n animationLevel,\n } = global.settings.byKey;\n\n if (origin === MediaViewerOrigin.SearchResult) {\n if (!(chatId && messageId)) {\n return { animationLevel };\n }\n\n const message = selectChatMessage(global, chatId, messageId);\n if (!message) {\n return { animationLevel };\n }\n\n return {\n chatId,\n messageId,\n senderId: message.senderId,\n origin,\n message,\n animationLevel,\n };\n }\n\n if (avatarOwnerId) {\n const sender = selectUser(global, avatarOwnerId) || selectChat(global, avatarOwnerId);\n\n return {\n messageId: -1,\n senderId: avatarOwnerId,\n avatarOwner: sender,\n profilePhotoIndex: profilePhotoIndex || 0,\n animationLevel,\n origin,\n };\n }\n\n if (!(chatId && threadId && messageId)) {\n return { animationLevel };\n }\n\n let message: ApiMessage | undefined;\n if (origin && [MediaViewerOrigin.ScheduledAlbum, MediaViewerOrigin.ScheduledInline].includes(origin)) {\n message = selectScheduledMessage(global, chatId, messageId);\n } else {\n message = selectChatMessage(global, chatId, messageId);\n }\n\n if (!message) {\n return { animationLevel };\n }\n\n let chatMessages: Record<number, ApiMessage> | undefined;\n\n if (origin && [MediaViewerOrigin.ScheduledAlbum, MediaViewerOrigin.ScheduledInline].includes(origin)) {\n chatMessages = selectScheduledMessages(global, chatId);\n } else {\n chatMessages = selectChatMessages(global, chatId);\n }\n let collectionIds: number[] | undefined;\n\n if (origin === MediaViewerOrigin.Inline || origin === MediaViewerOrigin.Album) {\n collectionIds = selectOutlyingIds(global, chatId, threadId) || selectListedIds(global, chatId, threadId);\n } else if (origin === MediaViewerOrigin.SharedMedia) {\n const currentSearch = selectCurrentMediaSearch(global);\n const { foundIds } = (currentSearch && currentSearch.resultsByType && currentSearch.resultsByType.media) || {};\n collectionIds = foundIds;\n }\n\n return {\n chatId,\n threadId,\n messageId,\n senderId: message.senderId,\n origin,\n message,\n chatMessages,\n collectionIds,\n animationLevel,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'openMediaViewer', 'closeMediaViewer', 'openForwardMenu', 'focusMessage',\n ]),\n)(MediaViewer));\n","import React, {\n FC, useMemo, useState, memo, useRef, useEffect, useCallback,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiChat, MAIN_THREAD_ID } from '../../api/types';\n\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport {\n getCanPostInChat, getChatTitle, isChatPrivate, sortChatIds,\n} from '../../modules/helpers';\nimport searchWords from '../../util/searchWords';\nimport { pick } from '../../util/iteratees';\nimport useInfiniteScroll from '../../hooks/useInfiniteScroll';\nimport useLang from '../../hooks/useLang';\n\nimport Loading from '../ui/Loading';\nimport Modal from '../ui/Modal';\nimport InputText from '../ui/InputText';\nimport Button from '../ui/Button';\nimport InfiniteScroll from '../ui/InfiniteScroll';\nimport ListItem from '../ui/ListItem';\nimport PrivateChatInfo from '../common/PrivateChatInfo';\nimport GroupChatInfo from '../common/GroupChatInfo';\n\nimport './ForwardPicker.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n};\n\ntype StateProps = {\n chatsById: Record<number, ApiChat>;\n activeListIds?: number[];\n archivedListIds?: number[];\n orderedPinnedIds?: number[];\n currentUserId?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setForwardChatId' | 'exitForwardMode' | 'loadMoreChats'>;\n\n// Focus slows down animation, also it breaks transition layout in Chrome\nconst FOCUS_DELAY_MS = 500;\nconst MODAL_HIDE_DELAY_MS = 300;\n\nconst ForwardPicker: FC<OwnProps & StateProps & DispatchProps> = ({\n chatsById,\n activeListIds,\n archivedListIds,\n currentUserId,\n isOpen,\n setForwardChatId,\n exitForwardMode,\n loadMoreChats,\n}) => {\n const [filter, setFilter] = useState('');\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (isOpen) {\n if (!IS_MOBILE_SCREEN) {\n setTimeout(() => {\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n });\n }, FOCUS_DELAY_MS);\n }\n } else {\n if (inputRef.current) {\n inputRef.current.blur();\n }\n\n setTimeout(() => {\n setFilter('');\n }, MODAL_HIDE_DELAY_MS);\n }\n }, [isOpen]);\n\n const chatIds = useMemo(() => {\n const listIds = [\n ...activeListIds || [],\n ...archivedListIds || [],\n ];\n\n return sortChatIds([\n ...listIds.filter((id) => {\n const chat = chatsById[id];\n if (!chat) {\n return true;\n }\n\n if (!getCanPostInChat(chat, MAIN_THREAD_ID)) {\n return false;\n }\n\n if (!filter) {\n return true;\n }\n\n return searchWords(getChatTitle(chatsById[id], undefined, id === currentUserId), filter);\n }),\n ], chatsById, undefined, currentUserId ? [currentUserId] : undefined);\n }, [activeListIds, archivedListIds, chatsById, currentUserId, filter]);\n\n const [viewportIds, getMore] = useInfiniteScroll(loadMoreChats, chatIds, Boolean(filter));\n\n const handleFilterChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setFilter(e.currentTarget.value);\n }, []);\n\n const lang = useLang();\n\n const modalHeader = (\n <div className=\"modal-header\">\n <Button\n round\n color=\"translucent\"\n size=\"smaller\"\n ariaLabel={lang('Close')}\n onClick={exitForwardMode}\n >\n <i className=\"icon-close\" />\n </Button>\n <InputText\n ref={inputRef}\n value={filter}\n onChange={handleFilterChange}\n placeholder={lang('ForwardTo')}\n />\n </div>\n );\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={exitForwardMode}\n className=\"ForwardPicker\"\n header={modalHeader}\n >\n {viewportIds && viewportIds.length ? (\n <InfiniteScroll\n className=\"picker-list custom-scroll\"\n items={viewportIds}\n onLoadMore={getMore}\n noScrollRestore={Boolean(filter)}\n >\n {viewportIds.map((id) => (\n <ListItem\n key={id}\n className=\"chat-item-clickable force-rounded-corners\"\n onClick={() => setForwardChatId({ id })}\n >\n {isChatPrivate(id) ? (\n <PrivateChatInfo status={id === currentUserId ? lang('SavedMessagesInfo') : undefined} userId={id} />\n ) : (\n <GroupChatInfo chatId={id} />\n )}\n </ListItem>\n ))}\n </InfiniteScroll>\n ) : viewportIds && !viewportIds.length ? (\n <p className=\"no-results\">Sorry, nothing found.</p>\n ) : (\n <Loading />\n )}\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n chats: {\n byId: chatsById,\n listIds,\n },\n currentUserId,\n } = global;\n\n return {\n chatsById,\n activeListIds: listIds.active,\n archivedListIds: listIds.archived,\n currentUserId,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['setForwardChatId', 'exitForwardMode', 'loadMoreChats']),\n)(ForwardPicker));\n","import React, { FC, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiError } from '../../api/types';\n\nimport getReadableErrorText from '../../util/getReadableErrorText';\nimport { pick } from '../../util/iteratees';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nimport './Errors.scss';\n\ntype StateProps = {\n errors: ApiError[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'dismissError'>;\n\nconst Errors: FC<StateProps & DispatchProps> = ({ errors, dismissError }) => {\n const lang = useLang();\n\n if (!errors.length) {\n return undefined;\n }\n\n return (\n <div id=\"Errors\">\n {errors.map((error) => (\n <Modal\n isOpen\n onClose={dismissError}\n className=\"error\"\n title={getErrorHeader(error)}\n >\n <p>{getReadableErrorText(error)}</p>\n <Button isText onClick={dismissError}>{lang('OK')}</Button>\n </Modal>\n ))}\n </div>\n );\n};\n\nfunction getErrorHeader(error: ApiError) {\n if (error.isSlowMode) {\n return 'Slowmode enabled';\n }\n\n return 'Something went wrong';\n}\n\nexport default memo(withGlobal(\n (global): StateProps => pick(global, ['errors']),\n (setGlobal, actions): DispatchProps => pick(actions, ['dismissError']),\n)(Errors));\n","import React, { FC, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiNotification } from '../../api/types';\n\nimport { pick } from '../../util/iteratees';\n\nimport Notification from '../ui/Notification';\nimport renderText from '../common/helpers/renderText';\n\ntype StateProps = {\n notifications: ApiNotification[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'dismissNotification'>;\n\nconst Notifications: FC<StateProps & DispatchProps> = ({ notifications, dismissNotification }) => {\n if (!notifications.length) {\n return undefined;\n }\n\n return (\n <div id=\"Notifications\">\n {notifications.map(({ message }) => (\n <Notification\n message={renderText(message, ['emoji', 'br', 'links'])}\n onDismiss={dismissNotification}\n />\n ))}\n </div>\n );\n};\n\nexport default memo(withGlobal(\n (global): StateProps => pick(global, ['notifications']),\n (setGlobal, actions): DispatchProps => pick(actions, ['dismissNotification']),\n)(Notifications));\n","import React, { FC, memo, useCallback } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\n\nimport { pick } from '../../util/iteratees';\nimport renderText from '../common/helpers/renderText';\nimport useLang from '../../hooks/useLang';\nimport useCurrentOrPrev from '../../hooks/useCurrentOrPrev';\n\nimport ConfirmDialog from '../ui/ConfirmDialog';\n\nexport type OwnProps = {\n url?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'toggleSafeLinkModal'>;\n\nconst SafeLinkModal: FC<OwnProps & DispatchProps> = ({ url, toggleSafeLinkModal }) => {\n const lang = useLang();\n\n const handleOpen = useCallback(() => {\n window.open(url);\n toggleSafeLinkModal({ url: undefined });\n }, [toggleSafeLinkModal, url]);\n\n const handleDismiss = useCallback(() => {\n toggleSafeLinkModal({ url: undefined });\n }, [toggleSafeLinkModal]);\n\n const renderingUrl = useCurrentOrPrev(url);\n\n return (\n <ConfirmDialog\n isOpen={Boolean(url)}\n onClose={handleDismiss}\n title={lang('OpenUrlTitle')}\n textParts={renderText(lang('OpenUrlAlert2', renderingUrl), ['links'])}\n confirmLabel={lang('OpenUrlTitle')}\n confirmHandler={handleOpen}\n />\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n undefined,\n (setGlobal, actions): DispatchProps => pick(actions, ['toggleSafeLinkModal']),\n)(SafeLinkModal));\n","import React, {\n FC, memo, useState, useEffect, useMemo, useCallback,\n} from '../../lib/teact/teact';\n\nimport buildClassName from '../../util/buildClassName';\nimport {\n formatMonthAndYear, formatHumanDate, formatTime,\n} from '../../util/dateFormat';\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nimport './CalendarModal.scss';\n\nexport type OwnProps = {\n selectedAt?: number;\n maxAt?: number;\n isFutureMode?: boolean;\n isPastMode?: boolean;\n isOpen: boolean;\n withTimePicker?: boolean;\n submitButtonLabel?: string;\n secondButtonLabel?: string;\n onClose: () => void;\n onSubmit: (date: Date) => void;\n onSecondButtonClick?: NoneToVoidFunction;\n};\n\nconst WEEKDAY_LETTERS = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n\nconst CalendarModal: FC<OwnProps> = ({\n selectedAt,\n maxAt,\n isFutureMode,\n isPastMode,\n isOpen,\n withTimePicker,\n submitButtonLabel,\n secondButtonLabel,\n onClose,\n onSubmit,\n onSecondButtonClick,\n}) => {\n const now = new Date();\n const defaultSelectedDate = useMemo(() => (selectedAt ? new Date(selectedAt) : new Date()), [selectedAt]);\n const maxDate = maxAt ? new Date(maxAt) : undefined;\n\n const [selectedDate, setSelectedDate] = useState<Date>(defaultSelectedDate);\n const [selectedHours, setSelectedHours] = useState<string>(\n formatInputTime(defaultSelectedDate.getHours()),\n );\n const [selectedMinutes, setSelectedMinutes] = useState<string>(\n formatInputTime(defaultSelectedDate.getMinutes()),\n );\n\n const currentYear = selectedDate.getFullYear();\n const currentMonth = selectedDate.getMonth();\n const currentDate = selectedDate.getDate();\n\n useEffect(() => {\n if (isOpen) {\n setSelectedDate(defaultSelectedDate);\n }\n }, [isOpen, defaultSelectedDate]);\n\n const shouldDisableNextMonth = (isPastMode && currentYear >= now.getFullYear() && currentMonth >= now.getMonth())\n || (maxDate && currentYear >= maxDate.getFullYear() && currentMonth >= maxDate.getMonth());\n const shouldDisablePrevMonth = isFutureMode && currentYear <= now.getFullYear() && currentMonth <= now.getMonth();\n\n const calendarGrid = useMemo(() => (\n buildCalendarGrid(currentYear, currentMonth)\n ), [currentMonth, currentYear]);\n\n function handlePrevMonth() {\n setSelectedDate((d) => {\n const dateCopy = new Date(d);\n dateCopy.setMonth(dateCopy.getMonth() - 1);\n\n return dateCopy;\n });\n }\n\n function handleNextMonth() {\n setSelectedDate((d) => {\n const dateCopy = new Date(d);\n dateCopy.setMonth(dateCopy.getMonth() + 1);\n\n return dateCopy;\n });\n }\n\n function handleDateSelect(date: number) {\n setSelectedDate((d) => {\n const dateCopy = new Date(d);\n dateCopy.setDate(date);\n\n return dateCopy;\n });\n }\n\n function handleSubmit() {\n onSubmit(selectedDate);\n }\n\n const handleChangeHours = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value.replace(/[^\\d]+/g, '');\n if (!value.length) {\n setSelectedHours('');\n e.target.value = '';\n return;\n }\n\n const hours = Math.max(0, Math.min(Number(value), 23));\n\n const date = new Date(selectedDate.getTime());\n date.setHours(hours);\n setSelectedDate(date);\n\n const hoursStr = formatInputTime(hours);\n setSelectedHours(hoursStr);\n e.target.value = hoursStr;\n }, [selectedDate]);\n\n const handleChangeMinutes = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value.replace(/[^\\d]+/g, '');\n if (!value.length) {\n setSelectedMinutes('');\n e.target.value = '';\n return;\n }\n\n const minutes = Math.max(0, Math.min(Number(value), 59));\n\n const date = new Date(selectedDate.getTime());\n date.setMinutes(minutes);\n setSelectedDate(date);\n\n const minutesStr = formatInputTime(minutes);\n setSelectedMinutes(minutesStr);\n e.target.value = minutesStr;\n }, [selectedDate]);\n\n function renderTimePicker() {\n return (\n <div className=\"timepicker\">\n <input\n type=\"text\"\n className=\"form-control\"\n inputMode=\"decimal\"\n value={selectedHours}\n onChange={handleChangeHours}\n />\n :\n <input\n type=\"text\"\n className=\"form-control\"\n inputMode=\"decimal\"\n value={selectedMinutes}\n onChange={handleChangeMinutes}\n />\n </div>\n );\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n className=\"CalendarModal\"\n >\n <div className=\"container\">\n <div className=\"month-selector\">\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={onClose}\n >\n <i className=\"icon-close\" />\n </Button>\n\n <h4>\n {formatMonthAndYear(selectedDate, IS_MOBILE_SCREEN)}\n </h4>\n\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n disabled={shouldDisablePrevMonth}\n onClick={!shouldDisablePrevMonth ? handlePrevMonth : undefined}\n >\n <i className=\"icon-previous\" />\n </Button>\n\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n disabled={shouldDisableNextMonth}\n onClick={!shouldDisableNextMonth ? handleNextMonth : undefined}\n >\n <i className=\"icon-next\" />\n </Button>\n </div>\n </div>\n\n <div className=\"calendar-wrapper\">\n <div className=\"calendar-grid\">\n {WEEKDAY_LETTERS.map((letter) => (\n <div className=\"day-button faded weekday\">\n <span>{letter}</span>\n </div>\n ))}\n {calendarGrid.map((gridDate) => (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={() => handleDateSelect(gridDate)}\n className={buildClassName(\n 'day-button',\n isDisabledDay(\n currentYear, currentMonth, gridDate, isFutureMode ? now : undefined, isPastMode ? now : maxDate,\n )\n ? 'disabled'\n : `${gridDate ? 'clickable' : ''}`,\n gridDate === currentDate && 'selected',\n )}\n >\n {!!gridDate && (\n <span>{gridDate}</span>\n )}\n </div>\n ))}\n </div>\n </div>\n\n {withTimePicker && renderTimePicker()}\n\n <div className=\"footer\">\n <Button onClick={handleSubmit}>\n {withTimePicker ? formatSubmitLabel(selectedDate) : submitButtonLabel}\n </Button>\n {secondButtonLabel && (\n <Button onClick={onSecondButtonClick} isText>\n {secondButtonLabel}\n </Button>\n )}\n </div>\n </Modal>\n );\n};\n\nfunction buildCalendarGrid(year: number, month: number) {\n const grid: number[] = [];\n\n const date = new Date();\n date.setFullYear(year);\n date.setMonth(month);\n date.setDate(1);\n\n const monthStartDay = date.getDay();\n // Fill empty cells\n for (let i = 1; i < monthStartDay; i++) {\n grid.push(0);\n }\n\n while (date.getMonth() === month) {\n const gridDate = date.getDate();\n grid.push(gridDate);\n date.setDate(gridDate + 1);\n }\n\n return grid;\n}\n\nfunction isDisabledDay(year: number, month: number, day: number, minDate?: Date, maxDate?: Date) {\n const selectedDay = new Date(year, month, day, 0, 0, 0, 0);\n const fixedMinDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), 0, 0, 0, 0);\n const fixedMaxDate = maxDate && new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate(), 0, 0, 0, 0);\n\n if (fixedMaxDate && selectedDay > fixedMaxDate) {\n return true;\n } else if (fixedMinDate && selectedDay < fixedMinDate) {\n return true;\n }\n\n return false;\n}\n\nfunction formatInputTime(value: string | number) {\n return String(value).padStart(2, '0');\n}\n\nfunction formatSubmitLabel(date: Date) {\n const day = formatHumanDate(date, true);\n\n return `Send ${day === 'Today' ? day : `on ${day}`} at ${formatTime(date)}`;\n}\n\nexport default memo(CalendarModal);\n","import React, { FC, useCallback, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiMessage } from '../../api/types';\nimport { IAlbum } from '../../types';\n\nimport { GlobalActions } from '../../global/types';\n\nimport {\n selectAllowedMessageActions,\n selectChat,\n selectCurrentMessageList,\n selectUser,\n} from '../../modules/selectors';\nimport {\n isChatPrivate,\n getUserFirstOrLastName,\n getPrivateChatUserId,\n isChatBasicGroup,\n isChatSuperGroup,\n} from '../../modules/helpers';\nimport renderText from './helpers/renderText';\nimport { pick } from '../../util/iteratees';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nexport type OwnProps = {\n isOpen: boolean;\n isSchedule: boolean;\n message: ApiMessage;\n album?: IAlbum;\n onClose: () => void;\n};\n\ntype StateProps = {\n canDeleteForAll?: boolean;\n contactName?: string;\n willDeleteForCurrentUserOnly?: boolean;\n willDeleteForAll?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'deleteMessages' | 'deleteScheduledMessages'>;\n\nconst DeleteMessageModal: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n isSchedule,\n message,\n album,\n canDeleteForAll,\n contactName,\n willDeleteForCurrentUserOnly,\n willDeleteForAll,\n onClose,\n deleteMessages,\n deleteScheduledMessages,\n}) => {\n const handleDeleteMessageForAll = useCallback(() => {\n const messageIds = album && album.messages\n ? album.messages.map(({ id }) => id)\n : [message.id];\n deleteMessages({ messageIds, shouldDeleteForAll: true });\n onClose();\n }, [deleteMessages, message.id, onClose, album]);\n\n const handleDeleteMessageForSelf = useCallback(() => {\n const messageIds = album && album.messages\n ? album.messages.map(({ id }) => id)\n : [message.id];\n if (isSchedule) {\n deleteScheduledMessages({ messageIds });\n } else {\n deleteMessages({\n messageIds,\n shouldDeleteForAll: false,\n });\n }\n onClose();\n }, [album, message.id, isSchedule, onClose, deleteScheduledMessages, deleteMessages]);\n\n const lang = useLang();\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n onEnter={isOpen && !canDeleteForAll ? handleDeleteMessageForSelf : undefined}\n className=\"delete\"\n title={lang('DeleteSingleMessagesTitle')}\n >\n <p>{lang('AreYouSureDeleteSingleMessage')}</p>\n {willDeleteForCurrentUserOnly && (\n <p>{lang('lng_delete_for_me_chat_hint')}</p>\n )}\n {willDeleteForAll && (\n <p>{lang('lng_delete_for_everyone_hint')}</p>\n )}\n {canDeleteForAll && (\n <Button color=\"danger\" className=\"confirm-dialog-button\" isText onClick={handleDeleteMessageForAll}>\n {contactName && lang('Conversation.DeleteMessagesFor', renderText(contactName))}\n {!contactName && lang('Conversation.DeleteMessagesForEveryone')}\n </Button>\n )}\n <Button color=\"danger\" className=\"confirm-dialog-button\" isText onClick={handleDeleteMessageForSelf}>\n {lang(canDeleteForAll ? 'ChatList.DeleteForCurrentUser' : 'Delete')}\n </Button>\n <Button className=\"confirm-dialog-button\" isText onClick={onClose}>{lang('Cancel')}</Button>\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { message, isSchedule }): StateProps => {\n const { threadId } = selectCurrentMessageList(global) || {};\n const { canDeleteForAll } = (threadId && selectAllowedMessageActions(global, message, threadId)) || {};\n const chat = selectChat(global, message.chatId);\n const contactName = chat && isChatPrivate(chat.id)\n ? getUserFirstOrLastName(selectUser(global, getPrivateChatUserId(chat)!))\n : undefined;\n\n const willDeleteForCurrentUserOnly = chat && isChatBasicGroup(chat) && !canDeleteForAll;\n const willDeleteForAll = chat && isChatSuperGroup(chat);\n\n return {\n canDeleteForAll: !isSchedule && canDeleteForAll,\n contactName,\n willDeleteForCurrentUserOnly,\n willDeleteForAll,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'deleteMessages', 'deleteScheduledMessages',\n ]),\n)(DeleteMessageModal));\n","import React, { FC, useCallback, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\n\nimport { selectChat, selectIsChatWithSelf, selectUser } from '../../modules/selectors';\nimport {\n isChatPrivate,\n getUserFirstOrLastName,\n getPrivateChatUserId,\n isChatBasicGroup,\n isChatSuperGroup,\n isChatChannel,\n} from '../../modules/helpers';\nimport { pick } from '../../util/iteratees';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nexport type OwnProps = {\n isOpen: boolean;\n chatId: number;\n messageId: number;\n onClose: () => void;\n};\n\ntype StateProps = {\n isChannel: boolean;\n isPrivateChat: boolean;\n isChatWithSelf: boolean;\n isGroup: boolean;\n isSuperGroup: boolean;\n canPinForAll: boolean;\n contactName?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'pinMessage'>;\n\nconst PinMessageModal: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n messageId,\n chatId,\n isChannel,\n isGroup,\n isSuperGroup,\n canPinForAll,\n contactName,\n onClose,\n pinMessage,\n}) => {\n const handlePinMessageForAll = useCallback(() => {\n pinMessage({\n chatId, messageId, isUnpin: false,\n });\n onClose();\n }, [pinMessage, chatId, messageId, onClose]);\n\n const handlePinMessage = useCallback(() => {\n pinMessage({\n chatId, messageId, isUnpin: false, isOneSide: true, isSilent: true,\n });\n onClose();\n }, [chatId, messageId, onClose, pinMessage]);\n\n const lang = useLang();\n\n function renderModalHeader() {\n return (\n <div className=\"modal-header\">\n <h3 className=\"modal-title\">{lang('PinMessageAlertTitle')}</h3>\n </div>\n );\n }\n\n function renderMessage() {\n if (isChannel) {\n return <p>{lang('PinMessageAlertChannel')}</p>;\n }\n\n if (isGroup || isSuperGroup) {\n return <p>{lang('PinMessageAlert')}</p>;\n }\n\n return <p>{lang('PinMessageAlertChat')}</p>;\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n className=\"pin\"\n header={renderModalHeader()}\n >\n {renderMessage()}\n <Button className=\"confirm-dialog-button\" isText onClick={handlePinMessage}>\n {lang('DialogPin')}\n </Button>\n {canPinForAll && (\n <Button className=\"confirm-dialog-button\" isText onClick={handlePinMessageForAll}>\n {contactName ? `Pin for me and ${contactName}` : 'Pin and notify all memebers'}\n </Button>\n )}\n <Button className=\"confirm-dialog-button\" isText onClick={onClose}>{lang('Cancel')}</Button>\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const isPrivateChat = isChatPrivate(chatId);\n const isChatWithSelf = selectIsChatWithSelf(global, chatId);\n const chat = selectChat(global, chatId);\n const isChannel = !!chat && isChatChannel(chat);\n const isGroup = !!chat && isChatBasicGroup(chat);\n const isSuperGroup = !!chat && isChatSuperGroup(chat);\n const canPinForAll = (isPrivateChat && !isChatWithSelf) || isSuperGroup || isGroup;\n const contactName = chat && isChatPrivate(chat.id)\n ? getUserFirstOrLastName(selectUser(global, getPrivateChatUserId(chat)!))\n : undefined;\n\n return {\n isPrivateChat,\n isChatWithSelf,\n isChannel,\n isGroup,\n isSuperGroup,\n canPinForAll,\n contactName,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['pinMessage']),\n)(PinMessageModal));\n","import React, { FC, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { selectPinnedIds } from '../../modules/selectors';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nexport type OwnProps = {\n isOpen: boolean;\n chatId?: number;\n onClose: () => void;\n onUnpin: () => void;\n};\n\ntype StateProps = {\n pinnedMessagesCount: number;\n};\n\nconst UnpinAllMessagesModal: FC<OwnProps & StateProps> = ({\n isOpen,\n pinnedMessagesCount,\n onClose,\n onUnpin,\n}) => {\n const lang = useLang();\n\n function renderModalHeader() {\n return (\n <div className=\"modal-header\">\n <h3 className=\"modal-title\">{lang('UnpinAllMessages')}</h3>\n </div>\n );\n }\n\n function renderMessage() {\n return <p>Do you want to unpin all {pinnedMessagesCount} messages in this chat?</p>;\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n className=\"unpin-all\"\n header={renderModalHeader()}\n >\n {renderMessage()}\n <Button className=\"confirm-dialog-button\" isText onClick={onUnpin}>\n {lang('DialogUnpin')}\n </Button>\n <Button className=\"confirm-dialog-button\" isText onClick={onClose}>{lang('Cancel')}</Button>\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const pinnedIds = chatId ? selectPinnedIds(global, chatId) : [];\n\n return {\n pinnedMessagesCount: pinnedIds ? pinnedIds.length : 0,\n };\n },\n)(UnpinAllMessagesModal));\n","import React, { FC, useCallback, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\n\nimport { selectCanDeleteSelectedMessages, selectCurrentChat, selectUser } from '../../modules/selectors';\nimport {\n isChatPrivate,\n getUserFirstOrLastName,\n getPrivateChatUserId,\n isChatBasicGroup,\n isChatSuperGroup,\n} from '../../modules/helpers';\nimport renderText from '../common/helpers/renderText';\nimport { pick } from '../../util/iteratees';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nexport type OwnProps = {\n isOpen: boolean;\n isSchedule: boolean;\n onClose: () => void;\n};\n\ntype StateProps = {\n selectedMessageIds?: number[];\n canDeleteForAll?: boolean;\n contactName?: string;\n willDeleteForCurrentUserOnly?: boolean;\n willDeleteForAll?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'deleteMessages' | 'exitMessageSelectMode' | 'deleteScheduledMessages'>;\n\nconst DeleteSelectedMessagesModal: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n isSchedule,\n selectedMessageIds,\n canDeleteForAll,\n contactName,\n willDeleteForCurrentUserOnly,\n willDeleteForAll,\n onClose,\n deleteMessages,\n deleteScheduledMessages,\n exitMessageSelectMode,\n}) => {\n const handleDeleteMessageForAll = useCallback(() => {\n deleteMessages({ messageIds: selectedMessageIds, shouldDeleteForAll: true });\n exitMessageSelectMode();\n onClose();\n }, [deleteMessages, exitMessageSelectMode, selectedMessageIds, onClose]);\n\n const handleDeleteMessageForSelf = useCallback(() => {\n if (isSchedule) {\n deleteScheduledMessages({ messageIds: selectedMessageIds });\n } else {\n deleteMessages({ messageIds: selectedMessageIds, shouldDeleteForAll: false });\n }\n\n exitMessageSelectMode();\n onClose();\n }, [\n isSchedule, exitMessageSelectMode, onClose, deleteScheduledMessages, selectedMessageIds, deleteMessages,\n ]);\n\n const lang = useLang();\n\n if (!selectedMessageIds) {\n return undefined;\n }\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n onEnter={canDeleteForAll ? undefined : handleDeleteMessageForSelf}\n className=\"delete\"\n title=\"Delete Messages?\"\n >\n <p>{lang('AreYouSureDeleteFewMessages')}</p>\n {willDeleteForCurrentUserOnly && (\n <p>This will delete them just for you, not for other participants in the chat.</p>\n )}\n {willDeleteForAll && (\n <p>This will delete them for everyone in this chat.</p>\n )}\n {canDeleteForAll && (\n <Button color=\"danger\" className=\"confirm-dialog-button\" isText onClick={handleDeleteMessageForAll}>\n Delete for {contactName ? 'me and ' : 'Everyone'}\n {contactName && renderText(contactName)}\n </Button>\n )}\n <Button color=\"danger\" className=\"confirm-dialog-button\" isText onClick={handleDeleteMessageForSelf}>\n Delete{canDeleteForAll ? ' just for me' : ''}\n </Button>\n <Button className=\"confirm-dialog-button\" isText onClick={onClose}>{lang('Cancel')}</Button>\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { isSchedule }): StateProps => {\n const { messageIds: selectedMessageIds } = global.selectedMessages || {};\n const { canDeleteForAll } = selectCanDeleteSelectedMessages(global);\n const chat = selectCurrentChat(global);\n const contactName = chat && isChatPrivate(chat.id)\n ? getUserFirstOrLastName(selectUser(global, getPrivateChatUserId(chat)!))\n : undefined;\n\n const willDeleteForCurrentUserOnly = chat && isChatBasicGroup(chat) && !canDeleteForAll;\n const willDeleteForAll = chat && isChatSuperGroup(chat);\n\n return {\n selectedMessageIds,\n canDeleteForAll: !isSchedule && canDeleteForAll,\n contactName,\n willDeleteForCurrentUserOnly,\n willDeleteForAll,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'deleteMessages',\n 'deleteScheduledMessages',\n 'exitMessageSelectMode',\n ]),\n)(DeleteSelectedMessagesModal));\n","import React, { FC, memo, useEffect } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions, MessageListType } from '../../global/types';\n\nimport {\n selectCanDeleteSelectedMessages,\n selectCurrentMessageList,\n selectSelectedMessagesCount,\n} from '../../modules/selectors';\nimport { pick } from '../../util/iteratees';\nimport useFlag from '../../hooks/useFlag';\nimport captureKeyboardListeners from '../../util/captureKeyboardListeners';\nimport buildClassName from '../../util/buildClassName';\nimport usePrevious from '../../hooks/usePrevious';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\nimport MenuItem from '../ui/MenuItem';\n\nimport DeleteSelectedMessagesModal from './DeleteSelectedMessagesModal';\n\nimport './MessageSelectToolbar.scss';\n\nexport type OwnProps = {\n isActive?: boolean;\n canPost?: boolean;\n messageListType?: MessageListType;\n};\n\ntype StateProps = {\n isSchedule: boolean;\n selectedMessagesCount?: number;\n canDeleteMessages?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'exitMessageSelectMode' | 'openForwardMenuForSelectedMessages'>;\n\nconst MessageSelectToolbar: FC<OwnProps & StateProps & DispatchProps> = ({\n canPost,\n isActive,\n messageListType,\n isSchedule,\n selectedMessagesCount,\n canDeleteMessages,\n exitMessageSelectMode,\n openForwardMenuForSelectedMessages,\n}) => {\n const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useFlag();\n\n useEffect(() => {\n return isActive && !isDeleteModalOpen\n ? captureKeyboardListeners({\n onBackspace: openDeleteModal,\n onDelete: openDeleteModal,\n onEsc: exitMessageSelectMode,\n })\n : undefined;\n }, [isActive, isDeleteModalOpen, openDeleteModal, exitMessageSelectMode]);\n\n const prevSelectedMessagesCount = usePrevious(selectedMessagesCount || undefined, true);\n const renderingSelectedMessagesCount = isActive ? selectedMessagesCount : prevSelectedMessagesCount;\n\n const lang = useLang();\n\n const formattedMessagesCount = lang('VoiceOver.Chat.MessagesSelected', renderingSelectedMessagesCount);\n\n const className = buildClassName(\n 'MessageSelectToolbar',\n canPost && 'with-composer',\n isActive && 'shown',\n );\n\n return (\n <div className={className}>\n <div className=\"MessageSelectToolbar-inner\">\n <Button\n color=\"translucent\"\n round\n onClick={exitMessageSelectMode}\n ariaLabel=\"Exit select mode\"\n >\n <i className=\"icon-close\" />\n </Button>\n <span className=\"MessageSelectToolbar-count\" title={formattedMessagesCount}>\n {formattedMessagesCount}\n </span>\n\n {!!selectedMessagesCount && (\n <div className=\"MessageSelectToolbar-actions\">\n {messageListType !== 'scheduled' && (\n <MenuItem\n icon=\"forward\"\n ariaLabel=\"Forward Messages\"\n onClick={openForwardMenuForSelectedMessages}\n >\n <span className=\"item-text\">\n {lang('Forward')}\n </span>\n </MenuItem>\n )}\n <MenuItem\n destructive\n icon=\"delete\"\n onClick={openDeleteModal}\n disabled={!canDeleteMessages}\n ariaLabel={lang('EditAdminGroupDeleteMessages')}\n >\n <span className=\"item-text\">\n {lang('Delete')}\n </span>\n </MenuItem>\n </div>\n )}\n </div>\n <DeleteSelectedMessagesModal\n isOpen={isDeleteModalOpen}\n isSchedule={isSchedule}\n onClose={closeDeleteModal}\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { type: messageListType } = selectCurrentMessageList(global) || {};\n const { canDelete } = selectCanDeleteSelectedMessages(global);\n\n return {\n isSchedule: messageListType === 'scheduled',\n selectedMessagesCount: selectSelectedMessagesCount(global),\n canDeleteMessages: canDelete,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['exitMessageSelectMode', 'openForwardMenuForSelectedMessages']),\n)(MessageSelectToolbar));\n","import React, { FC, memo } from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiUser } from '../../../api/types';\n\nimport useChatContextActions from '../../../hooks/useChatContextActions';\nimport useFlag from '../../../hooks/useFlag';\nimport { isChatPrivate, getPrivateChatUserId } from '../../../modules/helpers';\nimport { selectChat, selectUser, selectIsChatPinned } from '../../../modules/selectors';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport GroupChatInfo from '../../common/GroupChatInfo';\nimport DeleteChatModal from '../../common/DeleteChatModal';\nimport ListItem from '../../ui/ListItem';\n\ntype OwnProps = {\n chatId: number;\n withUsername?: boolean;\n onClick: (id: number) => void;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n privateChatUser?: ApiUser;\n isPinned?: boolean;\n};\n\nconst LeftSearchResultChat: FC<OwnProps & StateProps> = ({\n chatId,\n chat,\n privateChatUser,\n isPinned,\n withUsername,\n onClick,\n}) => {\n const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useFlag();\n\n const contextActions = useChatContextActions({\n chat,\n privateChatUser,\n isPinned,\n handleDelete: openDeleteModal,\n });\n\n if (!chat) {\n return undefined;\n }\n\n return (\n <ListItem\n className=\"chat-item-clickable search-result\"\n onClick={() => onClick(chatId)}\n contextActions={contextActions}\n >\n {isChatPrivate(chatId) ? (\n <PrivateChatInfo userId={chatId} withUsername={withUsername} avatarSize=\"large\" />\n ) : (\n <GroupChatInfo chatId={chatId} withUsername={withUsername} avatarSize=\"large\" />\n )}\n <DeleteChatModal\n isOpen={isDeleteModalOpen}\n onClose={closeDeleteModal}\n chat={chat}\n />\n </ListItem>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const privateChatUserId = chat && getPrivateChatUserId(chat);\n const privateChatUser = privateChatUserId ? selectUser(global, privateChatUserId) : undefined;\n const isPinned = selectIsChatPinned(global, chatId);\n\n return {\n chat,\n privateChatUser,\n isPinned,\n };\n },\n)(LeftSearchResultChat));\n","import React, {\n FC, useEffect, useCallback, useRef, memo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiUser } from '../../../api/types';\n\nimport { getUserFirstOrLastName } from '../../../modules/helpers';\nimport renderText from '../../common/helpers/renderText';\nimport { throttle } from '../../../util/schedulers';\nimport { pick } from '../../../util/iteratees';\nimport useHorizontalScroll from '../../../hooks/useHorizontalScroll';\nimport useLang from '../../../hooks/useLang';\n\nimport Avatar from '../../common/Avatar';\nimport Button from '../../ui/Button';\nimport LeftSearchResultChat from './LeftSearchResultChat';\n\nimport './RecentContacts.scss';\n\ntype OwnProps = {\n onReset: () => void;\n};\n\ntype StateProps = {\n topUserIds?: number[];\n usersById: Record<number, ApiUser>;\n recentlyFoundChatIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'loadTopUsers' | 'loadContactList' | 'openChat' | 'addRecentlyFoundChatId' | 'clearRecentlyFoundChats'\n)>;\n\nconst SEARCH_CLOSE_TIMEOUT_MS = 250;\nconst NBSP = '\\u00A0';\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst RecentContacts: FC<OwnProps & StateProps & DispatchProps> = ({\n topUserIds, usersById, recentlyFoundChatIds,\n onReset, loadTopUsers, loadContactList, openChat,\n addRecentlyFoundChatId, clearRecentlyFoundChats,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const topUsersRef = useRef<HTMLDivElement>(null);\n\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadTopUsers();\n // Loading full contact list for quick local search before user enters the query\n loadContactList();\n });\n }, [loadTopUsers, loadContactList]);\n\n useHorizontalScroll(topUsersRef, !topUserIds);\n\n const handleClick = useCallback(\n (id: number) => {\n openChat({ id });\n onReset();\n setTimeout(() => {\n addRecentlyFoundChatId({ id });\n }, SEARCH_CLOSE_TIMEOUT_MS);\n },\n [openChat, addRecentlyFoundChatId, onReset],\n );\n\n const lang = useLang();\n\n return (\n <div className=\"RecentContacts custom-scroll\">\n {topUserIds && (\n <div className=\"top-peers-section\">\n <div ref={topUsersRef} className=\"top-peers no-selection\">\n {topUserIds.map((userId) => (\n <div className=\"top-peer-item\" onClick={() => handleClick(userId)}>\n <Avatar user={usersById[userId]} />\n <div className=\"top-peer-name\">{renderText(getUserFirstOrLastName(usersById[userId]) || NBSP)}</div>\n </div>\n ))}\n </div>\n </div>\n )}\n {recentlyFoundChatIds && (\n <div className=\"search-section pt-1\">\n <h3 className=\"section-heading mt-0 recent-chats-header\">\n {lang('Recent')}\n\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n ariaLabel=\"Clear recent chats\"\n onClick={clearRecentlyFoundChats}\n >\n <i className=\"icon-close\" />\n </Button>\n </h3>\n {recentlyFoundChatIds.map((id) => (\n <LeftSearchResultChat\n chatId={id}\n onClick={handleClick}\n />\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { userIds: topUserIds } = global.topPeers;\n const usersById = global.users.byId;\n const { recentlyFoundChatIds } = global.globalSearch;\n\n return {\n topUserIds,\n usersById,\n recentlyFoundChatIds,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadTopUsers',\n 'loadContactList',\n 'openChat',\n 'addRecentlyFoundChatId',\n 'clearRecentlyFoundChats',\n ]),\n)(RecentContacts));\n","import React, {\n FC, memo, useCallback,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport {\n ApiChat, ApiUser, ApiMessage, ApiMessageOutgoingStatus,\n} from '../../../api/types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport {\n getChatTitle,\n getPrivateChatUserId,\n getMessageMediaHash,\n getMessageSummaryText,\n getMessageMediaThumbDataUri,\n getMessageVideo,\n} from '../../../modules/helpers';\nimport { selectChat, selectUser } from '../../../modules/selectors';\nimport renderText from '../../common/helpers/renderText';\nimport { pick } from '../../../util/iteratees';\nimport useMedia from '../../../hooks/useMedia';\nimport { formatPastTimeShort } from '../../../util/dateFormat';\nimport useLang, { LangFn } from '../../../hooks/useLang';\n\nimport Avatar from '../../common/Avatar';\nimport VerifiedIcon from '../../common/VerifiedIcon';\nimport ListItem from '../../ui/ListItem';\nimport Link from '../../ui/Link';\n\nimport './ChatMessage.scss';\n\ntype OwnProps = {\n searchQuery?: string;\n message: ApiMessage;\n chatId: number;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n privateChatUser?: ApiUser;\n lastMessageOutgoingStatus?: ApiMessageOutgoingStatus;\n lastSyncTime?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'focusMessage'>;\n\nconst ChatMessage: FC<OwnProps & StateProps & DispatchProps> = ({\n message,\n searchQuery,\n chatId,\n chat,\n privateChatUser,\n focusMessage,\n lastSyncTime,\n}) => {\n const mediaThumbnail = getMessageMediaThumbDataUri(message);\n const mediaBlobUrl = useMedia(getMessageMediaHash(message, 'micro'));\n\n const handleClick = useCallback(() => {\n focusMessage({ chatId, messageId: message.id });\n }, [chatId, focusMessage, message.id]);\n\n const lang = useLang();\n\n if (!chat) {\n return undefined;\n }\n\n return (\n <ListItem\n className=\"ChatMessage chat-item-clickable\"\n ripple={!IS_MOBILE_SCREEN}\n onClick={handleClick}\n >\n <Avatar\n chat={chat}\n user={privateChatUser}\n withOnlineStatus\n isSavedMessages={privateChatUser && privateChatUser.isSelf}\n lastSyncTime={lastSyncTime}\n />\n <div className=\"info\">\n <div className=\"info-row\">\n <div className=\"title\">\n <h3>{renderText(getChatTitle(chat, privateChatUser))}</h3>\n {chat.isVerified && <VerifiedIcon />}\n </div>\n <div className=\"message-date\">\n <Link className=\"date\">\n {formatPastTimeShort(message.date * 1000)}\n </Link>\n </div>\n\n </div>\n <div className=\"subtitle\">\n <div className=\"message\">\n {renderMessageSummary(lang, message, mediaBlobUrl || mediaThumbnail, searchQuery)}\n </div>\n </div>\n </div>\n </ListItem>\n );\n};\n\nfunction renderMessageSummary(lang: LangFn, message: ApiMessage, blobUrl?: string, searchQuery?: string) {\n if (!blobUrl) {\n return renderText(getMessageSummaryText(lang, message));\n }\n\n return (\n <span className=\"media-preview\">\n <img src={blobUrl} alt=\"\" />\n {getMessageVideo(message) && <i className=\"icon-play\" />}\n {renderText(getMessageSummaryText(lang, message, true), ['emoji', 'highlight'], { highlight: searchQuery })}\n </span>\n );\n}\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n if (!chat) {\n return {};\n }\n\n const privateChatUserId = getPrivateChatUserId(chat);\n\n return {\n chat,\n ...(privateChatUserId && { privateChatUser: selectUser(global, privateChatUserId) }),\n lastSyncTime: global.lastSyncTime,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'focusMessage',\n ]),\n)(ChatMessage));\n","import React, { FC, memo, useMemo } from '../../../lib/teact/teact';\nimport { formatDateToString } from '../../../util/dateFormat';\n\nimport './DateSuggest.scss';\n\nconst SUGGESTION_COUNT = 8;\n\nexport type OwnProps = {\n searchDate: string;\n onSelect: (value: Date) => void;\n};\n\nconst DateSuggest: FC<OwnProps> = ({\n searchDate, onSelect,\n}) => {\n const suggestions = useMemo(() => getSuggestionsFromDate(searchDate), [searchDate]);\n return (\n <section className=\"DateSuggest custom-scroll custom-scroll-x\">\n {suggestions.map(({ date, text }) => {\n return (\n <div\n onClick={() => onSelect(date)}\n className=\"date-item\"\n key={text}\n >\n <i className=\"icon-calendar\" />\n <span>{text}</span>\n </div>\n );\n })}\n </section>\n );\n};\n\nfunction getSuggestionsFromDate(searchDate: string) {\n const hasYear = searchDate.match(/^\\d{2,4}-\\d{2}-\\d{2}$/g);\n if (hasYear) {\n const date = new Date(searchDate);\n return [{ date, text: formatDateToString(date) }];\n }\n\n const suggestion = [];\n const currentDate = new Date();\n const currentYear = currentDate.getFullYear();\n const latestYear = currentDate.getTime() > (new Date(`${currentYear}-${searchDate}`)).getTime()\n ? currentYear\n : currentYear - 1;\n\n for (let i = 0; i < SUGGESTION_COUNT; i++) {\n const date = new Date(`${latestYear - i}-${searchDate}`);\n suggestion.push({ date, text: formatDateToString(date) });\n }\n\n return suggestion;\n}\n\nexport default memo(DateSuggest);\n","import React, {\n FC, memo, useCallback, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiUser, ApiChat, ApiMessage } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection } from '../../../types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport searchWords from '../../../util/searchWords';\nimport { unique, pick } from '../../../util/iteratees';\nimport { getUserFullName, getMessageSummaryText, sortChatIds } from '../../../modules/helpers';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { throttle } from '../../../util/schedulers';\nimport useLang from '../../../hooks/useLang';\n\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport LeftSearchResultChat from './LeftSearchResultChat';\nimport RecentContacts from './RecentContacts';\nimport ChatMessage from './ChatMessage';\nimport DateSuggest from './DateSuggest';\nimport Link from '../../ui/Link';\nimport NothingFound from '../../common/NothingFound';\nimport PickerSelectedItem from '../../common/PickerSelectedItem';\nimport { getTranslation } from '../../../util/langProvider';\n\nexport type OwnProps = {\n searchQuery?: string;\n dateSearchQuery?: string;\n searchDate?: number;\n onReset: () => void;\n onSearchDateSelect: (value: Date) => void;\n};\n\ntype StateProps = {\n currentUserId?: number;\n localContactIds?: number[];\n localChatIds?: number[];\n localUserIds?: number[];\n globalChatIds?: number[];\n globalUserIds?: number[];\n foundIds?: string[];\n globalMessagesByChatId?: Record<number, { byId: Record<number, ApiMessage> }>;\n chatsById: Record<number, ApiChat>;\n usersById: Record<number, ApiUser>;\n fetchingStatus?: { chats?: boolean; messages?: boolean };\n lastSyncTime?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'openChat' | 'addRecentlyFoundChatId' | 'searchMessagesGlobal' | 'setGlobalSearchChatId'\n)>;\n\nconst MIN_QUERY_LENGTH_FOR_GLOBAL_SEARCH = 4;\nconst LESS_LIST_ITEMS_AMOUNT = 3;\n\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst ChatResults: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery, searchDate, dateSearchQuery, currentUserId,\n localContactIds, localChatIds, localUserIds, globalChatIds, globalUserIds,\n foundIds, globalMessagesByChatId, chatsById, usersById, fetchingStatus, lastSyncTime,\n onReset, onSearchDateSelect, openChat, addRecentlyFoundChatId, searchMessagesGlobal, setGlobalSearchChatId,\n}) => {\n const [shouldShowMoreLocal, setShouldShowMoreLocal] = useState<boolean>(false);\n const [shouldShowMoreGlobal, setShouldShowMoreGlobal] = useState<boolean>(false);\n\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: 'text',\n query: searchQuery,\n });\n });\n }\n }, [lastSyncTime, searchMessagesGlobal, searchQuery]);\n\n const handleChatClick = useCallback(\n (id: number) => {\n openChat({ id });\n\n if (id !== currentUserId) {\n addRecentlyFoundChatId({ id });\n }\n\n if (!IS_MOBILE_SCREEN) {\n onReset();\n }\n },\n [currentUserId, openChat, addRecentlyFoundChatId, onReset],\n );\n\n const handlePickerItemClick = useCallback((id: number) => {\n setGlobalSearchChatId({ id });\n }, [setGlobalSearchChatId]);\n\n const localResults = useMemo(() => {\n if (!searchQuery || (searchQuery.startsWith('@') && searchQuery.length < 2)) {\n return MEMO_EMPTY_ARRAY;\n }\n\n const foundContactIds = localContactIds\n ? localContactIds.filter((id) => {\n const user = usersById[id];\n if (!user) {\n return false;\n }\n\n const fullName = getUserFullName(user);\n return (fullName && searchWords(fullName, searchQuery)) || searchWords(user.username, searchQuery);\n })\n : [];\n\n return [\n ...(currentUserId && searchWords(getTranslation('SavedMessages'), searchQuery) ? [currentUserId] : []),\n ...sortChatIds(unique([\n ...foundContactIds,\n ...(localChatIds || []),\n ...(localUserIds || []),\n ]), chatsById),\n ];\n }, [searchQuery, localContactIds, currentUserId, localChatIds, localUserIds, chatsById, usersById]);\n\n const globalResults = useMemo(() => {\n if (!searchQuery || searchQuery.length < MIN_QUERY_LENGTH_FOR_GLOBAL_SEARCH || !globalChatIds || !globalUserIds) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return sortChatIds(unique([...globalChatIds, ...globalUserIds]), chatsById, true);\n }, [chatsById, globalChatIds, globalUserIds, searchQuery]);\n\n const foundMessages = useMemo(() => {\n if ((!searchQuery && !searchDate) || !foundIds || foundIds.length === 0) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds\n .map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n\n return (\n globalMessagesByChatId && globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId]\n );\n })\n .filter<ApiMessage>(Boolean as any)\n .sort((a, b) => b.date - a.date);\n }, [foundIds, globalMessagesByChatId, searchQuery, searchDate]);\n\n const handleClickShowMoreLocal = useCallback(() => {\n setShouldShowMoreLocal(!shouldShowMoreLocal);\n }, [shouldShowMoreLocal]);\n\n const handleClickShowMoreGlobal = useCallback(() => {\n setShouldShowMoreGlobal(!shouldShowMoreGlobal);\n }, [shouldShowMoreGlobal]);\n\n const lang = useLang();\n\n function renderFoundMessage(message: ApiMessage) {\n const text = getMessageSummaryText(lang, message);\n const chat = chatsById[message.chatId];\n\n if (!text || !chat) {\n return undefined;\n }\n\n return (\n <ChatMessage\n chatId={message.chatId}\n message={message}\n searchQuery={searchQuery}\n />\n );\n }\n\n const nothingFound = fetchingStatus && !fetchingStatus.chats && !fetchingStatus.messages\n && !localResults.length && !globalResults.length && !foundMessages.length;\n\n if (!searchQuery && !searchDate) {\n return <RecentContacts onReset={onReset} />;\n }\n\n return (\n <InfiniteScroll\n className=\"LeftSearch custom-scroll\"\n items={foundMessages}\n onLoadMore={handleLoadMore}\n // To prevent scroll jumps caused by delayed local results rendering\n noScrollRestoreOnTop\n noFastList\n >\n {dateSearchQuery && (\n <div className=\"chat-selection no-selection no-scrollbar\">\n <DateSuggest\n searchDate={dateSearchQuery}\n onSelect={onSearchDateSelect}\n />\n </div>\n )}\n {nothingFound && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {!!localResults.length && (\n <div className=\"chat-selection no-selection no-scrollbar\">\n {localResults.map((id) => (\n <PickerSelectedItem\n chatOrUserId={id}\n onClick={handlePickerItemClick}\n clickArg={id}\n />\n ))}\n </div>\n )}\n {!!localResults.length && (\n <div className=\"search-section\">\n <h3 className=\"section-heading\">\n {localResults.length > LESS_LIST_ITEMS_AMOUNT && (\n <Link onClick={handleClickShowMoreLocal}>\n {lang(shouldShowMoreLocal ? 'ChatList.Search.ShowLess' : 'ChatList.Search.ShowMore')}\n </Link>\n )}\n {lang('DialogList.SearchSectionDialogs')}\n </h3>\n {localResults.map((id, index) => {\n if (!shouldShowMoreLocal && index >= LESS_LIST_ITEMS_AMOUNT) {\n return undefined;\n }\n\n return (\n <LeftSearchResultChat\n chatId={id}\n onClick={handleChatClick}\n />\n );\n })}\n </div>\n )}\n {!!globalResults.length && (\n <div className=\"search-section\">\n <h3 className=\"section-heading\">\n {globalResults.length > LESS_LIST_ITEMS_AMOUNT && (\n <Link onClick={handleClickShowMoreGlobal}>\n {lang(shouldShowMoreGlobal ? 'ChatList.Search.ShowLess' : 'ChatList.Search.ShowMore')}\n </Link>\n )}\n {lang('DialogList.SearchSectionGlobal')}\n </h3>\n {globalResults.map((id, index) => {\n if (!shouldShowMoreGlobal && index >= LESS_LIST_ITEMS_AMOUNT) {\n return undefined;\n }\n\n return (\n <LeftSearchResultChat\n chatId={id}\n withUsername\n onClick={handleChatClick}\n />\n );\n })}\n </div>\n )}\n {!!foundMessages.length && (\n <div className=\"search-section\">\n <h3 className=\"section-heading\">{lang('SearchMessages')}</h3>\n {foundMessages.map(renderFoundMessage)}\n </div>\n )}\n </InfiniteScroll>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { byId: chatsById } = global.chats;\n const { byId: usersById } = global.users;\n\n const { userIds: localContactIds } = global.contactList || {};\n\n if (!localContactIds) {\n return {\n chatsById,\n usersById,\n };\n }\n\n const { currentUserId, messages, lastSyncTime } = global;\n const {\n fetchingStatus, globalResults, localResults, resultsByType,\n } = global.globalSearch;\n const { chatIds: globalChatIds, userIds: globalUserIds } = globalResults || {};\n const { chatIds: localChatIds, userIds: localUserIds } = localResults || {};\n const { byChatId: globalMessagesByChatId } = messages;\n const { foundIds } = (resultsByType && resultsByType.text) || {};\n\n return {\n currentUserId,\n localContactIds,\n localChatIds,\n localUserIds,\n globalChatIds,\n globalUserIds,\n foundIds,\n globalMessagesByChatId,\n chatsById,\n usersById,\n fetchingStatus,\n lastSyncTime,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'openChat',\n 'addRecentlyFoundChatId',\n 'searchMessagesGlobal',\n 'setGlobalSearchChatId',\n ]),\n)(ChatResults));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiMessage } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport { getMessageSummaryText } from '../../../modules/helpers';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { throttle } from '../../../util/schedulers';\nimport useLang from '../../../hooks/useLang';\n\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport ChatMessage from './ChatMessage';\nimport NothingFound from '../../common/NothingFound';\nimport DateSuggest from './DateSuggest';\n\nexport type OwnProps = {\n searchQuery?: string;\n dateSearchQuery?: string;\n onReset: () => void;\n onSearchDateSelect: (value: Date) => void;\n};\n\ntype StateProps = {\n currentUserId?: number;\n foundIds?: string[];\n globalMessagesByChatId?: Record<number, { byId: Record<number, ApiMessage> }>;\n chatsById: Record<number, ApiChat>;\n fetchingStatus?: { chats?: boolean; messages?: boolean };\n lastSyncTime?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('searchMessagesGlobal')>;\n\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst ChatMessageResults: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery,\n currentUserId,\n dateSearchQuery,\n foundIds,\n globalMessagesByChatId,\n chatsById,\n fetchingStatus,\n lastSyncTime,\n searchMessagesGlobal,\n onSearchDateSelect,\n}) => {\n const lang = useLang();\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: 'text',\n query: searchQuery,\n chatId: currentUserId,\n });\n });\n }\n }, [currentUserId, lastSyncTime, searchMessagesGlobal, searchQuery]);\n\n const foundMessages = useMemo(() => {\n if (!foundIds || foundIds.length === 0) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds\n .map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n\n return (\n globalMessagesByChatId && globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId]\n );\n })\n .filter<ApiMessage>(Boolean as any)\n .sort((a, b) => b.date - a.date);\n }, [foundIds, globalMessagesByChatId]);\n\n function renderFoundMessage(message: ApiMessage) {\n const text = getMessageSummaryText(lang, message);\n const chat = chatsById[message.chatId];\n\n if (!text || !chat) {\n return undefined;\n }\n\n return (\n <ChatMessage\n chatId={message.chatId}\n message={message}\n searchQuery={searchQuery}\n />\n );\n }\n\n const nothingFound = fetchingStatus && !fetchingStatus.chats && !fetchingStatus.messages && !foundMessages.length;\n\n return (\n <div className=\"LeftSearch\">\n <InfiniteScroll\n className=\"search-content custom-scroll chat-list\"\n items={foundMessages}\n onLoadMore={handleLoadMore}\n noFastList\n >\n {dateSearchQuery && (\n <div className=\"chat-selection no-selection no-scrollbar\">\n <DateSuggest\n searchDate={dateSearchQuery}\n onSelect={onSearchDateSelect}\n />\n </div>\n )}\n {nothingFound && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {!!foundMessages.length && foundMessages.map(renderFoundMessage)}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { byId: chatsById } = global.chats;\n const { currentUserId, messages: { byChatId: globalMessagesByChatId }, lastSyncTime } = global;\n const { fetchingStatus, resultsByType } = global.globalSearch;\n\n const { foundIds } = (resultsByType && resultsByType.text) || {};\n\n return {\n currentUserId,\n foundIds,\n globalMessagesByChatId,\n chatsById,\n fetchingStatus,\n lastSyncTime,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['searchMessagesGlobal']),\n)(ChatMessageResults));\n","import { GlobalState } from '../../../../global/types';\nimport {\n ApiChat, ApiGlobalMessageSearchType, ApiMessage, ApiUser,\n} from '../../../../api/types';\n\nexport type StateProps = {\n isLoading?: boolean;\n chatsById: Record<number, ApiChat>;\n usersById: Record<number, ApiUser>;\n globalMessagesByChatId?: Record<number, { byId: Record<number, ApiMessage> }>;\n foundIds?: string[];\n lastSyncTime?: number;\n searchChatId?: number;\n};\n\nexport function createMapStateToProps(type: ApiGlobalMessageSearchType) {\n return (global: GlobalState, props: any) => {\n const { byId: chatsById } = global.chats;\n const { byId: usersById } = global.users;\n const {\n fetchingStatus, resultsByType, chatId,\n } = global.globalSearch;\n\n // One component is used for two different types of results.\n // The differences between them are only in the isVoice property.\n // The rest of the search results use their own personal components.\n const currentType = type !== 'audio' ? type : (props && props.isVoice ? 'voice' : 'audio');\n\n const { byChatId: globalMessagesByChatId } = global.messages;\n const { foundIds } = (resultsByType && resultsByType[currentType]) || {};\n\n return {\n isLoading: foundIds === undefined\n || (fetchingStatus ? Boolean(fetchingStatus.chats || fetchingStatus.messages) : false),\n chatsById,\n usersById,\n globalMessagesByChatId,\n foundIds,\n searchChatId: chatId,\n lastSyncTime: global.lastSyncTime,\n };\n };\n}\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection, MediaViewerOrigin } from '../../../types';\n\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { SLIDE_TRANSITION_DURATION } from '../../../config';\nimport { createMapStateToProps, StateProps } from './helpers/createMapStateToProps';\nimport { pick } from '../../../util/iteratees';\nimport buildClassName from '../../../util/buildClassName';\nimport { throttle } from '../../../util/schedulers';\nimport useLang from '../../../hooks/useLang';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\n\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport Media from '../../common/Media';\nimport ChatMessage from './ChatMessage';\nimport NothingFound from '../../common/NothingFound';\nimport Loading from '../../ui/Loading';\n\nexport type OwnProps = {\n searchQuery?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('searchMessagesGlobal' | 'openMediaViewer')>;\n\nconst CURRENT_TYPE = 'media';\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst MediaResults: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery,\n searchChatId,\n isLoading,\n globalMessagesByChatId,\n foundIds,\n lastSyncTime,\n searchMessagesGlobal,\n openMediaViewer,\n}) => {\n const lang = useLang();\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: CURRENT_TYPE,\n query: searchQuery,\n chatId: searchChatId,\n });\n });\n }\n }, [lastSyncTime, searchMessagesGlobal, searchQuery, searchChatId]);\n\n const foundMessages = useMemo(() => {\n if (!foundIds || !globalMessagesByChatId) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds.map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n\n return globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId];\n }).filter(Boolean);\n }, [globalMessagesByChatId, foundIds]);\n\n const handleSelectMedia = useCallback((messageId: number, chatId: number) => {\n openMediaViewer({\n chatId,\n messageId,\n origin: MediaViewerOrigin.SearchResult,\n });\n }, [openMediaViewer]);\n\n function renderGallery() {\n return (\n <div className=\"media-list\">\n {foundMessages.map((message) => (\n <Media\n key={message.id}\n idPrefix=\"search-media\"\n message={message}\n onClick={handleSelectMedia}\n />\n ))}\n </div>\n );\n }\n\n function renderSearchResult() {\n return foundMessages.map((message) => (\n <ChatMessage\n key={message.id}\n chatId={message.chatId}\n message={message}\n />\n ));\n }\n\n const canRenderContents = useAsyncRendering([searchQuery], SLIDE_TRANSITION_DURATION) && !isLoading;\n const isMediaGrid = canRenderContents && foundIds && foundIds.length > 0 && !searchQuery;\n const isMessageList = canRenderContents && foundIds && foundIds.length > 0 && searchQuery;\n\n const classNames = buildClassName(\n 'search-content custom-scroll',\n isMessageList && 'chat-list',\n );\n\n return (\n <div className=\"LeftSearch\">\n <InfiniteScroll\n className={classNames}\n items={foundMessages}\n itemSelector={!searchQuery ? '.Media' : '.ListItem'}\n onLoadMore={handleLoadMore}\n noFastList\n >\n {!canRenderContents && <Loading />}\n {canRenderContents && (!foundIds || foundIds.length === 0) && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {isMediaGrid && renderGallery()}\n {isMessageList && renderSearchResult()}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n createMapStateToProps(CURRENT_TYPE),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'searchMessagesGlobal',\n 'openMediaViewer',\n ]),\n)(MediaResults));\n","import { ApiChat, ApiMessage, ApiUser } from '../../../../api/types';\nimport {\n getChatTitle,\n getSenderTitle,\n isChatPrivate,\n isChatGroup,\n} from '../../../../modules/helpers';\n\nexport function getSenderName(\n message: ApiMessage, chatsById: Record<number, ApiChat>, usersById: Record<number, ApiUser>,\n) {\n const { senderId } = message;\n if (!senderId) {\n return undefined;\n }\n\n const sender = isChatPrivate(senderId) ? usersById[senderId] : chatsById[senderId];\n\n let senderName = getSenderTitle(sender);\n\n const chat = chatsById[message.chatId];\n if (chat) {\n if (isChatPrivate(senderId) && (sender as ApiUser).isSelf) {\n senderName = `You → ${getChatTitle(chat)}`;\n } else if (isChatGroup(chat)) {\n senderName += ` → ${getChatTitle(chat)}`;\n }\n }\n\n return senderName;\n}\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection } from '../../../types';\n\nimport { SLIDE_TRANSITION_DURATION } from '../../../config';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { createMapStateToProps, StateProps } from './helpers/createMapStateToProps';\nimport { pick } from '../../../util/iteratees';\nimport { formatMonthAndYear, toYearMonth } from '../../../util/dateFormat';\nimport { getSenderName } from './helpers/getSenderName';\nimport { throttle } from '../../../util/schedulers';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\nimport useLang from '../../../hooks/useLang';\n\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport WebLink from '../../common/WebLink';\nimport NothingFound from '../../common/NothingFound';\nimport Loading from '../../ui/Loading';\n\nexport type OwnProps = {\n searchQuery?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('searchMessagesGlobal' | 'focusMessage')>;\n\nconst CURRENT_TYPE = 'links';\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst LinkResults: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery,\n searchChatId,\n isLoading,\n chatsById,\n usersById,\n globalMessagesByChatId,\n foundIds,\n lastSyncTime,\n searchMessagesGlobal,\n focusMessage,\n}) => {\n const lang = useLang();\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: CURRENT_TYPE,\n query: searchQuery,\n chatId: searchChatId,\n });\n });\n }\n }, [lastSyncTime, searchMessagesGlobal, searchQuery, searchChatId]);\n\n const foundMessages = useMemo(() => {\n if (!foundIds || !globalMessagesByChatId) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds.map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n\n return globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId];\n }).filter(Boolean);\n }, [globalMessagesByChatId, foundIds]);\n\n const handleMessageFocus = useCallback((messageId: number, chatId: number) => {\n focusMessage({ chatId, messageId });\n }, [focusMessage]);\n\n function renderList() {\n return foundMessages.map((message, index) => {\n const shouldDrawDateDivider = index === 0\n || toYearMonth(message.date) !== toYearMonth(foundMessages[index - 1].date);\n return (\n <div\n className=\"ListItem\"\n key={message.id}\n >\n {shouldDrawDateDivider && (\n <p className=\"section-heading\">{formatMonthAndYear(new Date(message.date * 1000))}</p>\n )}\n <WebLink\n key={message.id}\n message={message}\n senderTitle={getSenderName(message, chatsById, usersById)}\n onMessageClick={handleMessageFocus}\n />\n </div>\n );\n });\n }\n\n const canRenderContents = useAsyncRendering([searchQuery], SLIDE_TRANSITION_DURATION) && !isLoading;\n\n return (\n <div className=\"LeftSearch\">\n <InfiniteScroll\n className=\"search-content documents-list custom-scroll\"\n items={foundMessages}\n onLoadMore={handleLoadMore}\n noFastList\n >\n {!canRenderContents && <Loading />}\n {canRenderContents && (!foundIds || foundIds.length === 0) && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {canRenderContents && foundIds && foundIds.length > 0 && renderList()}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n createMapStateToProps(CURRENT_TYPE),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'searchMessagesGlobal',\n 'focusMessage',\n ]),\n)(LinkResults));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiMessage } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection } from '../../../types';\n\nimport { SLIDE_TRANSITION_DURATION } from '../../../config';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { createMapStateToProps, StateProps } from './helpers/createMapStateToProps';\nimport { pick } from '../../../util/iteratees';\nimport { formatMonthAndYear, toYearMonth } from '../../../util/dateFormat';\nimport { getSenderName } from './helpers/getSenderName';\nimport { throttle } from '../../../util/schedulers';\nimport { getMessageDocument } from '../../../modules/helpers';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\nimport useLang from '../../../hooks/useLang';\n\nimport Document from '../../common/Document';\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport NothingFound from '../../common/NothingFound';\nimport Loading from '../../ui/Loading';\n\nexport type OwnProps = {\n searchQuery?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('searchMessagesGlobal' | 'focusMessage')>;\n\nconst CURRENT_TYPE = 'documents';\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst FileResults: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery,\n searchChatId,\n isLoading,\n chatsById,\n usersById,\n globalMessagesByChatId,\n foundIds,\n lastSyncTime,\n searchMessagesGlobal,\n focusMessage,\n}) => {\n const lang = useLang();\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: CURRENT_TYPE,\n query: searchQuery,\n chatId: searchChatId,\n });\n });\n }\n }, [lastSyncTime, searchMessagesGlobal, searchQuery, searchChatId]);\n\n const foundMessages = useMemo(() => {\n if (!foundIds || !globalMessagesByChatId) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds.map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n const message = globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId];\n\n return message && getMessageDocument(message) ? message : undefined;\n }).filter(Boolean) as ApiMessage[];\n }, [globalMessagesByChatId, foundIds]);\n\n const handleMessageFocus = useCallback((messageId: number, chatId: number) => {\n focusMessage({ chatId, messageId });\n }, [focusMessage]);\n\n function renderList() {\n return foundMessages.map((message, index) => {\n const shouldDrawDateDivider = index === 0\n || toYearMonth(message.date) !== toYearMonth(foundMessages[index - 1].date);\n return (\n <div\n className=\"ListItem\"\n key={message.id}\n >\n {shouldDrawDateDivider && (\n <p className=\"section-heading\">{formatMonthAndYear(new Date(message.date * 1000))}</p>\n )}\n <Document\n message={message}\n withDate\n datetime={message.date}\n smaller\n sender={getSenderName(message, chatsById, usersById)}\n className=\"scroll-item\"\n onDateClick={handleMessageFocus}\n />\n </div>\n );\n });\n }\n\n const canRenderContents = useAsyncRendering([searchQuery], SLIDE_TRANSITION_DURATION) && !isLoading;\n\n return (\n <div className=\"LeftSearch\">\n <InfiniteScroll\n className=\"search-content documents-list custom-scroll\"\n items={foundMessages}\n onLoadMore={handleLoadMore}\n noFastList\n >\n {!canRenderContents && <Loading />}\n {canRenderContents && (!foundIds || foundIds.length === 0) && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {canRenderContents && foundIds && foundIds.length > 0 && renderList()}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n createMapStateToProps(CURRENT_TYPE),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'searchMessagesGlobal',\n 'focusMessage',\n ]),\n)(FileResults));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { LoadMoreDirection } from '../../../types';\n\nimport { SLIDE_TRANSITION_DURATION } from '../../../config';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { createMapStateToProps, StateProps } from './helpers/createMapStateToProps';\nimport { pick } from '../../../util/iteratees';\nimport { formatMonthAndYear, toYearMonth } from '../../../util/dateFormat';\nimport { getSenderName } from './helpers/getSenderName';\nimport { throttle } from '../../../util/schedulers';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\nimport useLang from '../../../hooks/useLang';\n\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport Audio from '../../common/Audio';\nimport NothingFound from '../../common/NothingFound';\nimport Loading from '../../ui/Loading';\n\nexport type OwnProps = {\n isVoice?: boolean;\n searchQuery?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('searchMessagesGlobal' | 'focusMessage' | 'openAudioPlayer')>;\n\nconst runThrottled = throttle((cb) => cb(), 500, true);\n\nconst AudioResults: FC<OwnProps & StateProps & DispatchProps> = ({\n isVoice,\n searchQuery,\n searchChatId,\n isLoading,\n chatsById,\n usersById,\n globalMessagesByChatId,\n foundIds,\n lastSyncTime,\n searchMessagesGlobal,\n focusMessage,\n openAudioPlayer,\n}) => {\n const lang = useLang();\n const currentType = isVoice ? 'voice' : 'audio';\n const handleLoadMore = useCallback(({ direction }: { direction: LoadMoreDirection }) => {\n if (lastSyncTime && direction === LoadMoreDirection.Backwards) {\n runThrottled(() => {\n searchMessagesGlobal({\n type: currentType,\n query: searchQuery,\n chatId: searchChatId,\n });\n });\n }\n }, [currentType, lastSyncTime, searchMessagesGlobal, searchQuery, searchChatId]);\n\n const foundMessages = useMemo(() => {\n if (!foundIds || !globalMessagesByChatId) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return foundIds.map((id) => {\n const [chatId, messageId] = id.split('_').map(Number);\n\n return globalMessagesByChatId[chatId] && globalMessagesByChatId[chatId].byId[messageId];\n }).filter(Boolean);\n }, [globalMessagesByChatId, foundIds]);\n\n const handleMessageFocus = useCallback((messageId: number, chatId: number) => {\n focusMessage({ chatId, messageId });\n }, [focusMessage]);\n\n const handlePlayAudio = useCallback((messageId: number, chatId: number) => {\n openAudioPlayer({ chatId, messageId });\n }, [openAudioPlayer]);\n\n function renderList() {\n return foundMessages.map((message, index) => {\n const shouldDrawDateDivider = index === 0\n || toYearMonth(message.date) !== toYearMonth(foundMessages[index - 1].date);\n return (\n <div\n className=\"ListItem\"\n key={message.id}\n >\n {shouldDrawDateDivider && (\n <p className=\"section-heading\">{formatMonthAndYear(new Date(message.date * 1000))}</p>\n )}\n <Audio\n key={message.id}\n message={message}\n renderingFor=\"searchResult\"\n senderTitle={getSenderName(message, chatsById, usersById)}\n date={message.date}\n lastSyncTime={lastSyncTime}\n className=\"scroll-item\"\n onPlay={handlePlayAudio}\n onDateClick={handleMessageFocus}\n />\n </div>\n );\n });\n }\n\n const canRenderContents = useAsyncRendering([searchQuery], SLIDE_TRANSITION_DURATION) && !isLoading;\n\n return (\n <div className=\"LeftSearch\">\n <InfiniteScroll\n className=\"search-content documents-list custom-scroll\"\n items={foundMessages}\n onLoadMore={handleLoadMore}\n noFastList\n >\n {!canRenderContents && <Loading />}\n {canRenderContents && (!foundIds || foundIds.length === 0) && (\n <NothingFound\n text={lang('ChatList.Search.NoResults')}\n description={lang('ChatList.Search.NoResultsDescription')}\n />\n )}\n {canRenderContents && foundIds && foundIds.length > 0 && renderList()}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n createMapStateToProps('audio'),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'searchMessagesGlobal',\n 'focusMessage',\n 'openAudioPlayer',\n ]),\n)(AudioResults));\n","import React, {\n FC, memo, useCallback, useState, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { GlobalSearchContent } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport { parseDateString } from '../../../util/dateFormat';\n\nimport TabList from '../../ui/TabList';\nimport Transition from '../../ui/Transition';\nimport ChatResults from './ChatResults';\nimport UserChatResults from './ChatMessageResults';\nimport MediaResults from './MediaResults';\nimport LinkResults from './LinkResults';\nimport FileResults from './FileResults';\nimport AudioResults from './AudioResults';\n\nimport './LeftSearch.scss';\n\nexport type OwnProps = {\n searchQuery?: string;\n searchDate?: number;\n onReset: () => void;\n};\n\ntype StateProps = {\n currentContent?: GlobalSearchContent;\n chatId?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('setGlobalSearchContent' | 'setGlobalSearchDate')>;\n\nconst TABS = [\n { type: GlobalSearchContent.ChatList, title: 'SearchAllChatsShort' },\n { type: GlobalSearchContent.Media, title: 'SharedMediaTab2' },\n { type: GlobalSearchContent.Links, title: 'SharedLinksTab2' },\n { type: GlobalSearchContent.Files, title: 'SharedFilesTab2' },\n { type: GlobalSearchContent.Music, title: 'SharedMusicTab2' },\n { type: GlobalSearchContent.Voice, title: 'SharedVoiceTab2' },\n];\n\nconst CHAT_TABS = [\n { type: GlobalSearchContent.ChatList, title: 'All Messages' },\n ...TABS.slice(1),\n];\n\nconst TRANSITION_RENDER_COUNT = Object.keys(GlobalSearchContent).length / 2;\n\nconst LeftSearch: FC<OwnProps & StateProps & DispatchProps> = ({\n searchQuery,\n searchDate,\n currentContent = GlobalSearchContent.ChatList,\n chatId,\n setGlobalSearchContent,\n setGlobalSearchDate,\n onReset,\n}) => {\n const [activeTab, setActiveTab] = useState(0);\n const dateSearchQuery = useMemo(() => parseDateString(searchQuery), [searchQuery]);\n\n const handleSwitchTab = useCallback((index: number) => {\n const tab = TABS[index];\n setGlobalSearchContent({ content: tab.type });\n setActiveTab(index);\n }, [setGlobalSearchContent]);\n\n const handleSearchDateSelect = useCallback((value: Date) => {\n setGlobalSearchDate({ date: value.getTime() / 1000 });\n }, [setGlobalSearchDate]);\n\n return (\n <div className=\"LeftSearch\">\n <TabList activeTab={activeTab} tabs={chatId ? CHAT_TABS : TABS} onSwitchTab={handleSwitchTab} />\n <Transition name=\"slide\" renderCount={TRANSITION_RENDER_COUNT} activeKey={currentContent}>\n {() => {\n switch (currentContent) {\n case GlobalSearchContent.ChatList:\n if (chatId) {\n return (\n <UserChatResults\n searchQuery={searchQuery}\n dateSearchQuery={dateSearchQuery}\n onReset={onReset}\n onSearchDateSelect={handleSearchDateSelect}\n />\n );\n }\n return (\n <ChatResults\n searchQuery={searchQuery}\n searchDate={searchDate}\n dateSearchQuery={dateSearchQuery}\n onReset={onReset}\n onSearchDateSelect={handleSearchDateSelect}\n />\n );\n case GlobalSearchContent.Media:\n return <MediaResults searchQuery={searchQuery} />;\n case GlobalSearchContent.Links:\n return <LinkResults searchQuery={searchQuery} />;\n case GlobalSearchContent.Files:\n return <FileResults searchQuery={searchQuery} />;\n case GlobalSearchContent.Music:\n return (\n <AudioResults\n key=\"audio\"\n searchQuery={searchQuery}\n />\n );\n case GlobalSearchContent.Voice:\n return (\n <AudioResults\n key=\"voice\"\n isVoice\n searchQuery={searchQuery}\n />\n );\n default:\n return undefined;\n }\n }}\n </Transition>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { currentContent, chatId } = global.globalSearch;\n\n return { currentContent, chatId };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['setGlobalSearchContent', 'setGlobalSearchDate']),\n)(LeftSearch));\n","import { useState, useCallback, useRef } from '../lib/teact/teact';\n\nexport type ReducerAction<Actions> = { type: Actions; payload?: any };\nexport type StateReducer<State, Actions> = (state: State, action: ReducerAction<Actions>) => State;\nexport type Dispatch<Actions> = (action: ReducerAction<Actions>) => void;\n\nexport default function useReducer<State, Actions>(\n reducer: StateReducer<State, Actions>,\n initialState: State,\n) {\n const reducerRef = useRef(reducer);\n const [state, setState] = useState<State>(initialState);\n\n const dispatch = useCallback((action: ReducerAction<Actions>) => {\n setState((currentState) => reducerRef.current(currentState, action));\n }, []);\n\n return [\n state,\n dispatch,\n ] as [State, Dispatch<Actions>];\n}\n","import useReducer, { StateReducer, Dispatch } from '../useReducer';\nimport { ApiChatFolder } from '../../api/types';\nimport { pick, omit } from '../../util/iteratees';\n\nexport type FolderChatType = {\n icon: string;\n title: string;\n key: keyof Pick<ApiChatFolder, (\n 'contacts' | 'nonContacts' | 'groups' | 'channels' | 'bots' |\n 'excludeMuted' | 'excludeArchived' | 'excludeRead'\n )>;\n};\n\nexport const INCLUDED_CHAT_TYPES: FolderChatType[] = [\n { icon: 'user', title: 'FilterContacts', key: 'contacts' },\n { icon: 'non-contacts', title: 'FilterNonContacts', key: 'nonContacts' },\n { icon: 'group', title: 'FilterGroups', key: 'groups' },\n { icon: 'channel', title: 'FilterChannels', key: 'channels' },\n { icon: 'bots', title: 'FilterBots', key: 'bots' },\n];\n\nexport const EXCLUDED_CHAT_TYPES: FolderChatType[] = [\n { icon: 'mute', title: 'FilterMuted', key: 'excludeMuted' },\n { icon: 'archive', title: 'FilterArchived', key: 'excludeArchived' },\n { icon: 'readchats', title: 'FilterRead', key: 'excludeRead' },\n];\n\nconst INCLUDE_FILTER_FIELDS: Array<keyof FolderIncludeFilters> = [\n 'includedChatIds', 'bots', 'channels', 'groups', 'contacts', 'nonContacts',\n];\nconst EXCLUDE_FILTER_FIELDS: Array<keyof FolderExcludeFilters> = [\n 'excludedChatIds', 'excludeArchived', 'excludeMuted', 'excludeRead',\n];\n\nexport function selectChatFilters(state: FoldersState, mode: 'included' | 'excluded', selectTemp?: boolean) {\n let selectedChatIds: number[] = [];\n let selectedChatTypes: FolderChatType['key'][] = [];\n\n if (mode === 'included') {\n const {\n includedChatIds,\n ...includeFilters\n } = selectTemp\n ? state.includeFilters || {}\n : pick(\n state.folder,\n INCLUDE_FILTER_FIELDS,\n );\n\n selectedChatIds = includedChatIds || [];\n selectedChatTypes = (Object.keys(includeFilters) as Array<keyof typeof includeFilters>)\n .filter((key) => Boolean(includeFilters[key]));\n } else {\n const {\n excludedChatIds,\n ...excludeFilters\n } = selectTemp\n ? state.excludeFilters || {}\n : pick(\n state.folder,\n EXCLUDE_FILTER_FIELDS,\n );\n\n selectedChatIds = excludedChatIds || [];\n selectedChatTypes = (Object.keys(excludeFilters) as Array<keyof typeof excludeFilters>)\n .filter((key) => Boolean(excludeFilters[key]));\n }\n\n return {\n selectedChatIds,\n selectedChatTypes,\n };\n}\n\nfunction getSuggestedFolderName(includeFilters?: FolderIncludeFilters) {\n if (includeFilters) {\n const {\n includedChatIds,\n ...filters\n } = includeFilters;\n\n if (\n Object.values(filters).filter(Boolean).length > 1\n || (includedChatIds && includedChatIds.length)\n ) {\n return '';\n }\n\n if (filters.bots) {\n return 'Bots';\n } else if (filters.groups) {\n return 'Groups';\n } else if (filters.channels) {\n return 'Channels';\n } else if (filters.contacts) {\n return 'Contacts';\n } else if (filters.nonContacts) {\n return 'Non-Contacts';\n }\n }\n\n return '';\n}\n\ntype FolderIncludeFilters = Pick<ApiChatFolder, (\n 'includedChatIds' | 'bots' | 'channels' | 'groups' | 'contacts' | 'nonContacts'\n)>;\ntype FolderExcludeFilters = Pick<ApiChatFolder, 'excludedChatIds' | 'excludeArchived' | 'excludeMuted' | 'excludeRead'>;\n\nexport type FoldersState = {\n mode: 'create' | 'edit';\n isLoading?: boolean;\n isTouched?: boolean;\n error?: string;\n folderId?: number;\n chatFilter: string;\n folder: Omit<ApiChatFolder, 'id' | 'description' | 'emoticon'>;\n includeFilters?: FolderIncludeFilters;\n excludeFilters?: FolderExcludeFilters;\n};\nexport type FoldersActions = (\n 'setTitle' | 'saveFilters' | 'editFolder' | 'reset' | 'setChatFilter' | 'setIsLoading' | 'setError' |\n 'editIncludeFilters' | 'editExcludeFilters' | 'setIncludeFilters' | 'setExcludeFilters'\n);\nexport type FolderEditDispatch = Dispatch<FoldersActions>;\n\nconst INITIAL_STATE: FoldersState = {\n mode: 'create',\n chatFilter: '',\n folder: {\n title: '',\n includedChatIds: [],\n excludedChatIds: [],\n },\n};\n\nconst foldersReducer: StateReducer<FoldersState, FoldersActions> = (\n state,\n action,\n) => {\n switch (action.type) {\n case 'setTitle':\n return {\n ...state,\n folder: {\n ...state.folder,\n title: action.payload,\n },\n isTouched: true,\n };\n case 'editIncludeFilters':\n return {\n ...state,\n includeFilters: pick(\n state.folder,\n INCLUDE_FILTER_FIELDS,\n ),\n };\n case 'editExcludeFilters':\n return {\n ...state,\n excludeFilters: pick(\n state.folder,\n EXCLUDE_FILTER_FIELDS,\n ),\n };\n case 'setIncludeFilters':\n return {\n ...state,\n includeFilters: action.payload,\n chatFilter: '',\n };\n case 'setExcludeFilters':\n return {\n ...state,\n excludeFilters: action.payload,\n chatFilter: '',\n };\n case 'saveFilters':\n if (state.includeFilters) {\n return {\n ...state,\n folder: {\n ...omit(state.folder, INCLUDE_FILTER_FIELDS),\n title: state.folder.title ? state.folder.title : getSuggestedFolderName(state.includeFilters),\n ...state.includeFilters,\n },\n includeFilters: undefined,\n chatFilter: '',\n isTouched: true,\n };\n } else if (state.excludeFilters) {\n return {\n ...state,\n folder: {\n ...omit(state.folder, EXCLUDE_FILTER_FIELDS),\n ...state.excludeFilters,\n },\n excludeFilters: undefined,\n chatFilter: '',\n isTouched: true,\n };\n } else {\n return state;\n }\n case 'editFolder': {\n const { id: folderId, description, ...folder } = action.payload;\n\n return {\n mode: 'edit',\n folderId,\n folder,\n chatFilter: '',\n };\n }\n case 'setChatFilter': {\n return {\n ...state,\n chatFilter: action.payload,\n };\n }\n case 'setIsLoading': {\n return {\n ...state,\n isLoading: action.payload,\n };\n }\n case 'setError': {\n return {\n ...state,\n error: action.payload,\n };\n }\n case 'reset':\n return INITIAL_STATE;\n default:\n return state;\n }\n};\n\nexport default () => {\n return useReducer(foldersReducer, INITIAL_STATE);\n};\n","import useReducer, { StateReducer, Dispatch } from '../useReducer';\n\nexport type TwoFaActions = (\n 'setCurrentPassword' | 'setPassword' | 'setHint' | 'setEmail' | 'reset'\n);\nexport type TwoFaDispatch = Dispatch<TwoFaActions>;\n\nexport type TwoFaState = {\n currentPassword: string;\n password: string;\n hint: string;\n email: string;\n};\n\nconst INITIAL_STATE: TwoFaState = {\n currentPassword: '',\n password: '',\n hint: '',\n email: '',\n};\n\nconst twoFaReducer: StateReducer<TwoFaState, TwoFaActions> = (\n state,\n action,\n) => {\n switch (action.type) {\n case 'setCurrentPassword':\n return {\n ...state,\n currentPassword: action.payload,\n };\n\n case 'setPassword':\n return {\n ...state,\n password: action.payload,\n };\n\n case 'setHint':\n return {\n ...state,\n hint: action.payload,\n };\n\n case 'setEmail':\n return {\n ...state,\n email: action.payload,\n };\n\n case 'reset':\n return INITIAL_STATE;\n\n default:\n return state;\n }\n};\n\nexport default () => {\n return useReducer(twoFaReducer, INITIAL_STATE);\n};\n","import React, {\n FC, useCallback, useMemo, memo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { SettingsScreens } from '../../../types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\n\nimport DropdownMenu from '../../ui/DropdownMenu';\nimport MenuItem from '../../ui/MenuItem';\nimport Button from '../../ui/Button';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\ntype OwnProps = {\n currentScreen: SettingsScreens;\n editedFolderId?: number;\n onReset: () => void;\n onSaveFilter: () => void;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'signOut' | 'deleteChatFolder'>;\n\nconst SettingsHeader: FC<OwnProps & DispatchProps> = ({\n currentScreen,\n editedFolderId,\n onReset,\n onSaveFilter,\n signOut,\n deleteChatFolder,\n}) => {\n const [isSignOutDialogOpen, setIsSignOutDialogOpen] = useState(false);\n const [isDeleteFolderDialogOpen, setIsDeleteFolderDialogOpen] = useState(false);\n\n const openSignOutConfirmation = useCallback(() => {\n setIsSignOutDialogOpen(true);\n }, []);\n\n const closeSignOutConfirmation = useCallback(() => {\n setIsSignOutDialogOpen(false);\n }, []);\n\n const openDeleteFolderConfirmation = useCallback(() => {\n setIsDeleteFolderDialogOpen(true);\n }, []);\n\n const closeDeleteFolderConfirmation = useCallback(() => {\n setIsDeleteFolderDialogOpen(false);\n }, []);\n\n const handleSignOutMessage = useCallback(() => {\n closeSignOutConfirmation();\n signOut();\n }, [closeSignOutConfirmation, signOut]);\n\n const handleDeleteFolderMessage = useCallback(() => {\n closeDeleteFolderConfirmation();\n deleteChatFolder({ id: editedFolderId });\n onReset();\n }, [editedFolderId, closeDeleteFolderConfirmation, deleteChatFolder, onReset]);\n\n const SettingsMenuButton: FC<{ onTrigger: () => void; isOpen?: boolean }> = useMemo(() => {\n return ({ onTrigger, isOpen }) => (\n <Button\n round\n ripple={!IS_MOBILE_SCREEN}\n size=\"smaller\"\n color=\"translucent\"\n className={isOpen ? 'active' : ''}\n onClick={onTrigger}\n ariaLabel=\"More actions\"\n >\n <i className=\"icon-more\" />\n </Button>\n );\n }, []);\n\n const lang = useLang();\n\n function renderHeaderContent() {\n switch (currentScreen) {\n case SettingsScreens.EditProfile:\n return <h3>{lang('lng_settings_information')}</h3>;\n case SettingsScreens.General:\n return <h3>{lang('General')}</h3>;\n case SettingsScreens.Notifications:\n return <h3>{lang('Notifications')}</h3>;\n case SettingsScreens.Privacy:\n return <h3>{lang('PrivacySettings')}</h3>;\n case SettingsScreens.Language:\n return <h3>{lang('Language')}</h3>;\n\n case SettingsScreens.GeneralChatBackground:\n return <h3>{lang('ChatBackground')}</h3>;\n case SettingsScreens.GeneralChatBackgroundColor:\n return <h3>{lang('SetColor')}</h3>;\n\n case SettingsScreens.PrivacyPhoneNumber:\n return <h3>{lang('PrivacyPhone')}</h3>;\n case SettingsScreens.PrivacyLastSeen:\n return <h3>{lang('PrivacyLastSeen')}</h3>;\n case SettingsScreens.PrivacyProfilePhoto:\n return <h3>{lang('Privacy.ProfilePhoto')}</h3>;\n case SettingsScreens.PrivacyForwarding:\n return <h3>{lang('PrivacyForwards')}</h3>;\n case SettingsScreens.PrivacyGroupChats:\n return <h3>{lang('AutodownloadGroupChats')}</h3>;\n case SettingsScreens.PrivacyPhoneNumberAllowedContacts:\n case SettingsScreens.PrivacyLastSeenAllowedContacts:\n case SettingsScreens.PrivacyProfilePhotoAllowedContacts:\n case SettingsScreens.PrivacyForwardingAllowedContacts:\n case SettingsScreens.PrivacyGroupChatsAllowedContacts:\n return <h3>{lang('AlwaysShareWith')}</h3>;\n case SettingsScreens.PrivacyPhoneNumberDeniedContacts:\n case SettingsScreens.PrivacyLastSeenDeniedContacts:\n case SettingsScreens.PrivacyProfilePhotoDeniedContacts:\n case SettingsScreens.PrivacyForwardingDeniedContacts:\n case SettingsScreens.PrivacyGroupChatsDeniedContacts:\n return <h3>{lang('NeverShareWith')}</h3>;\n\n case SettingsScreens.PrivacyActiveSessions:\n return <h3>{lang('SessionsTitle')}</h3>;\n case SettingsScreens.PrivacyBlockedUsers:\n return <h3>{lang('BlockedUsers')}</h3>;\n\n case SettingsScreens.TwoFaDisabled:\n case SettingsScreens.TwoFaEnabled:\n return <h3>{lang('TwoStepVerification')}</h3>;\n case SettingsScreens.TwoFaNewPassword:\n case SettingsScreens.TwoFaChangePasswordNew:\n case SettingsScreens.TwoFaChangePasswordConfirm:\n return <h3>{lang('EnterPassword')}</h3>;\n case SettingsScreens.TwoFaNewPasswordConfirm:\n return <h3>{lang('PleaseReEnterPassword')}</h3>;\n case SettingsScreens.TwoFaNewPasswordHint:\n case SettingsScreens.TwoFaChangePasswordHint:\n return <h3>{lang('PasswordHint')}</h3>;\n case SettingsScreens.TwoFaNewPasswordEmail:\n case SettingsScreens.TwoFaRecoveryEmail:\n return <h3>{lang('RecoveryEmailTitle')}</h3>;\n case SettingsScreens.TwoFaNewPasswordEmailCode:\n case SettingsScreens.TwoFaRecoveryEmailCode:\n return <h3>Recovery Email Code</h3>;\n case SettingsScreens.TwoFaCongratulations:\n return <h3>{lang('TwoStepVerificationPasswordSet')}</h3>;\n case SettingsScreens.TwoFaChangePasswordCurrent:\n case SettingsScreens.TwoFaTurnOff:\n case SettingsScreens.TwoFaRecoveryEmailCurrentPassword:\n return <h3>{lang('PleaseEnterCurrentPassword')}</h3>;\n\n case SettingsScreens.Folders:\n return <h3>{lang('Filters')}</h3>;\n case SettingsScreens.FoldersCreateFolder:\n return <h3>{lang('FilterNew')}</h3>;\n case SettingsScreens.FoldersEditFolder:\n return (\n <div className=\"settings-main-header\">\n <h3>{lang('FilterEdit')}</h3>\n\n {editedFolderId && (\n <DropdownMenu\n className=\"settings-more-menu\"\n trigger={SettingsMenuButton}\n positionX=\"right\"\n >\n <MenuItem icon=\"delete\" destructive onClick={openDeleteFolderConfirmation}>Delete Folder</MenuItem>\n </DropdownMenu>\n )}\n </div>\n );\n case SettingsScreens.FoldersIncludedChats:\n case SettingsScreens.FoldersExcludedChats:\n return (\n <div className=\"settings-main-header\">\n {currentScreen === SettingsScreens.FoldersIncludedChats ? (\n <h3>{lang('FilterInclude')}</h3>\n ) : (\n <h3>{lang('FilterExclude')}</h3>\n )}\n\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n className=\"color-primary\"\n onClick={onSaveFilter}\n ariaLabel={lang('AutoDeleteConfirm')}\n >\n <i className=\"icon-check\" />\n </Button>\n </div>\n );\n\n default:\n return (\n <div className=\"settings-main-header\">\n <h3>{lang('SETTINGS')}</h3>\n\n <DropdownMenu\n className=\"settings-more-menu\"\n trigger={SettingsMenuButton}\n positionX=\"right\"\n >\n <MenuItem icon=\"logout\" onClick={openSignOutConfirmation}>{lang('LogOutTitle')}</MenuItem>\n </DropdownMenu>\n </div>\n );\n }\n }\n\n return (\n <div className=\"left-header\">\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={onReset}\n ariaLabel={lang('AccDescrGoBack')}\n >\n <i className=\"icon-arrow-left\" />\n </Button>\n {renderHeaderContent()}\n <ConfirmDialog\n isOpen={isSignOutDialogOpen}\n onClose={closeSignOutConfirmation}\n text=\"Are you sure you want to log out?\"\n confirmLabel=\"Log Out\"\n confirmHandler={handleSignOutMessage}\n confirmIsDestructive\n />\n <ConfirmDialog\n isOpen={isDeleteFolderDialogOpen}\n onClose={closeDeleteFolderConfirmation}\n text=\"Are you sure you want to delete this folder?\"\n confirmLabel=\"Delete\"\n confirmHandler={handleDeleteFolderMessage}\n confirmIsDestructive\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n undefined,\n (setGlobal, actions): DispatchProps => pick(actions, ['signOut', 'deleteChatFolder']),\n)(SettingsHeader));\n","import React, { FC, memo } from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { SettingsScreens } from '../../../types';\nimport { ApiUser } from '../../../api/types';\n\nimport { selectUser } from '../../../modules/selectors';\nimport { getUserFullName } from '../../../modules/helpers';\nimport { formatPhoneNumberWithCode } from '../../../util/phoneNumber';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport Avatar from '../../common/Avatar';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n currentUser?: ApiUser;\n};\n\nconst SettingsMain: FC<OwnProps & StateProps> = ({\n onScreenSelect,\n currentUser,\n}) => {\n const lang = useLang();\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-main-menu\">\n {currentUser && (\n <div className=\"settings-current-user\">\n <Avatar user={currentUser} size=\"jumbo\" />\n <p className=\"name\">{getUserFullName(currentUser)}</p>\n <p className=\"phone\">{formatPhoneNumberWithCode(currentUser.phoneNumber)}</p>\n </div>\n )}\n <ListItem\n icon=\"edit\"\n onClick={() => onScreenSelect(SettingsScreens.EditProfile)}\n >\n {lang('lng_settings_information')}\n </ListItem>\n <ListItem\n icon=\"folder\"\n onClick={() => onScreenSelect(SettingsScreens.Folders)}\n >\n {lang('Filters')}\n </ListItem>\n <ListItem\n icon=\"settings\"\n onClick={() => onScreenSelect(SettingsScreens.General)}\n >\n {lang('GeneralSettings')}\n </ListItem>\n <ListItem\n icon=\"unmute\"\n onClick={() => onScreenSelect(SettingsScreens.Notifications)}\n >\n {lang('Notifications')}\n </ListItem>\n <ListItem\n icon=\"lock\"\n onClick={() => onScreenSelect(SettingsScreens.Privacy)}\n >\n {lang('PrivacySettings')}\n </ListItem>\n <ListItem\n icon=\"language\"\n onClick={() => onScreenSelect(SettingsScreens.Language)}\n >\n {lang('Language')}\n </ListItem>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { currentUserId } = global;\n\n return {\n currentUser: currentUserId ? selectUser(global, currentUserId) : undefined,\n };\n },\n)(SettingsMain));\n","import React, { FC } from '../../lib/teact/teact';\n\nimport buildClassName from '../../util/buildClassName';\n\nimport Button, { OwnProps as ButtonProps } from './Button';\n\nimport './FloatingActionButton.scss';\n\ntype OwnProps = {\n isShown: boolean;\n className?: string;\n color?: ButtonProps['color'];\n ariaLabel?: ButtonProps['ariaLabel'];\n disabled?: boolean;\n onClick: () => void;\n children: any;\n};\n\nconst FloatingActionButton: FC<OwnProps> = ({\n isShown,\n className,\n color = 'primary',\n ariaLabel,\n disabled,\n onClick,\n children,\n}) => {\n const buttonClassName = buildClassName(\n 'FloatingActionButton',\n isShown && 'revealed',\n className,\n );\n\n return (\n <Button\n className={buttonClassName}\n color={color}\n round\n disabled={disabled}\n onClick={isShown && !disabled ? onClick : undefined}\n ariaLabel={ariaLabel}\n tabIndex={-1}\n >\n {children}\n </Button>\n );\n};\n\nexport default FloatingActionButton;\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, useState, useCallback, memo, useEffect, useMemo,\n} from '../../lib/teact/teact';\n\nimport { debounce } from '../../util/schedulers';\nimport useLang from '../../hooks/useLang';\n\nimport InputText from '../ui/InputText';\n\ntype OwnProps = {\n currentUsername?: string;\n asLink?: boolean;\n isLoading?: boolean;\n isUsernameAvailable?: boolean;\n checkUsername: AnyToVoidFunction;\n onChange: (value: string | false) => void;\n};\n\nconst MIN_USERNAME_LENGTH = 5;\nconst MAX_USERNAME_LENGTH = 32;\nconst LINK_PREFIX = 'https://t.me/';\nconst LINK_PREFIX_REGEX = /https:\\/\\/t\\.me\\/?/i;\nconst USERNAME_REGEX = /^([a-zA-Z0-9_]+)$/;\n\nconst runDebouncedForCheckUsername = debounce((cb) => cb(), 250, false);\n\nfunction isUsernameValid(username: string) {\n return username.length >= MIN_USERNAME_LENGTH\n && username.length <= MAX_USERNAME_LENGTH\n && USERNAME_REGEX.test(username);\n}\n\nconst SettingsEditProfile: FC<OwnProps> = ({\n currentUsername,\n asLink,\n isLoading,\n isUsernameAvailable,\n checkUsername,\n onChange,\n}) => {\n const [username, setUsername] = useState(currentUsername || '');\n\n const lang = useLang();\n const langPrefix = asLink ? 'SetUrl' : 'Username';\n const label = asLink ? lang('SetUrlPlaceholder') : lang('Username');\n\n const [usernameSuccess, usernameError] = useMemo(() => {\n if (!username.length) {\n return [];\n }\n\n if (username.length < MIN_USERNAME_LENGTH) {\n return [undefined, `${label} is too short`];\n }\n if (username.length > MAX_USERNAME_LENGTH) {\n return [undefined, `${label} is too long`];\n }\n if (!USERNAME_REGEX.test(username)) {\n return [undefined, `${label} contains invalid characters`];\n }\n\n if (isUsernameAvailable === undefined) {\n return [];\n }\n\n // Variable `isUsernameAvailable` is initialized with `undefined`, so a strict false check is required\n return [\n isUsernameAvailable ? lang(`${langPrefix}Available`, 'Username') : undefined,\n isUsernameAvailable === false ? lang(`${langPrefix}InUse`) : undefined,\n ];\n }, [username, isUsernameAvailable, lang, langPrefix, label]);\n\n useEffect(() => {\n setUsername(currentUsername || '');\n }, [asLink, currentUsername]);\n\n const handleUsernameChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n const newUsername = e.target.value.trim().replace(LINK_PREFIX_REGEX, '');\n setUsername(newUsername);\n e.target.value = `${asLink ? LINK_PREFIX : ''}${newUsername}`;\n\n const isValid = isUsernameValid(newUsername);\n\n if (isValid) {\n runDebouncedForCheckUsername(() => {\n checkUsername({ username: newUsername });\n });\n }\n\n if (onChange) {\n onChange(isValid ? newUsername : false);\n }\n }, [asLink, checkUsername, onChange]);\n\n return (\n <InputText\n value={`${asLink ? LINK_PREFIX : ''}${username}`}\n onChange={handleUsernameChange}\n label={label}\n error={usernameError}\n success={usernameSuccess}\n readOnly={isLoading}\n />\n );\n};\n\nexport default memo(SettingsEditProfile);\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, useState, useCallback, memo, useEffect, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiMediaFormat } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\nimport { ProfileEditProgress } from '../../../types';\n\nimport { throttle } from '../../../util/schedulers';\nimport { pick } from '../../../util/iteratees';\nimport { selectUser } from '../../../modules/selectors';\nimport { getChatAvatarHash } from '../../../modules/helpers';\nimport useMedia from '../../../hooks/useMedia';\nimport useLang from '../../../hooks/useLang';\n\nimport AvatarEditable from '../../ui/AvatarEditable';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport InputText from '../../ui/InputText';\nimport renderText from '../../common/helpers/renderText';\nimport UsernameInput from '../../common/UsernameInput';\n\ntype StateProps = {\n currentAvatarHash?: string;\n currentFirstName?: string;\n currentLastName?: string;\n currentBio?: string;\n currentUsername?: string;\n progress?: ProfileEditProgress;\n isUsernameAvailable?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'loadCurrentUser' | 'updateProfile' | 'checkUsername'\n)>;\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst MAX_BIO_LENGTH = 70;\n\nconst ERROR_FIRST_NAME_MISSING = 'Please provide your first name';\nconst ERROR_BIO_TOO_LONG = 'Bio can\\' be longer than 70 characters';\n\nconst SettingsEditProfile: FC<StateProps & DispatchProps> = ({\n currentAvatarHash,\n currentFirstName,\n currentLastName,\n currentBio,\n currentUsername,\n progress,\n isUsernameAvailable,\n loadCurrentUser,\n updateProfile,\n checkUsername,\n}) => {\n const [isUsernameTouched, setIsUsernameTouched] = useState(false);\n const [isProfileFieldsTouched, setIsProfileFieldsTouched] = useState(false);\n const [error, setError] = useState<string | undefined>();\n\n const [photo, setPhoto] = useState<File | undefined>();\n const [firstName, setFirstName] = useState(currentFirstName || '');\n const [lastName, setLastName] = useState(currentLastName || '');\n const [bio, setBio] = useState(currentBio || '');\n const [username, setUsername] = useState<string | false>(currentUsername || '');\n\n const currentAvatarBlobUrl = useMedia(currentAvatarHash, false, ApiMediaFormat.BlobUrl);\n\n const isLoading = progress === ProfileEditProgress.InProgress;\n const isUsernameError = username === false;\n\n const isSaveButtonShown = useMemo(() => {\n if (isUsernameError) {\n return false;\n }\n\n return Boolean(photo) || isProfileFieldsTouched || isUsernameAvailable === true;\n }, [photo, isProfileFieldsTouched, isUsernameError, isUsernameAvailable]);\n\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadCurrentUser();\n });\n }, [loadCurrentUser]);\n\n useEffect(() => {\n setPhoto(undefined);\n }, [currentAvatarBlobUrl]);\n\n useEffect(() => {\n setFirstName(currentFirstName || '');\n setLastName(currentLastName || '');\n setBio(currentBio || '');\n }, [currentFirstName, currentLastName, currentBio]);\n\n useEffect(() => {\n setUsername(currentUsername || '');\n }, [currentUsername]);\n\n useEffect(() => {\n if (progress === ProfileEditProgress.Complete) {\n setIsProfileFieldsTouched(false);\n setIsUsernameTouched(false);\n setError(undefined);\n }\n }, [progress]);\n\n const handlePhotoChange = useCallback((newPhoto: File) => {\n setPhoto(newPhoto);\n }, []);\n\n const handleFirstNameChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setFirstName(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleLastNameChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setLastName(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleBioChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setBio(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleUsernameChange = useCallback((value: string | false) => {\n setUsername(value);\n setIsUsernameTouched(true);\n }, []);\n\n const handleProfileSave = useCallback(() => {\n const trimmedFirstName = firstName.trim();\n const trimmedLastName = lastName.trim();\n const trimmedBio = bio.trim();\n\n if (!trimmedFirstName.length) {\n setError(ERROR_FIRST_NAME_MISSING);\n return;\n }\n\n if (trimmedBio.length > MAX_BIO_LENGTH) {\n setError(ERROR_BIO_TOO_LONG);\n return;\n }\n\n updateProfile({\n photo,\n ...(isProfileFieldsTouched && {\n firstName: trimmedFirstName,\n lastName: trimmedLastName,\n bio: trimmedBio,\n }),\n ...(isUsernameTouched && {\n username,\n }),\n });\n }, [\n photo,\n firstName, lastName, bio, isProfileFieldsTouched,\n username, isUsernameTouched,\n updateProfile,\n ]);\n\n const lang = useLang();\n\n return (\n <div className=\"settings-fab-wrapper\">\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-edit-profile\">\n <AvatarEditable\n currentAvatarBlobUrl={currentAvatarBlobUrl}\n onChange={handlePhotoChange}\n title=\"Edit your profile photo\"\n disabled={isLoading}\n />\n <InputText\n value={firstName}\n onChange={handleFirstNameChange}\n label={lang('FirstName')}\n disabled={isLoading}\n error={error === ERROR_FIRST_NAME_MISSING ? error : undefined}\n />\n <InputText\n value={lastName}\n onChange={handleLastNameChange}\n label={lang('LastName')}\n disabled={isLoading}\n />\n <InputText\n value={bio}\n onChange={handleBioChange}\n label={lang('UserBio')}\n disabled={isLoading}\n error={error === ERROR_BIO_TOO_LONG ? error : undefined}\n />\n\n <p className=\"settings-item-description\">\n {renderText(lang('lng_settings_about_bio'), ['br', 'simple_markdown'])}\n </p>\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('Username')}</h4>\n\n <UsernameInput\n currentUsername={username || ''}\n isLoading={isLoading}\n isUsernameAvailable={isUsernameAvailable}\n checkUsername={checkUsername}\n onChange={handleUsernameChange}\n />\n\n <p className=\"settings-item-description\">\n {renderText(lang('UsernameHelp'), ['br', 'simple_markdown'])}\n </p>\n {username && (\n <p className=\"settings-item-description\">\n {lang('lng_username_link')}<br />\n <span className=\"username-link\">https://t.me/{username}</span>\n </p>\n )}\n </div>\n </div>\n\n <FloatingActionButton\n isShown={isSaveButtonShown}\n onClick={handleProfileSave}\n disabled={isLoading}\n ariaLabel=\"Save changes\"\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n </div>\n );\n};\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const { currentUserId } = global;\n const { progress, isUsernameAvailable } = global.profileEdit || {};\n const currentUser = currentUserId ? selectUser(global, currentUserId) : undefined;\n\n if (!currentUser) {\n return {\n progress,\n isUsernameAvailable,\n };\n }\n\n const {\n firstName: currentFirstName,\n lastName: currentLastName,\n username: currentUsername,\n fullInfo,\n } = currentUser;\n const { bio: currentBio } = fullInfo || {};\n const currentAvatarHash = getChatAvatarHash(currentUser);\n\n return {\n currentAvatarHash,\n currentFirstName,\n currentLastName,\n currentBio,\n currentUsername,\n progress,\n isUsernameAvailable,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadCurrentUser',\n 'updateProfile',\n 'checkUsername',\n ]),\n)(SettingsEditProfile));\n","import React, {\n FC, memo, useMemo, useCallback, useState, useEffect,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../../global/types';\nimport { ApiChatFolder, ApiChat, ApiUser } from '../../../../api/types';\n\nimport { STICKER_SIZE_FOLDER_SETTINGS } from '../../../../config';\nimport { pick } from '../../../../util/iteratees';\nimport { throttle } from '../../../../util/schedulers';\nimport getAnimationData from '../../../common/helpers/animatedAssets';\nimport { getFolderDescriptionText } from '../../../../modules/helpers';\nimport useLang from '../../../../hooks/useLang';\n\nimport ListItem from '../../../ui/ListItem';\nimport Button from '../../../ui/Button';\nimport Loading from '../../../ui/Loading';\nimport AnimatedSticker from '../../../common/AnimatedSticker';\n\ntype OwnProps = {\n onCreateFolder: () => void;\n onEditFolder: (folder: ApiChatFolder) => void;\n};\n\ntype StateProps = {\n chatsById: Record<number, ApiChat>;\n usersById: Record<number, ApiUser>;\n orderedFolderIds?: number[];\n foldersById: Record<number, ApiChatFolder>;\n recommendedChatFolders?: ApiChatFolder[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadRecommendedChatFolders' | 'addChatFolder' | 'showError'>;\n\nconst runThrottledForLoadRecommended = throttle((cb) => cb(), 60000, true);\n\nconst MAX_ALLOWED_FOLDERS = 10;\n\nconst SettingsFoldersMain: FC<OwnProps & StateProps & DispatchProps> = ({\n onCreateFolder,\n onEditFolder,\n chatsById,\n usersById,\n orderedFolderIds,\n foldersById,\n recommendedChatFolders,\n loadRecommendedChatFolders,\n addChatFolder,\n showError,\n}) => {\n const [animationData, setAnimationData] = useState<Record<string, any>>();\n const [isAnimationLoaded, setIsAnimationLoaded] = useState(false);\n const handleAnimationLoad = useCallback(() => setIsAnimationLoaded(true), []);\n\n useEffect(() => {\n if (!animationData) {\n getAnimationData('FoldersAll').then(setAnimationData);\n }\n }, [animationData]);\n\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottledForLoadRecommended(() => {\n loadRecommendedChatFolders();\n });\n }, [loadRecommendedChatFolders]);\n\n const handleCreateFolder = useCallback(() => {\n if (Object.keys(foldersById).length >= MAX_ALLOWED_FOLDERS) {\n showError({\n error: {\n message: 'DIALOG_FILTERS_TOO_MUCH',\n },\n });\n\n return;\n }\n\n onCreateFolder();\n }, [foldersById, showError, onCreateFolder]);\n\n const lang = useLang();\n\n const userFolders = useMemo(() => {\n if (!orderedFolderIds) {\n return undefined;\n }\n\n const chatIds = Object.keys(chatsById).map(Number);\n\n return orderedFolderIds.map((id) => {\n const folder = foldersById[id];\n\n return {\n id: folder.id,\n title: folder.title,\n subtitle: getFolderDescriptionText(chatsById, usersById, folder, chatIds, lang),\n };\n });\n }, [orderedFolderIds, chatsById, foldersById, usersById, lang]);\n\n const handleCreateFolderFromRecommended = useCallback((folder: ApiChatFolder) => {\n if (Object.keys(foldersById).length >= MAX_ALLOWED_FOLDERS) {\n showError({\n error: {\n message: 'DIALOG_FILTERS_TOO_MUCH',\n },\n });\n\n return;\n }\n\n addChatFolder({ folder });\n }, [foldersById, addChatFolder, showError]);\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-content-header\">\n <div className=\"settings-content-icon\">\n {animationData && (\n <AnimatedSticker\n id=\"settingsFoldersMain\"\n size={STICKER_SIZE_FOLDER_SETTINGS}\n animationData={animationData}\n play={isAnimationLoaded}\n noLoop\n onLoad={handleAnimationLoad}\n />\n )}\n </div>\n\n <p className=\"settings-item-description mb-3\">\n {lang('CreateNewFilterInfo')}\n </p>\n\n <Button\n // TODO: Refactor button component to handle icon placemenet with props\n className=\"with-icon mb-2\"\n color=\"primary\"\n size=\"smaller\"\n pill\n fluid\n onClick={handleCreateFolder}\n >\n <i className=\"icon-add\" />\n {lang('CreateNewFilter')}\n </Button>\n </div>\n\n <div className=\"settings-item pt-3\">\n <h4 className=\"settings-item-header mb-3\">{lang('Filters')}</h4>\n\n {userFolders && userFolders.length ? userFolders.map((folder) => (\n <ListItem\n className=\"mb-2\"\n narrow\n multiline\n onClick={() => onEditFolder(foldersById[folder.id])}\n >\n <span className=\"title\">{folder.title}</span>\n <span className=\"subtitle\">{folder.subtitle}</span>\n </ListItem>\n )) : userFolders && !userFolders.length ? (\n <p className=\"settings-item-description my-4\">\n You have no folders yet.\n </p>\n ) : <Loading />}\n </div>\n\n {(recommendedChatFolders && !!recommendedChatFolders.length) && (\n <div className=\"settings-item pt-3\">\n <h4 className=\"settings-item-header mb-3\">{lang('FilterRecommended')}</h4>\n\n {recommendedChatFolders.map((folder) => (\n <ListItem\n className=\"mb-2\"\n narrow\n onClick={() => handleCreateFolderFromRecommended(folder)}\n >\n <div className=\"settings-folders-recommended-item\">\n <div className=\"multiline-item\">\n <span className=\"title\">{folder.title}</span>\n <span className=\"subtitle\">{folder.description}</span>\n </div>\n\n <Button\n className=\"px-3\"\n color=\"primary\"\n size=\"tiny\"\n pill\n fluid\n >\n {lang('Add')}\n </Button>\n </div>\n </ListItem>\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n chats: { byId: chatsById },\n users: { byId: usersById },\n } = global;\n\n const {\n orderedIds: orderedFolderIds,\n byId: foldersById,\n recommended: recommendedChatFolders,\n } = global.chatFolders;\n\n return {\n chatsById,\n usersById,\n orderedFolderIds,\n foldersById,\n recommendedChatFolders,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadRecommendedChatFolders', 'addChatFolder', 'showError']),\n)(SettingsFoldersMain));\n","import React, { FC } from '../../lib/teact/teact';\n\nimport Button from './Button';\n\nimport './ShowMoreButton.scss';\n\ntype OwnProps = {\n count: number;\n itemName: string;\n itemPluralName?: string;\n isLoading?: boolean;\n onClick: () => void;\n};\n\nconst ShowMoreButton: FC<OwnProps> = ({\n count,\n itemName,\n itemPluralName,\n isLoading,\n onClick,\n}) => {\n return (\n <Button\n className=\"ShowMoreButton\"\n color=\"translucent\"\n size=\"smaller\"\n isText\n isLoading={isLoading}\n onClick={onClick}\n >\n <i className=\"icon-down\" />\n Show {count} more {count > 1 ? itemPluralName || `${itemName}s` : itemName}\n </Button>\n );\n};\n\nexport default ShowMoreButton;\n","import React, {\n FC, memo, useCallback, useState, useEffect, useMemo,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../../global/types';\n\nimport { STICKER_SIZE_FOLDER_SETTINGS } from '../../../../config';\nimport { pick, findIntersectionWithSet } from '../../../../util/iteratees';\nimport { isChatPrivate } from '../../../../modules/helpers';\nimport getAnimationData from '../../../common/helpers/animatedAssets';\nimport {\n FoldersState,\n FolderEditDispatch,\n INCLUDED_CHAT_TYPES,\n EXCLUDED_CHAT_TYPES,\n selectChatFilters,\n} from '../../../../hooks/reducers/useFoldersReducer';\nimport useLang from '../../../../hooks/useLang';\n\nimport ListItem from '../../../ui/ListItem';\nimport AnimatedSticker from '../../../common/AnimatedSticker';\nimport InputText from '../../../ui/InputText';\nimport PrivateChatInfo from '../../../common/PrivateChatInfo';\nimport GroupChatInfo from '../../../common/GroupChatInfo';\nimport FloatingActionButton from '../../../ui/FloatingActionButton';\nimport Spinner from '../../../ui/Spinner';\nimport ShowMoreButton from '../../../ui/ShowMoreButton';\n\ntype OwnProps = {\n state: FoldersState;\n dispatch: FolderEditDispatch;\n onAddIncludedChats: () => void;\n onAddExcludedChats: () => void;\n onReset: () => void;\n};\n\ntype StateProps = {\n loadedActiveChatIds?: number[];\n loadedArchivedChatIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'editChatFolder' | 'addChatFolder' | 'loadMoreChats'>;\n\nconst SUBMIT_TIMEOUT = 500;\n\nconst INITIAL_CHATS_LIMIT = 5;\n\nconst ERROR_NO_TITLE = 'Please provide a title for this folder.';\nconst ERROR_NO_CHATS = 'Please select at least one chat for this folder.';\n\nconst SettingsFoldersEdit: FC<OwnProps & StateProps & DispatchProps> = ({\n state,\n dispatch,\n onAddIncludedChats,\n onAddExcludedChats,\n onReset,\n loadedActiveChatIds,\n loadedArchivedChatIds,\n editChatFolder,\n addChatFolder,\n loadMoreChats,\n}) => {\n const [animationData, setAnimationData] = useState<Record<string, any>>();\n const [isAnimationLoaded, setIsAnimationLoaded] = useState(false);\n const handleAnimationLoad = useCallback(() => setIsAnimationLoaded(true), []);\n\n const [isIncludedChatsListExpanded, setIsIncludedChatsListExpanded] = useState(false);\n const [isExcludedChatsListExpanded, setIsExcludedChatsListExpanded] = useState(false);\n\n const {\n selectedChatIds: includedChatIds,\n selectedChatTypes: includedChatTypes,\n } = selectChatFilters(state, 'included');\n const {\n selectedChatIds: excludedChatIds,\n selectedChatTypes: excludedChatTypes,\n } = selectChatFilters(state, 'excluded');\n\n useEffect(() => {\n if (!animationData) {\n getAnimationData('FoldersNew').then(setAnimationData);\n }\n }, [animationData]);\n\n useEffect(() => {\n setIsIncludedChatsListExpanded(false);\n setIsExcludedChatsListExpanded(false);\n }, [state.folderId]);\n\n const [visibleIncludedChatIds, visibleExcludedChatIds] = useMemo(() => {\n const allLoadedChatsSet = new Set([\n ...loadedActiveChatIds || [],\n ...loadedArchivedChatIds || [],\n ]);\n\n const loadedIncludedChatIds = findIntersectionWithSet(includedChatIds, allLoadedChatsSet);\n const loadedExcludedChatIds = findIntersectionWithSet(excludedChatIds, allLoadedChatsSet);\n\n return [\n isIncludedChatsListExpanded\n ? loadedIncludedChatIds\n : loadedIncludedChatIds.slice(0, INITIAL_CHATS_LIMIT - includedChatTypes.length),\n isExcludedChatsListExpanded\n ? loadedExcludedChatIds\n : loadedExcludedChatIds.slice(0, INITIAL_CHATS_LIMIT - excludedChatTypes.length),\n ];\n }, [\n excludedChatIds, includedChatIds, includedChatTypes, excludedChatTypes,\n isExcludedChatsListExpanded, isIncludedChatsListExpanded,\n loadedActiveChatIds, loadedArchivedChatIds,\n ]);\n\n useEffect(() => {\n if (\n visibleIncludedChatIds.length < includedChatIds.length\n || visibleExcludedChatIds.length < excludedChatIds.length\n ) {\n loadMoreChats({ listType: 'active' });\n }\n }, [\n loadMoreChats,\n excludedChatIds.length,\n includedChatIds.length,\n visibleExcludedChatIds.length,\n visibleIncludedChatIds.length,\n ]);\n\n const lang = useLang();\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { currentTarget } = event;\n dispatch({ type: 'setTitle', payload: currentTarget.value.trim() });\n }\n\n function handleSubmit() {\n const { title } = state.folder;\n\n if (!title) {\n dispatch({ type: 'setError', payload: ERROR_NO_TITLE });\n return;\n }\n\n if (!includedChatIds.length && !Object.keys(includedChatTypes).length) {\n dispatch({ type: 'setError', payload: ERROR_NO_CHATS });\n return;\n }\n\n dispatch({ type: 'setIsLoading', payload: true });\n if (state.mode === 'edit') {\n editChatFolder({ id: state.folderId, folderUpdate: state.folder });\n } else {\n addChatFolder({ folder: state.folder });\n }\n\n setTimeout(() => {\n onReset();\n }, SUBMIT_TIMEOUT);\n }\n\n function renderChatType(key: string, mode: 'included' | 'excluded') {\n const chatType = mode === 'included'\n ? INCLUDED_CHAT_TYPES.find(({ key: typeKey }) => typeKey === key)\n : EXCLUDED_CHAT_TYPES.find(({ key: typeKey }) => typeKey === key);\n\n if (!chatType) {\n return undefined;\n }\n\n return (\n <ListItem\n key={chatType.key}\n className=\"settings-folders-list-item mb-1\"\n icon={chatType.icon}\n narrow\n inactive\n >\n {lang(chatType.title)}\n </ListItem>\n );\n }\n\n function renderChats(mode: 'included' | 'excluded') {\n const selectedChatTypes = mode === 'included' ? includedChatTypes : excludedChatTypes;\n const visibleChatIds = mode === 'included' ? visibleIncludedChatIds : visibleExcludedChatIds;\n\n const isExpanded = mode === 'included' ? isIncludedChatsListExpanded : isExcludedChatsListExpanded;\n const allChatIds = mode === 'included' ? includedChatIds : excludedChatIds;\n const leftChatsCount = allChatIds.length - selectedChatTypes.length - visibleChatIds.length;\n const clickHandler = mode === 'included'\n ? () => setIsIncludedChatsListExpanded(true)\n : () => setIsExcludedChatsListExpanded(true);\n\n return (\n <>\n {selectedChatTypes.map((key) => renderChatType(key, mode))}\n {visibleChatIds.map((id) => (\n <ListItem\n className=\"settings-folders-list-item mb-1\"\n narrow\n inactive\n >\n {isChatPrivate(id) ? (\n <PrivateChatInfo avatarSize=\"small\" userId={id} />\n ) : (\n <GroupChatInfo avatarSize=\"small\" chatId={id} />\n )}\n </ListItem>\n ))}\n {(!isExpanded && leftChatsCount > 0) && (\n <ShowMoreButton\n count={leftChatsCount}\n itemName=\"chat\"\n onClick={clickHandler}\n />\n )}\n </>\n );\n }\n\n return (\n <div className=\"settings-fab-wrapper\">\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-content-header\">\n <div className=\"settings-content-icon\">\n {animationData && (\n <AnimatedSticker\n id=\"settingsFoldersEdit\"\n size={STICKER_SIZE_FOLDER_SETTINGS}\n animationData={animationData}\n play={isAnimationLoaded && String(state.folderId)}\n noLoop\n onLoad={handleAnimationLoad}\n />\n )}\n </div>\n\n {state.mode === 'create' && (\n <p className=\"settings-item-description mb-3\">\n {lang('FilterIncludeInfo')}\n </p>\n )}\n\n <InputText\n className=\"mb-0\"\n label={lang('FilterNameHint')}\n value={state.folder.title}\n onChange={handleChange}\n error={state.error && state.error === ERROR_NO_TITLE ? ERROR_NO_TITLE : undefined}\n />\n </div>\n\n <div className=\"settings-item no-border pt-3\">\n {state.error && state.error === ERROR_NO_CHATS && (\n <p className=\"settings-item-description color-danger mb-2\">\n {state.error}\n </p>\n )}\n\n <h4 className=\"settings-item-header mb-3\">{lang('FilterInclude')}</h4>\n\n <ListItem\n className=\"settings-folders-list-item color-primary mb-0\"\n icon=\"add\"\n onClick={onAddIncludedChats}\n >\n {lang('FilterAddChats')}\n </ListItem>\n\n {renderChats('included')}\n </div>\n\n <div className=\"settings-item no-border pt-3\">\n <h4 className=\"settings-item-header mb-3\">{lang('FilterExclude')}</h4>\n\n <ListItem\n className=\"settings-folders-list-item color-primary mb-0\"\n icon=\"add\"\n onClick={onAddExcludedChats}\n >\n {lang('FilterAddChats')}\n </ListItem>\n\n {renderChats('excluded')}\n </div>\n </div>\n\n <FloatingActionButton\n isShown={!!state.isTouched}\n disabled={state.isLoading}\n onClick={handleSubmit}\n ariaLabel={state.mode === 'edit' ? 'Save changes' : 'Create folder'}\n >\n {state.isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { listIds } = global.chats;\n\n return {\n loadedActiveChatIds: listIds.active,\n loadedArchivedChatIds: listIds.archived,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['editChatFolder', 'addChatFolder', 'loadMoreChats']),\n)(SettingsFoldersEdit));\n","import React, {\n FC, useCallback, useRef, useEffect, memo,\n} from '../../../../lib/teact/teact';\n\nimport { isChatPrivate } from '../../../../modules/helpers';\nimport {\n INCLUDED_CHAT_TYPES,\n EXCLUDED_CHAT_TYPES,\n FolderChatType,\n} from '../../../../hooks/reducers/useFoldersReducer';\nimport useInfiniteScroll from '../../../../hooks/useInfiniteScroll';\nimport useLang from '../../../../hooks/useLang';\n\nimport Checkbox from '../../../ui/Checkbox';\nimport InputText from '../../../ui/InputText';\nimport ListItem from '../../../ui/ListItem';\nimport PrivateChatInfo from '../../../common/PrivateChatInfo';\nimport GroupChatInfo from '../../../common/GroupChatInfo';\nimport PickerSelectedItem from '../../../common/PickerSelectedItem';\nimport InfiniteScroll from '../../../ui/InfiniteScroll';\nimport Loading from '../../../ui/Loading';\n\nimport '../../../common/Picker.scss';\nimport './SettingsFoldersChatsPicker.scss';\n\ntype OwnProps = {\n mode: 'included' | 'excluded';\n chatIds: number[];\n selectedIds: number[];\n selectedChatTypes: string[];\n filterValue?: string;\n onSelectedIdsChange: (ids: number[]) => void;\n onSelectedChatTypesChange: (types: string[]) => void;\n onFilterChange: (value: string) => void;\n onLoadMore: () => void;\n};\n\n// Focus slows down animation, also it breaks transition layout in Chrome\nconst FOCUS_DELAY_MS = 500;\n\nconst MAX_CHATS = 100;\nconst MAX_FULL_ITEMS = 10;\nconst ALWAYS_FULL_ITEMS_COUNT = 5;\n\nconst SettingsFoldersChatsPicker: FC<OwnProps> = ({\n mode,\n chatIds,\n selectedIds,\n selectedChatTypes,\n filterValue,\n onSelectedIdsChange,\n onSelectedChatTypesChange,\n onFilterChange,\n onLoadMore,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n const chatTypes = mode === 'included' ? INCLUDED_CHAT_TYPES : EXCLUDED_CHAT_TYPES;\n const shouldMinimize = selectedIds.length + selectedChatTypes.length > MAX_FULL_ITEMS;\n const hasMaxChats = selectedIds.length >= MAX_CHATS;\n\n useEffect(() => {\n setTimeout(() => {\n requestAnimationFrame(() => {\n inputRef.current!.focus();\n });\n }, FOCUS_DELAY_MS);\n }, []);\n\n const handleItemClick = useCallback((id: number) => {\n const newSelectedIds = [...selectedIds];\n if (newSelectedIds.includes(id)) {\n newSelectedIds.splice(newSelectedIds.indexOf(id), 1);\n } else {\n newSelectedIds.push(id);\n }\n onSelectedIdsChange(newSelectedIds);\n }, [selectedIds, onSelectedIdsChange]);\n\n const handleChatTypeClick = useCallback((key: FolderChatType['key']) => {\n const newSelectedChatTypes = [...selectedChatTypes];\n if (newSelectedChatTypes.includes(key)) {\n newSelectedChatTypes.splice(newSelectedChatTypes.indexOf(key), 1);\n } else {\n newSelectedChatTypes.push(key);\n }\n onSelectedChatTypesChange(newSelectedChatTypes);\n }, [selectedChatTypes, onSelectedChatTypesChange]);\n\n const handleFilterChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = e.currentTarget;\n onFilterChange(value);\n }, [onFilterChange]);\n\n const lang = useLang();\n\n function renderSelectedChatType(key: string) {\n const selectedType = chatTypes.find(({ key: typeKey }) => key === typeKey);\n if (!selectedType) {\n return undefined;\n }\n\n return (\n <PickerSelectedItem\n icon={selectedType.icon}\n title={lang(selectedType.title)}\n isMinimized={shouldMinimize}\n canClose\n onClick={handleChatTypeClick}\n clickArg={selectedType.key}\n />\n );\n }\n\n function renderChatType(type: FolderChatType) {\n return (\n <ListItem\n key={type.key}\n className=\"chat-item-clickable picker-list-item chat-type-item\"\n onClick={() => handleChatTypeClick(type.key)}\n ripple\n >\n <i className={`icon-${type.icon}`} />\n <h3 className=\"chat-type\">{lang(type.title)}</h3>\n <Checkbox\n label=\"\"\n checked={selectedChatTypes.includes(type.key)}\n round\n />\n </ListItem>\n );\n }\n\n function renderItem(id: number) {\n const isSelected = selectedIds.includes(id);\n\n return (\n <ListItem\n key={id}\n className=\"chat-item-clickable picker-list-item chat-item\"\n onClick={() => handleItemClick(id)}\n ripple\n disabled={!isSelected && hasMaxChats}\n >\n {isChatPrivate(id) ? (\n <PrivateChatInfo userId={id} />\n ) : (\n <GroupChatInfo chatId={id} withChatType />\n )}\n <Checkbox\n label=\"\"\n checked={isSelected}\n round\n />\n </ListItem>\n );\n }\n\n const [viewportIds, getMore] = useInfiniteScroll(onLoadMore, chatIds, Boolean(filterValue));\n\n return (\n <div className=\"Picker SettingsFoldersChatsPicker\">\n <div className=\"picker-header custom-scroll\">\n {selectedChatTypes.map(renderSelectedChatType)}\n {selectedIds.map((id, i) => (\n <PickerSelectedItem\n chatOrUserId={id}\n isMinimized={shouldMinimize && i < selectedIds.length - ALWAYS_FULL_ITEMS_COUNT}\n canClose\n onClick={handleItemClick}\n clickArg={id}\n />\n ))}\n {!hasMaxChats ? (\n <InputText\n ref={inputRef}\n value={filterValue}\n onChange={handleFilterChange}\n placeholder={lang('Search')}\n />\n ) : (\n <p className=\"max-items-reached\">{`Sorry, you can't add more than ${MAX_CHATS} chats.`}</p>\n )}\n </div>\n <InfiniteScroll\n className=\"picker-list custom-scroll\"\n itemSelector=\".chat-item\"\n items={viewportIds}\n onLoadMore={getMore}\n >\n {(!viewportIds || !viewportIds.length || viewportIds.includes(chatIds[0])) && (\n <>\n <h4 key=\"header1\" className=\"settings-item-header\">{lang('FilterChatTypes')}</h4>\n {chatTypes.map(renderChatType)}\n <div key=\"divider\" className=\"picker-list-divider\" />\n <h4 key=\"header2\" className=\"settings-item-header\">{lang('FilterChats')}</h4>\n </>\n )}\n\n {viewportIds && viewportIds.length ? (\n viewportIds.map(renderItem)\n ) : viewportIds && !viewportIds.length ? (\n <p className=\"no-results\" key=\"no-results\">Sorry, nothing found.</p>\n ) : (\n <Loading key=\"loading\" />\n )}\n </InfiniteScroll>\n </div>\n );\n};\n\nexport default memo(SettingsFoldersChatsPicker);\n","import React, {\n FC, memo, useMemo, useCallback,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../../global/types';\nimport { ApiChat } from '../../../../api/types';\n\nimport { pick } from '../../../../util/iteratees';\nimport searchWords from '../../../../util/searchWords';\nimport { prepareChatList, getChatTitle } from '../../../../modules/helpers';\nimport {\n FoldersState,\n FolderEditDispatch,\n selectChatFilters,\n} from '../../../../hooks/reducers/useFoldersReducer';\n\nimport SettingsFoldersChatsPicker from './SettingsFoldersChatsPicker';\n\nimport Loading from '../../../ui/Loading';\n\ntype OwnProps = {\n mode: 'included' | 'excluded';\n state: FoldersState;\n dispatch: FolderEditDispatch;\n};\n\ntype StateProps = {\n chatsById: Record<number, ApiChat>;\n listIds?: number[];\n orderedPinnedIds?: number[];\n archivedListIds?: number[];\n archivedPinnedIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadMoreChats'>;\n\nconst SettingsFoldersChatFilters: FC<OwnProps & StateProps & DispatchProps> = ({\n mode,\n state,\n dispatch,\n chatsById,\n listIds,\n orderedPinnedIds,\n archivedListIds,\n archivedPinnedIds,\n loadMoreChats,\n}) => {\n const { chatFilter } = state;\n const { selectedChatIds, selectedChatTypes } = selectChatFilters(state, mode, true);\n\n const chats = useMemo(() => {\n const activeChatArrays = listIds\n ? prepareChatList(chatsById, listIds, orderedPinnedIds, 'all')\n : undefined;\n const archivedChatArrays = archivedListIds\n ? prepareChatList(chatsById, archivedListIds, archivedPinnedIds, 'archived')\n : undefined;\n\n if (!activeChatArrays && !archivedChatArrays) {\n return undefined;\n }\n\n return [\n ...(activeChatArrays\n ? [...activeChatArrays.pinnedChats, ...activeChatArrays.otherChats]\n : []\n ),\n ...(archivedChatArrays ? archivedChatArrays.otherChats : []),\n ];\n }, [chatsById, listIds, orderedPinnedIds, archivedListIds, archivedPinnedIds]);\n\n const displayedIds = useMemo(() => {\n if (!chats) {\n return undefined;\n }\n\n return chats\n .filter((chat) => (\n !chatFilter\n || searchWords(getChatTitle(chat), chatFilter)\n || selectedChatIds.includes(chat.id)\n ))\n .map(({ id }) => id);\n }, [chats, chatFilter, selectedChatIds]);\n\n const handleFilterChange = useCallback((newFilter: string) => {\n dispatch({\n type: 'setChatFilter',\n payload: newFilter,\n });\n }, [dispatch]);\n\n const handleSelectedIdsChange = useCallback((ids: number[]) => {\n if (mode === 'included') {\n dispatch({\n type: 'setIncludeFilters',\n payload: { ...state.includeFilters, includedChatIds: ids },\n });\n } else {\n dispatch({\n type: 'setExcludeFilters',\n payload: { ...state.excludeFilters, excludedChatIds: ids },\n });\n }\n }, [mode, state, dispatch]);\n\n const handleSelectedChatTypesChange = useCallback((keys: string[]) => {\n const newFilters: Record<string, boolean> = {};\n keys.forEach((key) => {\n newFilters[key] = true;\n });\n\n if (mode === 'included') {\n dispatch({\n type: 'setIncludeFilters',\n payload: {\n includedChatIds: selectedChatIds,\n ...newFilters,\n },\n });\n } else {\n dispatch({\n type: 'setExcludeFilters',\n payload: {\n excludedChatIds: selectedChatIds,\n ...newFilters,\n },\n });\n }\n }, [mode, selectedChatIds, dispatch]);\n\n if (!displayedIds) {\n return <Loading />;\n }\n\n return (\n <SettingsFoldersChatsPicker\n mode={mode}\n chatIds={displayedIds}\n selectedIds={selectedChatIds}\n selectedChatTypes={selectedChatTypes}\n filterValue={chatFilter}\n onSelectedIdsChange={handleSelectedIdsChange}\n onSelectedChatTypesChange={handleSelectedChatTypesChange}\n onFilterChange={handleFilterChange}\n onLoadMore={loadMoreChats}\n />\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n chats: {\n byId: chatsById,\n listIds,\n orderedPinnedIds,\n },\n } = global;\n\n return {\n chatsById,\n listIds: listIds.active,\n orderedPinnedIds: orderedPinnedIds.active,\n archivedPinnedIds: orderedPinnedIds.archived,\n archivedListIds: listIds.archived,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadMoreChats']),\n)(SettingsFoldersChatFilters));\n","import React, { FC, memo, useCallback } from '../../../../lib/teact/teact';\n\nimport { ApiChatFolder } from '../../../../api/types';\nimport { SettingsScreens } from '../../../../types';\n\nimport { FoldersState, FolderEditDispatch } from '../../../../hooks/reducers/useFoldersReducer';\n\nimport SettingsFoldersMain from './SettingsFoldersMain';\nimport SettingsFoldersEdit from './SettingsFoldersEdit';\nimport SettingsFoldersChatFilters from './SettingsFoldersChatFilters';\n\nimport './SettingsFolders.scss';\n\nconst TRANSITION_DURATION = 200;\n\nexport type OwnProps = {\n currentScreen: SettingsScreens;\n state: FoldersState;\n dispatch: FolderEditDispatch;\n onScreenSelect: (screen: SettingsScreens) => void;\n onReset: () => void;\n};\n\nconst SettingsFolders: FC<OwnProps> = ({\n currentScreen,\n state,\n dispatch,\n onScreenSelect,\n onReset,\n}) => {\n const handleReset = useCallback(() => {\n if (\n currentScreen === SettingsScreens.FoldersCreateFolder\n || currentScreen === SettingsScreens.FoldersEditFolder\n ) {\n setTimeout(() => {\n dispatch({ type: 'reset' });\n }, TRANSITION_DURATION);\n }\n\n if (\n currentScreen === SettingsScreens.FoldersIncludedChats\n || currentScreen === SettingsScreens.FoldersExcludedChats\n ) {\n if (state.mode === 'create') {\n onScreenSelect(SettingsScreens.FoldersCreateFolder);\n } else {\n onScreenSelect(SettingsScreens.FoldersEditFolder);\n }\n return;\n }\n\n onReset();\n }, [\n state.mode, dispatch,\n currentScreen, onReset, onScreenSelect,\n ]);\n\n const handleCreateFolder = useCallback(() => {\n dispatch({ type: 'reset' });\n onScreenSelect(SettingsScreens.FoldersCreateFolder);\n }, [onScreenSelect, dispatch]);\n\n const handleEditFolder = useCallback((folder: ApiChatFolder) => {\n dispatch({ type: 'editFolder', payload: folder });\n onScreenSelect(SettingsScreens.FoldersEditFolder);\n }, [dispatch, onScreenSelect]);\n\n const handleAddIncludedChats = useCallback(() => {\n dispatch({ type: 'editIncludeFilters' });\n onScreenSelect(SettingsScreens.FoldersIncludedChats);\n }, [dispatch, onScreenSelect]);\n\n const handleAddExcludedChats = useCallback(() => {\n dispatch({ type: 'editExcludeFilters' });\n onScreenSelect(SettingsScreens.FoldersExcludedChats);\n }, [dispatch, onScreenSelect]);\n\n switch (currentScreen) {\n case SettingsScreens.Folders:\n return (\n <SettingsFoldersMain\n onCreateFolder={handleCreateFolder}\n onEditFolder={handleEditFolder}\n />\n );\n case SettingsScreens.FoldersCreateFolder:\n case SettingsScreens.FoldersEditFolder:\n return (\n <SettingsFoldersEdit\n state={state}\n dispatch={dispatch}\n onAddIncludedChats={handleAddIncludedChats}\n onAddExcludedChats={handleAddExcludedChats}\n onReset={handleReset}\n />\n );\n case SettingsScreens.FoldersIncludedChats:\n return (\n <SettingsFoldersChatFilters\n mode=\"included\"\n state={state}\n dispatch={dispatch}\n />\n );\n case SettingsScreens.FoldersExcludedChats:\n return (\n <SettingsFoldersChatFilters\n mode=\"excluded\"\n state={state}\n dispatch={dispatch}\n />\n );\n\n default:\n return undefined;\n }\n};\n\nexport default memo(SettingsFolders);\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, useCallback, useMemo, memo,\n} from '../../lib/teact/teact';\n\nimport buildClassName from '../../util/buildClassName';\n\nimport './RangeSlider.scss';\n\ntype OwnProps = {\n options?: string[];\n range?: { min: number; max: number; step?: number };\n label?: string;\n value: number;\n disabled?: boolean;\n onChange: (value: number) => void;\n};\n\nconst RangeSlider: FC<OwnProps> = ({\n options,\n range,\n label,\n value,\n disabled,\n onChange,\n}) => {\n const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n onChange(Number(event.currentTarget.value));\n }, [onChange]);\n\n const className = buildClassName(\n 'RangeSlider',\n disabled && 'disabled',\n );\n\n const trackWidth = useMemo(() => {\n if (options) {\n return (value / (options.length - 1)) * 100;\n } else if (range) {\n const possibleValuesLength = (range.max - range.min) / (range.step || 1);\n return ((value - range.min) / possibleValuesLength) * 100;\n }\n return 0;\n }, [value, options, range]);\n\n const [min, max, step] = useMemo(() => {\n if (options) {\n return [0, options.length - 1, 1];\n } else if (range) {\n return [range.min, range.max, range.step || 1];\n }\n\n return [0, 0, 0];\n }, [range, options]);\n\n return (\n <div className={className}>\n {label && (\n <div className=\"slider-top-row\">\n <span className=\"label\">{label}</span>\n {range && (\n <span className=\"value\">{value}</span>\n )}\n </div>\n )}\n <div className=\"slider-main\">\n <div\n className=\"slider-fill-track\"\n // @ts-ignore\n style={`width: ${trackWidth}%`}\n />\n <input\n min={min}\n max={max}\n value={value}\n step={step}\n type=\"range\"\n onChange={handleChange}\n />\n {options && (\n <div className=\"slider-options\">\n {options.map((option, index) => (\n <div\n className={buildClassName('slider-option no-selection', index === value && 'active')}\n onClick={() => onChange(index)}\n >\n {option}\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default memo(RangeSlider);\n","import React, { FC, memo, useRef } from '../../../lib/teact/teact';\n\nimport { ApiMediaFormat, ApiStickerSet } from '../../../api/types';\n\nimport { STICKER_SIZE_PICKER_HEADER } from '../../../config';\nimport { ObserveFn, useIsIntersecting } from '../../../hooks/useIntersectionObserver';\nimport useMedia from '../../../hooks/useMedia';\nimport useTransitionForMedia from '../../../hooks/useTransitionForMedia';\nimport { getFirstLetters } from '../../../util/textFormat';\n\nimport AnimatedSticker from '../../common/AnimatedSticker';\n\ntype OwnProps = {\n size?: number;\n stickerSet: ApiStickerSet;\n observeIntersection: ObserveFn;\n};\n\nconst StickerSetCoverAnimated: FC<OwnProps> = ({\n size = STICKER_SIZE_PICKER_HEADER,\n stickerSet,\n observeIntersection,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n\n const isIntersecting = useIsIntersecting(ref, observeIntersection);\n\n const mediaHash = `stickerSet${stickerSet.id}`;\n const lottieData = useMedia(mediaHash, !isIntersecting, ApiMediaFormat.Lottie);\n const { shouldRenderFullMedia, transitionClassNames } = useTransitionForMedia(lottieData, 'slow');\n\n return (\n <div ref={ref} className=\"sticker-set-cover\">\n {!shouldRenderFullMedia && getFirstLetters(stickerSet.title, 2)}\n {shouldRenderFullMedia && lottieData && (\n <AnimatedSticker\n id={mediaHash}\n size={size}\n animationData={lottieData}\n className={transitionClassNames}\n />\n )}\n </div>\n );\n};\n\nexport default memo(StickerSetCoverAnimated);\n","import React, { FC, memo, useRef } from '../../../lib/teact/teact';\n\nimport { ApiStickerSet } from '../../../api/types';\n\nimport { ObserveFn, useIsIntersecting } from '../../../hooks/useIntersectionObserver';\nimport useMedia from '../../../hooks/useMedia';\nimport useTransitionForMedia from '../../../hooks/useTransitionForMedia';\nimport { getFirstLetters } from '../../../util/textFormat';\n\ntype OwnProps = {\n stickerSet: ApiStickerSet;\n observeIntersection: ObserveFn;\n};\n\nconst StickerSetCover: FC<OwnProps> = ({ stickerSet, observeIntersection }) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n\n const isIntersecting = useIsIntersecting(ref, observeIntersection);\n\n const mediaData = useMedia(stickerSet.hasThumbnail && `stickerSet${stickerSet.id}`, !isIntersecting);\n const { shouldRenderFullMedia, transitionClassNames } = useTransitionForMedia(mediaData, 'slow');\n\n return (\n <div ref={ref} className=\"sticker-set-cover\">\n {!shouldRenderFullMedia && getFirstLetters(stickerSet.title, 2)}\n {shouldRenderFullMedia && (\n <img src={mediaData} className={transitionClassNames} alt=\"\" />\n )}\n </div>\n );\n};\n\nexport default memo(StickerSetCover);\n","import { MouseEvent as ReactMouseEvent } from 'react';\nimport React, {\n FC, memo, useEffect, useRef,\n} from '../../lib/teact/teact';\n\nimport { ApiMediaFormat, ApiSticker } from '../../api/types';\n\nimport { useIsIntersecting, ObserveFn } from '../../hooks/useIntersectionObserver';\nimport useMedia from '../../hooks/useMedia';\nimport useTransitionForMedia from '../../hooks/useTransitionForMedia';\nimport useFlag from '../../hooks/useFlag';\nimport buildClassName from '../../util/buildClassName';\n\nimport AnimatedSticker from './AnimatedSticker';\nimport Button from '../ui/Button';\n\nimport './StickerButton.scss';\n\ntype OwnProps = {\n sticker: ApiSticker;\n size: number;\n observeIntersection: ObserveFn;\n noAnimate?: boolean;\n title?: string;\n className?: string;\n onClick?: (arg: any) => void;\n clickArg?: any;\n onUnfaveClick?: (sticker: ApiSticker) => void;\n};\n\nconst StickerButton: FC<OwnProps> = ({\n sticker, size, observeIntersection, noAnimate, title, className, onClick, clickArg, onUnfaveClick,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n\n const localMediaHash = `sticker${sticker.id}`;\n const stickerSelector = `sticker-button-${sticker.id}`;\n\n const isIntersecting = useIsIntersecting(ref, observeIntersection);\n\n const thumbDataUri = sticker.thumbnail ? sticker.thumbnail.dataUri : undefined;\n const previewBlobUrl = useMedia(`${localMediaHash}?size=m`, !isIntersecting, ApiMediaFormat.BlobUrl);\n\n const shouldPlay = isIntersecting && !noAnimate;\n const lottieData = useMedia(sticker.isAnimated && localMediaHash, !shouldPlay, ApiMediaFormat.Lottie);\n const [isAnimationLoaded, markLoaded, unmarkLoaded] = useFlag(Boolean(lottieData));\n const canAnimatedPlay = isAnimationLoaded && shouldPlay;\n\n const {\n shouldRenderThumb,\n shouldRenderFullMedia: shouldRenderPreview,\n transitionClassNames: previewTransitionClassNames,\n } = useTransitionForMedia(previewBlobUrl || canAnimatedPlay, 'slow');\n\n // To avoid flickering\n useEffect(() => {\n if (!shouldPlay) {\n unmarkLoaded();\n }\n }, [unmarkLoaded, shouldPlay]);\n\n function handleClick() {\n if (onClick) {\n onClick(clickArg);\n }\n }\n\n function handleUnfaveClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n e.stopPropagation();\n e.preventDefault();\n\n onUnfaveClick!(sticker);\n }\n\n const fullClassName = buildClassName(\n 'StickerButton',\n sticker.isAnimated && 'animated',\n stickerSelector,\n className,\n );\n\n const style = shouldRenderThumb && thumbDataUri ? `background-image: url('${thumbDataUri}');` : '';\n\n return (\n <div\n ref={ref}\n className={fullClassName}\n title={title || (sticker && sticker.emoji)}\n // @ts-ignore\n style={style}\n data-sticker-id={sticker.id}\n onClick={handleClick}\n >\n {shouldRenderPreview && !canAnimatedPlay && (\n // eslint-disable-next-line jsx-a11y/alt-text\n <img src={previewBlobUrl} className={previewTransitionClassNames} />\n )}\n {shouldPlay && lottieData && (\n <AnimatedSticker\n id={localMediaHash}\n animationData={lottieData}\n play\n size={size}\n isLowPriority\n onLoad={markLoaded}\n />\n )}\n {onUnfaveClick && (\n <Button\n className=\"sticker-unfave-button\"\n color=\"dark\"\n round\n onClick={handleUnfaveClick}\n >\n <i className=\"icon-close\" />\n </Button>\n )}\n </div>\n );\n};\n\nexport default memo(StickerButton);\n","import React, {\n FC, memo,\n} from '../../../lib/teact/teact';\nimport { ApiSticker, ApiStickerSet } from '../../../api/types';\n\nimport { STICKER_SIZE_GENERAL_SETTINGS } from '../../../config';\nimport { ObserveFn } from '../../../hooks/useIntersectionObserver';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport Button from '../../ui/Button';\nimport StickerSetCoverAnimated from '../../middle/composer/StickerSetCoverAnimated';\nimport StickerSetCover from '../../middle/composer/StickerSetCover';\nimport StickerButton from '../../common/StickerButton';\n\nimport './SettingsStickerSet.scss';\n\ntype OwnProps = {\n stickerSet?: ApiStickerSet;\n observeIntersection: ObserveFn;\n onClick: (value: ApiSticker) => void;\n};\n\nconst SettingsStickerSet: FC<OwnProps> = ({\n stickerSet,\n observeIntersection,\n onClick,\n}) => {\n const lang = useLang();\n\n if (!stickerSet || !stickerSet.stickers) {\n return undefined;\n }\n\n const firstSticker = stickerSet.stickers && stickerSet.stickers[0];\n\n if (stickerSet.hasThumbnail || !firstSticker) {\n return (\n <ListItem\n narrow\n className=\"SettingsStickerSet\"\n inactive={!firstSticker}\n onClick={() => firstSticker && onClick(firstSticker)}\n >\n <Button\n ariaLabel={stickerSet.title}\n color=\"translucent\"\n >\n {stickerSet.isAnimated ? (\n <StickerSetCoverAnimated\n size={STICKER_SIZE_GENERAL_SETTINGS}\n stickerSet={stickerSet}\n observeIntersection={observeIntersection}\n />\n ) : (\n <StickerSetCover\n stickerSet={stickerSet}\n observeIntersection={observeIntersection}\n />\n )}\n </Button>\n <div className=\"multiline-menu-item\">\n <div className=\"title\">{stickerSet.title}</div>\n <div className=\"subtitle\">{lang('StickerPack.StickerCount', stickerSet.count, 'i')}</div>\n </div>\n </ListItem>\n );\n } else {\n return (\n <ListItem\n narrow\n className=\"SettingsStickerSet\"\n onClick={() => onClick(firstSticker)}\n >\n <StickerButton\n sticker={firstSticker}\n size={STICKER_SIZE_GENERAL_SETTINGS}\n title={stickerSet.title}\n observeIntersection={observeIntersection}\n />\n <div className=\"multiline-menu-item\">\n <div className=\"title\">{stickerSet.title}</div>\n <div className=\"subtitle\">{lang('StickerPack.StickerCount', stickerSet.count, 'i')}</div>\n </div>\n </ListItem>\n );\n }\n};\n\nexport default memo(SettingsStickerSet);\n","import React, {\n FC, useCallback, memo, useEffect, useRef, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { SettingsScreens, ISettings } from '../../../types';\nimport { ApiSticker, ApiStickerSet } from '../../../api/types';\n\nimport { IS_MAC_OS, IS_TOUCH_ENV } from '../../../util/environment';\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\nimport useFlag from '../../../hooks/useFlag';\nimport { useIntersectionObserver } from '../../../hooks/useIntersectionObserver';\n\nimport ListItem from '../../ui/ListItem';\nimport RangeSlider from '../../ui/RangeSlider';\nimport Checkbox from '../../ui/Checkbox';\nimport RadioGroup from '../../ui/RadioGroup';\nimport SettingsStickerSet from './SettingsStickerSet';\nimport StickerSetModal from '../../common/StickerSetModal.async';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = ISettings['byKey'] & {\n stickerSetIds?: string[];\n stickerSetsById?: Record<string, ApiStickerSet>;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setSettingOption' | 'loadStickerSets' | 'loadAddedStickers'>;\n\nconst ANIMATION_LEVEL_OPTIONS = [\n 'Solid and Steady',\n 'Nice and Fast',\n 'Lots of Stuff',\n];\n\nconst SettingsGeneral: FC<OwnProps & StateProps & DispatchProps> = ({\n onScreenSelect,\n stickerSetIds,\n stickerSetsById,\n messageTextSize,\n animationLevel,\n messageSendKeyCombo,\n shouldAutoDownloadMediaFromContacts,\n shouldAutoDownloadMediaInPrivateChats,\n shouldAutoDownloadMediaInGroups,\n shouldAutoDownloadMediaInChannels,\n shouldAutoPlayGifs,\n shouldAutoPlayVideos,\n shouldSuggestStickers,\n shouldLoopStickers,\n setSettingOption,\n loadStickerSets,\n loadAddedStickers,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const stickerSettingsRef = useRef<HTMLDivElement>(null);\n const { observe: observeIntersectionForCovers } = useIntersectionObserver({ rootRef: stickerSettingsRef });\n const [isModalOpen, openModal, closeModal] = useFlag();\n const [sticker, setSticker] = useState<ApiSticker>();\n\n const lang = useLang();\n\n const KEYBOARD_SEND_OPTIONS = !IS_TOUCH_ENV ? [\n { value: 'enter', label: lang('lng_settings_send_enter'), subLabel: 'New line by Shift + Enter' },\n {\n value: 'ctrl-enter',\n label: lang(IS_MAC_OS ? 'lng_settings_send_cmdenter' : 'lng_settings_send_ctrlenter'),\n subLabel: 'New line by Enter',\n },\n ] : undefined;\n\n useEffect(() => {\n loadStickerSets();\n }, [loadStickerSets]);\n\n useEffect(() => {\n if (stickerSetIds && stickerSetIds.length) {\n loadAddedStickers();\n }\n }, [stickerSetIds, loadAddedStickers]);\n\n const handleAnimationLevelChange = useCallback((newLevel: number) => {\n ANIMATION_LEVEL_OPTIONS.forEach((_, i) => {\n document.body.classList.toggle(`animation-level-${i}`, newLevel === i);\n });\n\n setSettingOption({ animationLevel: newLevel });\n }, [setSettingOption]);\n\n const handleMessageTextSizeChange = useCallback((newSize: number) => {\n document.documentElement.style.setProperty('--message-text-size', `${newSize}px`);\n\n setSettingOption({ messageTextSize: newSize });\n }, [setSettingOption]);\n\n const handleStickerSetClick = useCallback((value: ApiSticker) => {\n setSticker(value);\n openModal();\n }, [openModal]);\n\n const stickerSets = stickerSetIds && stickerSetIds.map((id: string) => {\n return stickerSetsById && stickerSetsById[id] && stickerSetsById[id].installedDate ? stickerSetsById[id] : false;\n }).filter(Boolean);\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-item pt-3\">\n <h4 className=\"settings-item-header\">{lang('SETTINGS')}</h4>\n\n <RangeSlider\n label={lang('TextSize')}\n // TODO Remove memo-killer\n range={{ min: 12, max: 20 }}\n value={messageTextSize}\n onChange={handleMessageTextSizeChange}\n />\n\n <ListItem\n icon=\"photo\"\n onClick={() => onScreenSelect(SettingsScreens.GeneralChatBackground)}\n >\n {lang('ChatBackground')}\n </ListItem>\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">\n Animation Level\n </h4>\n <p className=\"settings-item-description\">Choose the desired animations amount.</p>\n\n <RangeSlider\n options={ANIMATION_LEVEL_OPTIONS}\n value={animationLevel}\n onChange={handleAnimationLevelChange}\n />\n </div>\n\n {KEYBOARD_SEND_OPTIONS && (\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('Keyboard')}</h4>\n\n <RadioGroup\n name=\"keyboard-send-settings\"\n options={KEYBOARD_SEND_OPTIONS}\n onChange={(value) => setSettingOption({ messageSendKeyCombo: value })}\n selected={messageSendKeyCombo}\n />\n </div>\n )}\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('AutoDownloadMedia')}</h4>\n\n <Checkbox\n label={lang('Contacts')}\n checked={shouldAutoDownloadMediaFromContacts}\n onCheck={(isChecked) => setSettingOption({ shouldAutoDownloadMediaFromContacts: isChecked })}\n />\n <Checkbox\n label={lang('AutodownloadPrivateChats')}\n checked={shouldAutoDownloadMediaInPrivateChats}\n onCheck={(isChecked) => setSettingOption({ shouldAutoDownloadMediaInPrivateChats: isChecked })}\n />\n <Checkbox\n label={lang('AutodownloadGroupChats')}\n checked={shouldAutoDownloadMediaInGroups}\n onCheck={(isChecked) => setSettingOption({ shouldAutoDownloadMediaInGroups: isChecked })}\n />\n <Checkbox\n label={lang('FilterChannels')}\n checked={shouldAutoDownloadMediaInChannels}\n onCheck={(isChecked) => setSettingOption({ shouldAutoDownloadMediaInChannels: isChecked })}\n />\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('AutoplayMedia')}</h4>\n\n <Checkbox\n label={lang('GifsTab2')}\n checked={shouldAutoPlayGifs}\n onCheck={(isChecked) => setSettingOption({ shouldAutoPlayGifs: isChecked })}\n />\n <Checkbox\n label={lang('VideosTitle')}\n checked={shouldAutoPlayVideos}\n onCheck={(isChecked) => setSettingOption({ shouldAutoPlayVideos: isChecked })}\n />\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('AccDescrStickers')}</h4>\n\n <Checkbox\n label={lang('SuggestStickers')}\n checked={shouldSuggestStickers}\n onCheck={(isChecked) => setSettingOption({ shouldSuggestStickers: isChecked })}\n />\n <Checkbox\n label={lang('LoopAnimatedStickers')}\n checked={shouldLoopStickers}\n onCheck={(isChecked) => setSettingOption({ shouldLoopStickers: isChecked })}\n />\n\n <div className=\"mt-4\" ref={stickerSettingsRef}>\n {stickerSets && stickerSets.map((stickerSet: ApiStickerSet) => (\n <SettingsStickerSet\n key={stickerSet.id}\n stickerSet={stickerSet}\n observeIntersection={observeIntersectionForCovers}\n onClick={handleStickerSetClick}\n />\n ))}\n </div>\n {sticker && (\n <StickerSetModal\n isOpen={isModalOpen}\n fromSticker={sticker}\n onClose={closeModal}\n />\n )}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n return {\n ...pick(global.settings.byKey,\n [\n 'messageTextSize',\n 'animationLevel',\n 'messageSendKeyCombo',\n 'shouldAutoDownloadMediaFromContacts',\n 'shouldAutoDownloadMediaInPrivateChats',\n 'shouldAutoDownloadMediaInGroups',\n 'shouldAutoDownloadMediaInChannels',\n 'shouldAutoPlayGifs',\n 'shouldAutoPlayVideos',\n 'shouldSuggestStickers',\n 'shouldLoopStickers',\n ]),\n stickerSetIds: global.stickers.added.setIds,\n stickerSetsById: global.stickers.setsById,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'setSettingOption', 'loadStickerSets', 'loadAddedStickers',\n ]),\n)(SettingsGeneral));\n","let fileSelector: HTMLInputElement;\n\nexport function openSystemFilesDialog(accept = '*', callback: (e: Event) => void, noMultiple = false) {\n if (!fileSelector) {\n fileSelector = document.createElement('input');\n fileSelector.setAttribute('type', 'file');\n }\n\n fileSelector.setAttribute('accept', accept);\n\n if (noMultiple) {\n fileSelector.removeAttribute('multiple');\n } else {\n fileSelector.setAttribute('multiple', 'multiple');\n }\n\n // eslint-disable-next-line no-null/no-null\n fileSelector.onchange = null;\n fileSelector.value = '';\n fileSelector.onchange = callback;\n\n fileSelector.click();\n}\n","/* eslint-disable eqeqeq */\n/* eslint-disable prefer-template */\n/* eslint-disable prefer-const */\n/* eslint-disable prefer-destructuring */\n/* eslint-disable one-var */\n/* eslint-disable one-var-declaration-per-line */\n\nimport { preloadImage } from './files';\n\n/**\n * HEX > RGB\n * input: 'xxxxxx' (ex. 'ed15fa') case-insensitive\n * output: [r, g, b] ([0-255, 0-255, 0-255])\n */\nexport function hex2rgb(param: string): [number, number, number] {\n return [\n parseInt(param.substring(0, 2), 16),\n parseInt(param.substring(2, 4), 16),\n parseInt(param.substring(4, 6), 16),\n ];\n}\n\n/**\n * RGB > HEX\n * input: [r, g, b] ([0-255, 0-255, 0-255])\n * output: 'xxxxxx' (ex. 'ff0000')\n */\nexport function rgb2hex(param: [number, number, number]) {\n const p0 = param[0].toString(16);\n const p1 = param[1].toString(16);\n const p2 = param[2].toString(16);\n return (p0.length == 1 ? '0' + p0 : p0) + (p1.length == 1 ? '0' + p1 : p1) + (p2.length == 1 ? '0' + p2 : p2);\n}\n\n/**\n * Converts an RGB color value to HSV. Conversion formula\n * adapted from http://en.wikipedia.org/wiki/HSV_color_space.\n * Assumes r, g, and b are contained in the set [0, 255] and\n * returns h, s, and v in the set [0, 1].\n *\n * @param Number r The red color value\n * @param Number g The green color value\n * @param Number b The blue color value\n * @return Array The HSV representation\n */\nexport function rgb2hsb([r, g, b]: [number, number, number]): [number, number, number] {\n r /= 255;\n g /= 255;\n b /= 255;\n\n let max = Math.max(r, g, b), min = Math.min(r, g, b);\n let h!: number, s: number, v: number = max;\n\n let d = max - min;\n s = max == 0 ? 0 : d / max;\n\n if (max == min) {\n h = 0; // achromatic\n } else {\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0);\n break;\n case g:\n h = (b - r) / d + 2;\n break;\n case b:\n h = (r - g) / d + 4;\n break;\n }\n\n h /= 6;\n }\n\n return [h, s, v];\n}\n\n/**\n * Converts an HSV color value to RGB. Conversion formula\n * adapted from http://en.wikipedia.org/wiki/HSV_color_space.\n * Assumes h, s, and v are contained in the set [0, 1] and\n * returns r, g, and b in the set [0, 255].\n *\n * @param Number h The hue\n * @param Number s The saturation\n * @param Number v The value\n * @return Array The RGB representation\n */\nexport function hsb2rgb([h, s, v]: [number, number, number]): [number, number, number] {\n let r!: number, g!: number, b!: number;\n\n let i = Math.floor(h * 6);\n let f = h * 6 - i;\n let p = v * (1 - s);\n let q = v * (1 - f * s);\n let t = v * (1 - (1 - f) * s);\n\n switch (i % 6) {\n case 0:\n r = v;\n g = t;\n b = p;\n break;\n case 1:\n r = q;\n g = v;\n b = p;\n break;\n case 2:\n r = p;\n g = v;\n b = t;\n break;\n case 3:\n r = p;\n g = q;\n b = v;\n break;\n case 4:\n r = t;\n g = p;\n b = v;\n break;\n case 5:\n r = v;\n g = p;\n b = q;\n break;\n }\n\n return [\n Math.round(r * 255),\n Math.round(g * 255),\n Math.round(b * 255),\n ];\n}\n\nexport async function getAverageColor(url: string): Promise<[number, number, number]> {\n // Only visit every 5 pixels\n const blockSize = 5;\n const defaultRGB: [number, number, number] = [0, 0, 0];\n let data;\n let width;\n let height;\n let i = -4;\n let length;\n let rgb: [number, number, number] = [0, 0, 0];\n let count = 0;\n\n const canvas = document.createElement('canvas');\n const context = canvas.getContext && canvas.getContext('2d');\n if (!context) {\n return defaultRGB;\n }\n\n const image = await preloadImage(url);\n height = image.naturalHeight || image.offsetHeight || image.height;\n width = image.naturalWidth || image.offsetWidth || image.width;\n canvas.height = height;\n canvas.width = width;\n\n context.drawImage(image, 0, 0);\n\n try {\n data = context.getImageData(0, 0, width, height);\n } catch (e) {\n return defaultRGB;\n }\n\n length = data.data.length;\n\n // eslint-disable-next-line no-cond-assign\n while ((i += blockSize * 4) < length) {\n ++count;\n rgb[0] += data.data[i];\n rgb[1] += data.data[i + 1];\n rgb[2] += data.data[i + 2];\n }\n\n rgb[0] = Math.floor(rgb[0] / count);\n rgb[1] = Math.floor(rgb[1] / count);\n rgb[2] = Math.floor(rgb[2] / count);\n\n return rgb;\n}\n\n// eslint-disable-next-line max-len\n// Function was adapted from https://github.com/telegramdesktop/tdesktop/blob/35ff621b5b52f7e3553fb0f990ea13ade7101b8e/Telegram/SourceFiles/data/data_wall_paper.cpp#L518\nexport function getPatternColor(rgbColor: [number, number, number]) {\n let [hue, saturation, value] = rgb2hsb(rgbColor);\n\n saturation = Math.min(1, saturation + 0.05 + 0.1 * (1 - saturation));\n value = value > 0.5\n ? Math.max(0, value * 0.65)\n : Math.max(0, Math.min(1, 1 - value * 0.65));\n\n return `hsla(${hue * 360}, ${saturation * 100}%, ${value * 100}%, .4)`;\n}\n","import React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { ApiWallpaper } from '../../../api/types';\nimport { UPLOADING_WALLPAPER_SLUG } from '../../../types';\n\nimport { CUSTOM_BG_CACHE_NAME } from '../../../config';\nimport * as cacheApi from '../../../util/cacheApi';\nimport { fetchBlob } from '../../../util/files';\nimport useTransitionForMedia from '../../../hooks/useTransitionForMedia';\nimport buildClassName from '../../../util/buildClassName';\nimport useMedia from '../../../hooks/useMedia';\nimport useMediaWithDownloadProgress from '../../../hooks/useMediaWithDownloadProgress';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport usePrevious from '../../../hooks/usePrevious';\nimport useCanvasBlur from '../../../hooks/useCanvasBlur';\n\nimport ProgressSpinner from '../../ui/ProgressSpinner';\n\nimport './WallpaperTile.scss';\n\ntype OwnProps = {\n wallpaper: ApiWallpaper;\n isSelected: boolean;\n onClick: (slug: string) => void;\n};\n\nconst WallpaperTile: FC<OwnProps> = ({\n wallpaper,\n isSelected,\n onClick,\n}) => {\n const { slug, document } = wallpaper;\n\n const localMediaHash = `wallpaper${document.id!}`;\n const localBlobUrl = document.previewBlobUrl;\n const previewBlobUrl = useMedia(`${localMediaHash}?size=m`);\n const thumbRef = useCanvasBlur(\n document.thumbnail && document.thumbnail.dataUri,\n Boolean(previewBlobUrl),\n true,\n );\n const {\n shouldRenderThumb, shouldRenderFullMedia, transitionClassNames,\n } = useTransitionForMedia(previewBlobUrl || localBlobUrl, 'slow');\n const [isDownloadAllowed, setIsDownloadAllowed] = useState(false);\n const {\n mediaData: fullMedia, downloadProgress,\n } = useMediaWithDownloadProgress(localMediaHash, !isDownloadAllowed);\n const wasDownloadDisabled = usePrevious(isDownloadAllowed) === false;\n const { shouldRender: shouldRenderSpinner, transitionClassNames: spinnerClassNames } = useShowTransition(\n (isDownloadAllowed && !fullMedia) || slug === UPLOADING_WALLPAPER_SLUG,\n undefined,\n wasDownloadDisabled,\n 'slow',\n );\n\n const handleSelect = useCallback(() => {\n (async () => {\n const blob = await fetchBlob(fullMedia!);\n await cacheApi.save(CUSTOM_BG_CACHE_NAME, CUSTOM_BG_CACHE_NAME, blob);\n onClick(slug);\n })();\n }, [fullMedia, onClick, slug]);\n\n useEffect(() => {\n if (fullMedia) {\n handleSelect();\n }\n }, [fullMedia, handleSelect]);\n\n const handleClick = useCallback(() => {\n if (fullMedia) {\n handleSelect();\n } else {\n setIsDownloadAllowed((isAllowed) => !isAllowed);\n }\n }, [fullMedia, handleSelect]);\n\n const className = buildClassName(\n 'WallpaperTile',\n isSelected && 'selected',\n );\n\n return (\n <div className={className} onClick={handleClick}>\n <div className=\"media-inner\">\n {shouldRenderThumb && (\n <canvas\n ref={thumbRef}\n className=\"thumbnail\"\n />\n )}\n {shouldRenderFullMedia && (\n <img\n src={previewBlobUrl || localBlobUrl}\n className={`full-media ${transitionClassNames}`}\n alt=\"\"\n />\n )}\n {shouldRenderSpinner && (\n <div className={buildClassName('spinner-container', spinnerClassNames)}>\n <ProgressSpinner progress={downloadProgress} onClick={handleClick} />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default memo(WallpaperTile);\n","import React, {\n FC, memo, useEffect, useCallback,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { SettingsScreens, UPLOADING_WALLPAPER_SLUG } from '../../../types';\nimport { ApiWallpaper } from '../../../api/types';\n\nimport { DEFAULT_PATTERN_COLOR } from '../../../config';\nimport { pick } from '../../../util/iteratees';\nimport { throttle } from '../../../util/schedulers';\nimport { openSystemFilesDialog } from '../../../util/systemFilesDialog';\nimport { getAverageColor, getPatternColor } from '../../../util/colors';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport Loading from '../../ui/Loading';\nimport WallpaperTile from './WallpaperTile';\n\nimport './SettingsGeneralBackground.scss';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n customBackground?: string;\n isBackgroundBlurred?: boolean;\n loadedWallpapers?: ApiWallpaper[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setSettingOption' | 'loadWallpapers' | 'uploadWallpaper'>;\n\nconst SUPPORTED_TYPES = 'image/jpeg';\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst SettingsGeneralBackground: FC<OwnProps & StateProps & DispatchProps> = ({\n onScreenSelect,\n customBackground,\n isBackgroundBlurred,\n loadedWallpapers,\n setSettingOption,\n loadWallpapers,\n uploadWallpaper,\n}) => {\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadWallpapers();\n });\n }, [loadWallpapers]);\n\n const handleFileSelect = useCallback((e: Event) => {\n const { files } = e.target as HTMLInputElement;\n\n if (files && files.length > 0) {\n uploadWallpaper(files[0]);\n }\n }, [uploadWallpaper]);\n\n const handleUploadWallpaper = useCallback(() => {\n openSystemFilesDialog(SUPPORTED_TYPES, handleFileSelect, true);\n }, [handleFileSelect]);\n\n const handleSetColor = useCallback(() => {\n onScreenSelect(SettingsScreens.GeneralChatBackgroundColor);\n }, [onScreenSelect]);\n\n const handleResetToDefault = useCallback(() => {\n setSettingOption({ customBackground: undefined, patternColor: DEFAULT_PATTERN_COLOR });\n }, [setSettingOption]);\n\n const handleWallPaperSelect = useCallback((slug: string) => {\n setSettingOption({ customBackground: slug });\n const currentWallpaper = loadedWallpapers && loadedWallpapers.find((wallpaper) => wallpaper.slug === slug);\n if (currentWallpaper && currentWallpaper.document.thumbnail) {\n getAverageColor(currentWallpaper.document.thumbnail.dataUri)\n .then((color) => {\n setSettingOption({ patternColor: getPatternColor(color) });\n });\n }\n }, [loadedWallpapers, setSettingOption]);\n\n const handleWallPaperBlurChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSettingOption({ isBackgroundBlurred: e.target.checked });\n }, [setSettingOption]);\n\n const lang = useLang();\n\n const isUploading = loadedWallpapers && loadedWallpapers[0] && loadedWallpapers[0].slug === UPLOADING_WALLPAPER_SLUG;\n\n return (\n <div className=\"SettingsGeneralBackground settings-content custom-scroll\">\n <div className=\"settings-item pt-3\">\n <ListItem\n icon=\"camera-add\"\n className=\"mb-0\"\n disabled={isUploading}\n onClick={handleUploadWallpaper}\n >\n {lang('UploadImage')}\n </ListItem>\n\n <ListItem\n icon=\"colorize\"\n className=\"mb-0\"\n onClick={handleSetColor}\n >\n {lang('SetColor')}\n </ListItem>\n\n <ListItem icon=\"favorite\" onClick={handleResetToDefault}>\n {lang('ThemeResetToDefaults')}\n </ListItem>\n\n <Checkbox\n label={lang('BackgroundBlurred')}\n checked={Boolean(isBackgroundBlurred)}\n onChange={handleWallPaperBlurChange}\n />\n </div>\n\n {loadedWallpapers ? (\n <div className=\"settings-wallpapers\">\n {loadedWallpapers.map((wallpaper) => (\n <WallpaperTile\n wallpaper={wallpaper}\n isSelected={customBackground === wallpaper.slug}\n onClick={handleWallPaperSelect}\n />\n ))}\n </div>\n ) : (\n <Loading />\n )}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { isBackgroundBlurred, customBackground } = global.settings.byKey;\n const { loadedWallpapers } = global.settings;\n\n return {\n customBackground,\n isBackgroundBlurred,\n loadedWallpapers,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'setSettingOption', 'loadWallpapers', 'uploadWallpaper',\n ]),\n)(SettingsGeneralBackground));\n","import { ChangeEvent, MutableRefObject, RefObject } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect, useRef, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { SettingsScreens } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport {\n getPatternColor, hex2rgb, hsb2rgb, rgb2hex, rgb2hsb,\n} from '../../../util/colors';\nimport { captureEvents, RealTouchEvent } from '../../../util/captureEvents';\nimport useFlag from '../../../hooks/useFlag';\nimport buildClassName from '../../../util/buildClassName';\n\nimport InputText from '../../ui/InputText';\n\nimport './SettingsGeneralBackgroundColor.scss';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n customBackground?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setSettingOption'>;\n\ninterface CanvasRects {\n colorRect: {\n offsetLeft: number;\n top: number;\n width: number;\n height: number;\n };\n hueRect: {\n offsetLeft: number;\n width: number;\n };\n}\n\nconst DEFAULT_HSB = rgb2hsb(hex2rgb('e6ebee'));\nconst PREDEFINED_COLORS = [\n '#e6ebee', '#b2cee1', '#008dd0', '#c6e7cb', '#c4e1a6', '#60b16e',\n '#ccd0af', '#a6a997', '#7a7072', '#fdd7af', '#fdb76e', '#dd8851',\n];\n\nconst SettingsGeneralBackground: FC<OwnProps & StateProps & DispatchProps> = ({\n customBackground,\n setSettingOption,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const colorPickerRef = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const huePickerRef = useRef<HTMLDivElement>(null);\n const isFirstRunRef = useRef(true);\n\n const [hsb, setHsb] = useState(getInitialHsb(customBackground));\n // Cache for drag handlers\n const hsbRef = useRef(hsb);\n useEffect(() => {\n hsbRef.current = hsb;\n }, [hsb]);\n\n const [isDragging, markIsDragging, unmarkIsDragging] = useFlag();\n const [rgbInput, setRgbInput] = useState('');\n const [hexInput, setHexInput] = useState('');\n\n const rectsRef = useRef<CanvasRects>();\n const colorCtxRef = useRef<CanvasRenderingContext2D>();\n\n // Setup: cache rects, subscribe for drag events\n useEffect(() => {\n // We use `offsetLeft` instead of `left` to support screen transition\n const colorRect = {\n offsetLeft: colorPickerRef.current!.offsetLeft,\n ...pick(colorPickerRef.current!.getBoundingClientRect(), ['top', 'width', 'height']),\n };\n const hueRect = {\n offsetLeft: huePickerRef.current!.offsetLeft,\n ...pick(huePickerRef.current!.getBoundingClientRect(), ['width']),\n };\n\n rectsRef.current = { colorRect, hueRect };\n\n function handleColorDrag(e: MouseEvent | RealTouchEvent) {\n const colorPosition = [\n Math.min(Math.max(0, e.pageX! - colorRect.offsetLeft), colorRect.width - 1),\n Math.min(Math.max(0, e.pageY! - colorRect.top + containerRef.current!.scrollTop), colorRect.height - 1),\n ];\n\n const { huePosition } = hsb2positions(hsbRef.current, rectsRef.current!);\n\n setHsb(positions2hsb({ colorPosition, huePosition }, rectsRef.current!));\n markIsDragging();\n }\n\n captureEvents(colorPickerRef.current!, {\n onCapture: handleColorDrag,\n onDrag: handleColorDrag,\n onRelease: unmarkIsDragging,\n onClick: unmarkIsDragging,\n withCursor: true,\n });\n\n function handleHueDrag(e: MouseEvent | RealTouchEvent) {\n const { colorPosition } = hsb2positions(hsbRef.current, rectsRef.current!);\n const huePosition = Math.min(Math.max(0, e.pageX! - hueRect.offsetLeft), hueRect.width - 1);\n\n setHsb(positions2hsb({ colorPosition, huePosition }, rectsRef.current!));\n markIsDragging();\n }\n\n captureEvents(huePickerRef.current!, {\n onCapture: handleHueDrag,\n onDrag: handleHueDrag,\n onRelease: unmarkIsDragging,\n onClick: unmarkIsDragging,\n withCursor: true,\n });\n }, [markIsDragging, unmarkIsDragging]);\n\n const { colorPosition = [0, 0], huePosition = 0 } = rectsRef.current ? hsb2positions(hsb, rectsRef.current) : {};\n const hex = rgb2hex(hsb2rgb(hsb));\n const hue = hsb[0];\n const hueHex = rgb2hex(hsb2rgb([hue, 1, 1]));\n\n // Save value and update inputs when HSL changes\n useEffect(() => {\n const rgb = hsb2rgb(hsb);\n const color = `#${rgb2hex(rgb)}`;\n\n setRgbInput(rgb.join(', '));\n setHexInput(color);\n\n if (!isFirstRunRef.current) {\n setSettingOption({\n customBackground: color,\n patternColor: getPatternColor(rgb),\n });\n }\n isFirstRunRef.current = false;\n }, [hsb, setSettingOption]);\n\n // Redraw color picker when hue changes\n useEffect(() => {\n drawColor(colorPickerRef.current!.firstChild as HTMLCanvasElement, hue, colorCtxRef, rectsRef);\n }, [hue]);\n\n // Initially draw hue picker\n useEffect(() => {\n drawHue(huePickerRef.current!.firstChild as HTMLCanvasElement);\n }, []);\n\n const handleRgbChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n const rgbValue = e.currentTarget.value.replace(/[^\\d, ]/g, '').slice(0, 13);\n\n if (rgbValue.match(/^\\d{1,3},\\s?\\d{1,3},\\s?\\d{1,3}$/)) {\n const rgb = rgbValue.split(',').map((channel) => Number(channel.trim())) as [number, number, number];\n setHsb(rgb2hsb(rgb));\n }\n\n e.currentTarget.value = rgbValue;\n }, []);\n\n const handleHexChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n const hexValue = e.currentTarget.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 6);\n\n if (hexValue.match(/^#?[0-9a-fA-F]{6}$/)) {\n setHsb(rgb2hsb(hex2rgb(hexValue.replace('#', ''))));\n }\n\n e.currentTarget.value = hexValue;\n }, []);\n\n const handlePredefinedColorClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n setHsb(rgb2hsb(hex2rgb(e.currentTarget.dataset.color!.replace('#', ''))));\n }, []);\n\n const className = buildClassName(\n 'SettingsGeneralBackgroundColor settings-content custom-scroll',\n isDragging && 'is-dragging',\n );\n\n return (\n <div ref={containerRef} className={className}>\n <div className=\"settings-item pt-3\">\n <div ref={colorPickerRef} className=\"color-picker\">\n <canvas />\n <div\n className=\"handle\"\n // @ts-ignore\n style={`transform: translate(${colorPosition[0]}px, ${colorPosition[1]}px); background-color: #${hex};`}\n />\n </div>\n <div ref={huePickerRef} className=\"hue-picker\">\n <canvas />\n <div\n className=\"handle\"\n // @ts-ignore\n style={`transform: translateX(${huePosition}px); background-color: #${hueHex};`}\n />\n </div>\n <div className=\"tools\">\n <InputText value={hexInput} label=\"HEX\" onChange={handleHexChange} />\n <InputText value={rgbInput} label=\"RGB\" onChange={handleRgbChange} />\n </div>\n </div>\n <div className=\"predefined-colors\">\n {PREDEFINED_COLORS.map((color) => (\n <div\n className={color === `#${hex}` ? 'active' : undefined}\n data-color={color}\n // @ts-ignore\n style={`background-color: ${color};`}\n onClick={handlePredefinedColorClick}\n />\n ))}\n </div>\n </div>\n );\n};\n\nfunction getInitialHsb(customBackground?: string) {\n return customBackground && customBackground.startsWith('#')\n ? rgb2hsb(hex2rgb(customBackground.replace('#', '')))\n : DEFAULT_HSB;\n}\n\nfunction hsb2positions(hsb: [number, number, number], rects: CanvasRects) {\n return {\n colorPosition: [\n Math.round((hsb[1]) * (rects.colorRect.width - 1)),\n Math.round((1 - hsb[2]) * (rects.colorRect.height - 1)),\n ],\n huePosition: Math.round(hsb[0] * (rects.hueRect.width - 1)),\n };\n}\n\nfunction positions2hsb(\n { colorPosition, huePosition }: { colorPosition: number[]; huePosition: number },\n rects: CanvasRects,\n): [number, number, number] {\n return [\n huePosition / (rects.hueRect.width - 1),\n colorPosition[0] / (rects.colorRect.width - 1),\n 1 - colorPosition[1] / (rects.colorRect.height - 1),\n ];\n}\n\nfunction drawColor(\n canvas: HTMLCanvasElement,\n hue: number,\n colorCtxRef: MutableRefObject<CanvasRenderingContext2D | undefined>,\n rectsRef: RefObject<CanvasRects | undefined>,\n) {\n let w: number;\n let h: number;\n let ctx: CanvasRenderingContext2D;\n\n if (!colorCtxRef.current || !rectsRef.current) {\n // First run\n w = canvas.offsetWidth;\n h = canvas.offsetHeight;\n ctx = canvas.getContext('2d')!;\n\n canvas.width = w;\n canvas.height = h;\n\n colorCtxRef.current = ctx;\n } else {\n w = rectsRef.current.colorRect.width;\n h = rectsRef.current.colorRect.height;\n ctx = colorCtxRef.current;\n }\n\n const imgData = ctx!.createImageData(w, h);\n const pixels = imgData.data;\n const col = hsb2rgb([hue, 1, 1]);\n\n let index = 0;\n\n for (let y = 0; y < h; y++) {\n const perY = 1 - y / (h - 1);\n const st = [255 * perY, 255 * perY, 255 * perY];\n const ed = [col[0] * perY, col[1] * perY, col[2] * perY];\n for (let x = 0; x < w; x++) {\n const perX = x / (w - 1);\n pixels[index++] = st[0] + (ed[0] - st[0]) * perX;\n pixels[index++] = st[1] + (ed[1] - st[1]) * perX;\n pixels[index++] = st[2] + (ed[2] - st[2]) * perX;\n pixels[index++] = 255;\n }\n }\n\n ctx!.putImageData(imgData, 0, 0);\n}\n\nfunction drawHue(canvas: HTMLCanvasElement) {\n const w = canvas.offsetWidth;\n const h = 1;\n canvas.width = w;\n canvas.height = h;\n const ctx = canvas.getContext('2d')!;\n\n const imgData = ctx.createImageData(w, h);\n const pixels = imgData.data;\n\n let index = 0;\n\n for (let x = 0; x < w; x++) {\n const hue = x / (w - 1);\n const rgb = hsb2rgb([hue, 1, 1]);\n /* eslint-disable prefer-destructuring */\n pixels[index++] = rgb[0];\n pixels[index++] = rgb[1];\n pixels[index++] = rgb[2];\n /* eslint-enable prefer-destructuring */\n pixels[index++] = 255;\n }\n\n ctx.putImageData(imgData, 0, 0);\n}\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n return {\n customBackground: global.settings.byKey.customBackground,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['setSettingOption']),\n)(SettingsGeneralBackground));\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\n\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\n\nimport Checkbox from '../../ui/Checkbox';\n\ntype StateProps = {\n hasPrivateChatsNotifications: boolean;\n hasPrivateChatsMessagePreview: boolean;\n hasGroupNotifications: boolean;\n hasGroupMessagePreview: boolean;\n hasBroadcastNotifications: boolean;\n hasBroadcastMessagePreview: boolean;\n hasContactJoinedNotifications: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'loadNotificationsSettings' | 'updateContactSignUpNotification' | 'updateNotificationSettings'\n)>;\n\nconst SettingsNotifications: FC<StateProps & DispatchProps> = ({\n hasPrivateChatsNotifications,\n hasPrivateChatsMessagePreview,\n hasGroupNotifications,\n hasGroupMessagePreview,\n hasBroadcastNotifications,\n hasBroadcastMessagePreview,\n hasContactJoinedNotifications,\n loadNotificationsSettings,\n updateContactSignUpNotification,\n updateNotificationSettings,\n}) => {\n useEffect(() => {\n loadNotificationsSettings();\n }, [loadNotificationsSettings]);\n\n const handleSettingsChange = useCallback((\n e: ChangeEvent<HTMLInputElement>,\n peerType: 'contact' | 'group' | 'broadcast',\n setting: 'silent' | 'showPreviews',\n ) => {\n const currentIsSilent = peerType === 'contact'\n ? !hasPrivateChatsNotifications\n : !(peerType === 'group' ? hasGroupNotifications : hasBroadcastNotifications);\n const currentIsShowPreviews = peerType === 'contact'\n ? hasPrivateChatsMessagePreview\n : (peerType === 'group' ? hasGroupMessagePreview : hasBroadcastMessagePreview);\n\n updateNotificationSettings({\n peerType,\n ...(setting === 'silent' && { isSilent: !e.target.checked, isShowPreviews: currentIsShowPreviews }),\n ...(setting === 'showPreviews' && { isShowPreviews: e.target.checked, isSilent: currentIsSilent }),\n });\n }, [\n hasBroadcastMessagePreview, hasBroadcastNotifications,\n hasGroupMessagePreview, hasGroupNotifications,\n hasPrivateChatsMessagePreview, hasPrivateChatsNotifications,\n updateNotificationSettings,\n ]);\n\n const handleContactNotificationChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n updateContactSignUpNotification({\n isSilent: !e.target.checked,\n });\n }, [updateContactSignUpNotification]);\n\n const lang = useLang();\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('AutodownloadPrivateChats')}</h4>\n\n <Checkbox\n label={lang('NotificationsForPrivateChats')}\n subLabel={lang(hasPrivateChatsNotifications ? 'NotificationsEnabled' : 'NotificationsDisabled')}\n checked={hasPrivateChatsNotifications}\n onChange={(e) => { handleSettingsChange(e, 'contact', 'silent'); }}\n />\n <Checkbox\n label={lang('MessagePreview')}\n subLabel={lang(hasPrivateChatsMessagePreview ? 'PreviewEnabled' : 'PreviewDisabled')}\n checked={hasPrivateChatsMessagePreview}\n onChange={(e) => { handleSettingsChange(e, 'contact', 'showPreviews'); }}\n />\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('FilterGroups')}</h4>\n\n <Checkbox\n label={lang('NotificationsForGroups')}\n subLabel={lang(hasGroupNotifications ? 'NotificationsEnabled' : 'NotificationsDisabled')}\n checked={hasGroupNotifications}\n onChange={(e) => { handleSettingsChange(e, 'group', 'silent'); }}\n />\n <Checkbox\n label={lang('MessagePreview')}\n subLabel={lang(hasGroupMessagePreview ? 'PreviewEnabled' : 'PreviewDisabled')}\n checked={hasGroupMessagePreview}\n onChange={(e) => { handleSettingsChange(e, 'group', 'showPreviews'); }}\n />\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('FilterChannels')}</h4>\n\n <Checkbox\n label={lang('NotificationsForChannels')}\n subLabel={lang(hasBroadcastNotifications ? 'NotificationsEnabled' : 'NotificationsDisabled')}\n checked={hasBroadcastNotifications}\n onChange={(e) => { handleSettingsChange(e, 'broadcast', 'silent'); }}\n />\n <Checkbox\n label={lang('MessagePreview')}\n subLabel={lang(hasBroadcastMessagePreview ? 'PreviewEnabled' : 'PreviewDisabled')}\n checked={hasBroadcastMessagePreview}\n onChange={(e) => { handleSettingsChange(e, 'broadcast', 'showPreviews'); }}\n />\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{lang('PhoneOther')}</h4>\n\n <Checkbox\n label={lang('ContactJoined')}\n checked={hasContactJoinedNotifications}\n onChange={handleContactNotificationChange}\n />\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal((global): StateProps => {\n return {\n hasPrivateChatsNotifications: Boolean(global.settings.byKey.hasPrivateChatsNotifications),\n hasPrivateChatsMessagePreview: Boolean(global.settings.byKey.hasPrivateChatsMessagePreview),\n hasGroupNotifications: Boolean(global.settings.byKey.hasGroupNotifications),\n hasGroupMessagePreview: Boolean(global.settings.byKey.hasGroupMessagePreview),\n hasBroadcastNotifications: Boolean(global.settings.byKey.hasBroadcastNotifications),\n hasBroadcastMessagePreview: Boolean(global.settings.byKey.hasBroadcastMessagePreview),\n hasContactJoinedNotifications: Boolean(global.settings.byKey.hasContactJoinedNotifications),\n };\n},\n(setGlobal, actions): DispatchProps => pick(actions, [\n 'loadNotificationsSettings',\n 'updateContactSignUpNotification',\n 'updateNotificationSettings',\n]))(SettingsNotifications));\n","import React, { FC, memo, useEffect } from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { PrivacyVisibility, SettingsScreens } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n hasPassword?: boolean;\n blockedCount: number;\n sessionsCount: number;\n visibilityPrivacyPhoneNumber?: PrivacyVisibility;\n visibilityPrivacyLastSeen?: PrivacyVisibility;\n visibilityPrivacyProfilePhoto?: PrivacyVisibility;\n visibilityPrivacyForwarding?: PrivacyVisibility;\n visibilityPrivacyGroupChats?: PrivacyVisibility;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadBlockedContacts' | 'loadAuthorizations' | 'loadPrivacySettings'>;\n\nconst SettingsPrivacy: FC<OwnProps & StateProps & DispatchProps> = ({\n onScreenSelect,\n hasPassword,\n blockedCount,\n sessionsCount,\n visibilityPrivacyPhoneNumber,\n visibilityPrivacyLastSeen,\n visibilityPrivacyProfilePhoto,\n visibilityPrivacyForwarding,\n visibilityPrivacyGroupChats,\n loadPrivacySettings,\n loadBlockedContacts,\n loadAuthorizations,\n}) => {\n useEffect(() => {\n loadBlockedContacts();\n loadAuthorizations();\n loadPrivacySettings();\n }, [loadBlockedContacts, loadAuthorizations, loadPrivacySettings]);\n\n const lang = useLang();\n\n function getVisibilityValue(visibility?: PrivacyVisibility) {\n switch (visibility) {\n case 'everybody':\n return lang('P2PEverybody');\n\n case 'contacts':\n return lang('P2PContacts');\n\n case 'nobody':\n return lang('P2PNobody');\n }\n\n return undefined;\n }\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-item pt-3\">\n <ListItem\n icon=\"delete-user\"\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyBlockedUsers)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('BlockedUsers')}</span>\n {blockedCount > 0 && (\n <span className=\"subtitle\">\n {lang('Users', blockedCount)}\n </span>\n )}\n </div>\n </ListItem>\n <ListItem\n icon=\"lock\"\n narrow\n onClick={() => onScreenSelect(\n hasPassword ? SettingsScreens.TwoFaEnabled : SettingsScreens.TwoFaDisabled,\n )}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('TwoStepVerification')}</span>\n <span className=\"subtitle\">{lang(hasPassword ? 'PasswordOn' : 'PasswordOff')}</span>\n </div>\n </ListItem>\n <ListItem\n icon=\"active-sessions\"\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyActiveSessions)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('SessionsTitle')}</span>\n {sessionsCount > 0 && (\n <span className=\"subtitle\">\n {sessionsCount === 1 ? '1 session' : `${sessionsCount} sessions`}\n </span>\n )}\n </div>\n </ListItem>\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header mb-4\">{lang('PrivacyTitle')}</h4>\n\n <ListItem\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyPhoneNumber)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('PrivacyPhoneTitle')}</span>\n <span className=\"subtitle\">{getVisibilityValue(visibilityPrivacyPhoneNumber)}</span>\n </div>\n </ListItem>\n <ListItem\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyLastSeen)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('LastSeenTitle')}</span>\n <span className=\"subtitle\">{getVisibilityValue(visibilityPrivacyLastSeen)}</span>\n </div>\n </ListItem>\n <ListItem\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyProfilePhoto)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('PrivacyProfilePhotoTitle')}</span>\n <span className=\"subtitle\">{getVisibilityValue(visibilityPrivacyProfilePhoto)}</span>\n </div>\n </ListItem>\n <ListItem\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyForwarding)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('PrivacyForwardsTitle')}</span>\n <span className=\"subtitle\">{getVisibilityValue(visibilityPrivacyForwarding)}</span>\n </div>\n </ListItem>\n <ListItem\n narrow\n onClick={() => onScreenSelect(SettingsScreens.PrivacyGroupChats)}\n >\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{lang('WhoCanAddMe')}</span>\n <span className=\"subtitle\">{getVisibilityValue(visibilityPrivacyGroupChats)}</span>\n </div>\n </ListItem>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n settings: {\n byKey: { hasPassword },\n privacy,\n },\n blocked,\n activeSessions,\n } = global;\n\n return {\n hasPassword,\n blockedCount: blocked.totalCount,\n sessionsCount: activeSessions.length,\n visibilityPrivacyPhoneNumber: privacy.phoneNumber && privacy.phoneNumber.visibility,\n visibilityPrivacyLastSeen: privacy.lastSeen && privacy.lastSeen.visibility,\n visibilityPrivacyProfilePhoto: privacy.profilePhoto && privacy.profilePhoto.visibility,\n visibilityPrivacyForwarding: privacy.forwards && privacy.forwards.visibility,\n visibilityPrivacyGroupChats: privacy.chatInvite && privacy.chatInvite.visibility,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadBlockedContacts', 'loadAuthorizations', 'loadPrivacySettings',\n ]),\n)(SettingsPrivacy));\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ISettings } from '../../../types';\nimport { ApiLanguage } from '../../../api/types';\n\nimport { setLanguage } from '../../../util/langProvider';\nimport { pick } from '../../../util/iteratees';\n\nimport RadioGroup from '../../ui/RadioGroup';\nimport Loading from '../../ui/Loading';\nimport useFlag from '../../../hooks/useFlag';\n\ntype StateProps = Pick<ISettings, 'languages' | 'language'>;\n\ntype DispatchProps = Pick<GlobalActions, 'loadLanguages' | 'setSettingOption'>;\n\nconst SettingsLanguage: FC<StateProps & DispatchProps> = ({\n languages,\n language,\n loadLanguages,\n setSettingOption,\n}) => {\n const [selectedLanguage, setSelectedLanguage] = useState<string>(language);\n const [isLoading, markIsLoading, unmarkIsLoading] = useFlag();\n\n // TODO Throttle\n useEffect(() => {\n loadLanguages();\n }, [loadLanguages]);\n\n const handleChange = useCallback((langCode: string) => {\n setSelectedLanguage(langCode);\n markIsLoading();\n\n setLanguage(langCode, () => {\n unmarkIsLoading();\n setSettingOption({ language: langCode });\n });\n }, [markIsLoading, unmarkIsLoading, setSettingOption]);\n\n const options = useMemo(() => {\n return languages ? buildOptions(languages) : undefined;\n }, [languages]);\n\n return (\n <div className=\"settings-content settings-item settings-language custom-scroll\">\n {options ? (\n <RadioGroup\n name=\"keyboard-send-settings\"\n options={options}\n selected={selectedLanguage}\n loadingOption={isLoading ? selectedLanguage : undefined}\n onChange={handleChange}\n />\n ) : (\n <Loading />\n )}\n </div>\n );\n};\n\nfunction buildOptions(languages: ApiLanguage[]) {\n const currentLangCode = (window.navigator.language || 'en').toLowerCase();\n const shortLangCode = currentLangCode.substr(0, 2);\n\n return languages.map(({ langCode, nativeName, name }) => ({\n value: langCode,\n label: nativeName,\n subLabel: name,\n })).sort((a) => {\n return currentLangCode && (a.value === currentLangCode || a.value === shortLangCode) ? -1 : 0;\n });\n}\n\nexport default memo(withGlobal(\n (global): StateProps => {\n return {\n languages: global.settings.byKey.languages,\n language: global.settings.byKey.language,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadLanguages', 'setSettingOption',\n ]),\n)(SettingsLanguage));\n","import { ApiPrivacyKey, SettingsScreens } from '../../../../types';\n\nexport function getPrivacyKey(screen: SettingsScreens): ApiPrivacyKey | undefined {\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumber:\n case SettingsScreens.PrivacyPhoneNumberAllowedContacts:\n case SettingsScreens.PrivacyPhoneNumberDeniedContacts:\n return 'phoneNumber';\n case SettingsScreens.PrivacyLastSeen:\n case SettingsScreens.PrivacyLastSeenAllowedContacts:\n case SettingsScreens.PrivacyLastSeenDeniedContacts:\n return 'lastSeen';\n case SettingsScreens.PrivacyProfilePhoto:\n case SettingsScreens.PrivacyProfilePhotoAllowedContacts:\n case SettingsScreens.PrivacyProfilePhotoDeniedContacts:\n return 'profilePhoto';\n case SettingsScreens.PrivacyForwarding:\n case SettingsScreens.PrivacyForwardingAllowedContacts:\n case SettingsScreens.PrivacyForwardingDeniedContacts:\n return 'forwards';\n case SettingsScreens.PrivacyGroupChats:\n case SettingsScreens.PrivacyGroupChatsAllowedContacts:\n case SettingsScreens.PrivacyGroupChatsDeniedContacts:\n return 'chatInvite';\n }\n\n return undefined;\n}\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat, ApiUser } from '../../../api/types';\nimport { ApiPrivacySettings, SettingsScreens } from '../../../types';\n\nimport useLang from '../../../hooks/useLang';\nimport { pick } from '../../../util/iteratees';\n\nimport ListItem from '../../ui/ListItem';\nimport RadioGroup from '../../ui/RadioGroup';\nimport { getPrivacyKey } from './helper/privacy';\n\ntype OwnProps = {\n screen: SettingsScreens;\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = Partial<ApiPrivacySettings> & {\n chatsById?: Record<number, ApiChat>;\n usersById?: Record<number, ApiUser>;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setPrivacyVisibility'>;\n\nconst SettingsPrivacyVisibility: FC<OwnProps & StateProps & DispatchProps> = ({\n screen,\n onScreenSelect,\n visibility,\n allowUserIds,\n allowChatIds,\n blockUserIds,\n blockChatIds,\n chatsById,\n setPrivacyVisibility,\n}) => {\n const lang = useLang();\n\n const visibilityOptions = useMemo(() => {\n switch (screen) {\n case SettingsScreens.PrivacyProfilePhoto:\n case SettingsScreens.PrivacyGroupChats:\n return [\n { value: 'everybody', label: lang('P2PEverybody') },\n { value: 'contacts', label: lang('P2PContacts') },\n ];\n\n default:\n return [\n { value: 'everybody', label: lang('P2PEverybody') },\n { value: 'contacts', label: lang('P2PContacts') },\n { value: 'nobody', label: lang('P2PNobody') },\n ];\n }\n }, [lang, screen]);\n\n const exceptionLists = {\n shouldShowDenied: visibility !== 'nobody',\n shouldShowAllowed: visibility !== 'everybody',\n };\n\n const privacyKey = getPrivacyKey(screen);\n\n const headerText = useMemo(() => {\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumber:\n return lang('PrivacyPhoneTitle');\n case SettingsScreens.PrivacyLastSeen:\n return lang('LastSeenTitle');\n case SettingsScreens.PrivacyProfilePhoto:\n return lang('PrivacyProfilePhotoTitle');\n case SettingsScreens.PrivacyForwarding:\n return lang('PrivacyForwardsTitle');\n case SettingsScreens.PrivacyGroupChats:\n return lang('WhoCanAddMe');\n default:\n return undefined;\n }\n }, [lang, screen]);\n\n const descriptionText = useMemo(() => {\n switch (screen) {\n case SettingsScreens.PrivacyLastSeen:\n return lang('CustomHelp');\n default:\n return undefined;\n }\n }, [lang, screen]);\n\n const allowedContactsScreen = (() => {\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumber:\n return SettingsScreens.PrivacyPhoneNumberAllowedContacts;\n case SettingsScreens.PrivacyLastSeen:\n return SettingsScreens.PrivacyLastSeenAllowedContacts;\n case SettingsScreens.PrivacyProfilePhoto:\n return SettingsScreens.PrivacyProfilePhotoAllowedContacts;\n case SettingsScreens.PrivacyForwarding:\n return SettingsScreens.PrivacyForwardingAllowedContacts;\n default:\n return SettingsScreens.PrivacyGroupChatsAllowedContacts;\n }\n })();\n\n const deniedContactsScreen = (() => {\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumber:\n return SettingsScreens.PrivacyPhoneNumberDeniedContacts;\n case SettingsScreens.PrivacyLastSeen:\n return SettingsScreens.PrivacyLastSeenDeniedContacts;\n case SettingsScreens.PrivacyProfilePhoto:\n return SettingsScreens.PrivacyProfilePhotoDeniedContacts;\n case SettingsScreens.PrivacyForwarding:\n return SettingsScreens.PrivacyForwardingDeniedContacts;\n default:\n return SettingsScreens.PrivacyGroupChatsDeniedContacts;\n }\n })();\n\n const allowedCount = useMemo(() => {\n if (!allowUserIds || !allowChatIds || !chatsById) {\n return 0;\n }\n\n return allowChatIds.reduce((result, chatId) => {\n return result + (chatsById[chatId] ? chatsById[chatId].membersCount! : 0);\n }, allowUserIds.length);\n }, [allowChatIds, allowUserIds, chatsById]);\n\n const blockCount = useMemo(() => {\n if (!blockUserIds || !blockChatIds || !chatsById) {\n return 0;\n }\n\n return blockChatIds.reduce((result, chatId) => {\n return result + (chatsById[chatId] ? chatsById[chatId].membersCount! : 0);\n }, blockUserIds.length);\n }, [blockChatIds, blockUserIds, chatsById]);\n\n const handleVisibilityChange = useCallback((value) => {\n setPrivacyVisibility({\n privacyKey,\n visibility: value,\n });\n }, [privacyKey, setPrivacyVisibility]);\n\n return (\n <div className=\"settings-content custom-scroll\">\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header\">{headerText}</h4>\n\n <RadioGroup\n name={`visibility-${privacyKey}`}\n options={visibilityOptions}\n onChange={handleVisibilityChange}\n selected={visibility}\n />\n\n {descriptionText && (\n <p className=\"settings-item-description-larger\">{descriptionText}</p>\n )}\n </div>\n\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header mb-4\">{lang('PrivacyExceptions')}</h4>\n\n {exceptionLists.shouldShowAllowed && (\n <ListItem\n narrow\n icon=\"add-user\"\n onClick={() => { onScreenSelect(allowedContactsScreen); }}\n >\n <div className=\"multiline-menu-item full-size\">\n {allowedCount > 0 && <span className=\"date\">+{allowedCount}</span>}\n <span className=\"title\">{lang('AlwaysShareWith')}</span>\n <span className=\"subtitle\">{lang('EditAdminAddUsers')}</span>\n </div>\n </ListItem>\n )}\n {exceptionLists.shouldShowDenied && (\n <ListItem\n narrow\n icon=\"delete-user\"\n onClick={() => { onScreenSelect(deniedContactsScreen); }}\n >\n <div className=\"multiline-menu-item full-size\">\n {blockCount > 0 && <span className=\"date\">&minus;{blockCount}</span>}\n <span className=\"title\">{lang('NeverShareWith')}</span>\n <span className=\"subtitle\">{lang('EditAdminAddUsers')}</span>\n </div>\n </ListItem>\n )}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { screen }): StateProps => {\n let privacySettings: ApiPrivacySettings | undefined;\n\n const {\n chats: { byId: chatsById },\n settings: { privacy },\n } = global;\n\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumber:\n privacySettings = privacy.phoneNumber;\n break;\n\n case SettingsScreens.PrivacyLastSeen:\n privacySettings = privacy.lastSeen;\n break;\n\n case SettingsScreens.PrivacyProfilePhoto:\n privacySettings = privacy.profilePhoto;\n break;\n\n case SettingsScreens.PrivacyForwarding:\n privacySettings = privacy.forwards;\n break;\n\n case SettingsScreens.PrivacyGroupChats:\n privacySettings = privacy.chatInvite;\n break;\n }\n\n if (!privacySettings) {\n return {};\n }\n\n return {\n ...privacySettings,\n chatsById,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['setPrivacyVisibility']),\n)(SettingsPrivacyVisibility));\n","import React, {\n FC, memo, useCallback, useEffect, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiSession } from '../../../api/types';\n\nimport { pick } from '../../../util/iteratees';\nimport { formatPastTimeShort } from '../../../util/dateFormat';\nimport useFlag from '../../../hooks/useFlag';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\ntype StateProps = {\n activeSessions: ApiSession[];\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'loadAuthorizations' | 'terminateAuthorization' | 'terminateAllAuthorizations'\n)>;\n\nconst SettingsPrivacyActiveSessions: FC<StateProps & DispatchProps> = ({\n activeSessions,\n loadAuthorizations,\n terminateAuthorization,\n terminateAllAuthorizations,\n}) => {\n const [isConfirmTerminateAllDialogOpen, openConfirmTerminateAllDialog, closeConfirmTerminateAllDialog] = useFlag();\n useEffect(() => {\n loadAuthorizations();\n }, [loadAuthorizations]);\n\n const handleTerminateSessionClick = useCallback((hash: string) => {\n terminateAuthorization({ hash });\n }, [terminateAuthorization]);\n\n const handleTerminateAllSessions = useCallback(() => {\n closeConfirmTerminateAllDialog();\n terminateAllAuthorizations();\n }, [closeConfirmTerminateAllDialog, terminateAllAuthorizations]);\n\n const currentSession = useMemo(() => {\n return activeSessions.find((session) => session.isCurrent);\n }, [activeSessions]);\n\n const otherSessions = useMemo(() => {\n return activeSessions.filter((session) => !session.isCurrent);\n }, [activeSessions]);\n\n const lang = useLang();\n\n function renderCurrentSession(session: ApiSession) {\n return (\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header mb-4\">{lang('AuthSessions.CurrentSession')}</h4>\n\n <ListItem narrow inactive>\n <div className=\"multiline-menu-item\">\n <span className=\"title\">{session.appName}</span>\n <span className=\"subtitle black tight\">{getDeviceEnvironment(session)}</span>\n <span className=\"subtitle\">{session.ip} - {getLocation(session)}</span>\n </div>\n </ListItem>\n\n <ListItem\n className=\"destructive mb-0\"\n icon=\"stop\"\n ripple\n narrow\n onClick={openConfirmTerminateAllDialog}\n >\n {lang('TerminateAllSessions')}\n </ListItem>\n </div>\n );\n }\n\n function renderOtherSessions(sessions: ApiSession[]) {\n return (\n <div className=\"settings-item\">\n <h4 className=\"settings-item-header mb-4\">Other Sessions</h4>\n\n {sessions.map(renderSession)}\n </div>\n );\n }\n\n function renderSession(session: ApiSession) {\n return (\n <ListItem\n key={session.hash}\n ripple\n narrow\n contextActions={[{\n title: 'Terminate',\n icon: 'stop',\n handler: () => {\n handleTerminateSessionClick(session.hash);\n },\n }]}\n >\n <div className=\"multiline-menu-item full-size\">\n <span className=\"date\">{formatPastTimeShort(session.dateActive * 1000)}</span>\n <span className=\"title\">{session.appName}</span>\n <span className=\"subtitle black tight\">{getDeviceEnvironment(session)}</span>\n <span className=\"subtitle\">{session.ip} - {getLocation(session)}</span>\n </div>\n </ListItem>\n );\n }\n\n return (\n <div className=\"settings-content custom-scroll\">\n {currentSession && renderCurrentSession(currentSession)}\n\n {otherSessions && renderOtherSessions(otherSessions)}\n\n {otherSessions && (\n <ConfirmDialog\n isOpen={isConfirmTerminateAllDialogOpen}\n onClose={closeConfirmTerminateAllDialog}\n text=\"Are you sure you want to terminate all other sessions?\"\n confirmLabel=\"Terminate All Other Sessions\"\n confirmHandler={handleTerminateAllSessions}\n confirmIsDestructive\n />\n )};\n </div>\n );\n};\n\nfunction getLocation(session: ApiSession) {\n return [session.region, session.country].filter(Boolean).join(', ');\n}\n\nfunction getDeviceEnvironment(session: ApiSession) {\n return `${session.deviceModel}${session.deviceModel ? ', ' : ''} ${session.platform} ${session.systemVersion}`;\n}\n\nexport default memo(withGlobal(\n (global): StateProps => ({ activeSessions: global.activeSessions }),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadAuthorizations', 'terminateAuthorization', 'terminateAllAuthorizations',\n ]),\n)(SettingsPrivacyActiveSessions));\n","import React, {\n FC, memo, useCallback,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat, ApiUser } from '../../../api/types';\n\nimport { CHAT_HEIGHT_PX } from '../../../config';\nimport { formatPhoneNumberWithCode } from '../../../util/phoneNumber';\nimport { pick } from '../../../util/iteratees';\nimport {\n getChatTitle, getUserFullName, isChatPrivate,\n} from '../../../modules/helpers';\nimport renderText from '../../common/helpers/renderText';\nimport buildClassName from '../../../util/buildClassName';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Avatar from '../../common/Avatar';\nimport Loading from '../../ui/Loading';\n\ntype StateProps = {\n chatsByIds: Record<number, ApiChat>;\n usersByIds: Record<number, ApiUser>;\n blockedIds: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'unblockContact'>;\n\nconst SettingsPrivacyBlockedUsers: FC<StateProps & DispatchProps> = ({\n chatsByIds,\n usersByIds,\n blockedIds,\n unblockContact,\n}) => {\n const handleUnblockClick = useCallback((contactId: number) => {\n unblockContact({ contactId });\n }, [unblockContact]);\n\n const lang = useLang();\n\n function renderContact(contactId: number, i: number, viewportOffset: number) {\n const isPrivate = isChatPrivate(contactId);\n const user = isPrivate ? usersByIds[contactId] : undefined;\n const chat = !isPrivate ? chatsByIds[contactId] : undefined;\n\n const className = buildClassName(\n 'Chat chat-item-clickable blocked-list-item',\n isPrivate ? 'private' : 'group',\n );\n\n return (\n <ListItem\n key={contactId}\n className={className}\n ripple\n narrow\n contextActions={[{\n title: 'Unblock',\n icon: 'unlock',\n handler: () => {\n handleUnblockClick(contactId);\n },\n }]}\n style={`top: ${(viewportOffset + i) * CHAT_HEIGHT_PX}px;`}\n >\n <Avatar size=\"medium\" user={user} chat={chat} />\n <div className=\"contact-info\">\n <h3>{renderText((isPrivate ? getUserFullName(user) : getChatTitle(chat!)) || '')}</h3>\n {user && user.phoneNumber && (\n <div className=\"contact-phone\">{formatPhoneNumberWithCode(user.phoneNumber)}</div>\n )}\n {user && !user.phoneNumber && user.username && (\n <div className=\"contact-username\">@{user.username}</div>\n )}\n </div>\n </ListItem>\n );\n }\n\n return (\n <div className=\"settings-fab-wrapper\">\n <div className=\"settings-content infinite-scroll\">\n <div className=\"settings-item\">\n <p className=\"settings-item-description-larger mt-0 mb-2\">\n {lang('BlockedUsersInfo')}\n </p>\n </div>\n\n <div className=\"chat-list custom-scroll\">\n {blockedIds && blockedIds.length ? (\n <div className=\"scroll-container\">\n {blockedIds!.map((contactId, i) => renderContact(contactId, i, 0))}\n </div>\n ) : blockedIds && !blockedIds.length ? (\n <div className=\"no-results\">\n List is empty\n </div>\n ) : (\n <Loading key=\"loading\" />\n )}\n </div>\n </div>\n\n <FloatingActionButton\n isShown\n onClick={() => {\n }}\n className=\"not-implemented\"\n ariaLabel=\"Add a blocked user\"\n >\n <i className=\"icon-add\" />\n </FloatingActionButton>\n </div>\n );\n};\n\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const {\n chats: {\n byId: chatsByIds,\n },\n users: {\n byId: usersByIds,\n },\n blocked: {\n ids,\n },\n } = global;\n\n return {\n chatsByIds,\n usersByIds,\n blockedIds: ids,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['unblockContact']),\n)(SettingsPrivacyBlockedUsers));\n","import React, { FC, memo } from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../../api/types';\nimport { SettingsScreens } from '../../../../types';\n\nimport { selectAnimatedEmoji } from '../../../../modules/selectors';\nimport useLang from '../../../../hooks/useLang';\n\nimport ListItem from '../../../ui/ListItem';\nimport AnimatedEmoji from '../../../common/AnimatedEmoji';\nimport renderText from '../../../common/helpers/renderText';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n animatedEmoji: ApiSticker;\n};\n\nconst SettingsTwoFaEnabled: FC<OwnProps & StateProps> = ({\n animatedEmoji, onScreenSelect,\n}) => {\n const lang = useLang();\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <AnimatedEmoji sticker={animatedEmoji} />\n\n <p className=\"settings-item-description mb-3\">\n {renderText(lang('EnabledPasswordText'), ['br'])}\n </p>\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <ListItem\n icon=\"edit\"\n onClick={() => onScreenSelect(SettingsScreens.TwoFaChangePasswordCurrent)}\n >\n {lang('ChangePassword')}\n </ListItem>\n <ListItem\n icon=\"password-off\"\n onClick={() => onScreenSelect(SettingsScreens.TwoFaTurnOff)}\n >\n {lang('TurnPasswordOff')}\n </ListItem>\n <ListItem\n icon=\"email\"\n onClick={() => onScreenSelect(SettingsScreens.TwoFaRecoveryEmailCurrentPassword)}\n >\n {lang('SetRecoveryEmail')}\n </ListItem>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>((global) => {\n return {\n animatedEmoji: selectAnimatedEmoji(global, '🔐'),\n };\n})(SettingsTwoFaEnabled));\n","import React, {\n FC, memo, useCallback, useState,\n} from '../../../../lib/teact/teact';\n\nimport useLang from '../../../../hooks/useLang';\n\nimport PasswordMonkey from '../../../common/PasswordMonkey';\nimport PasswordForm from '../../../common/PasswordForm';\n\ntype OwnProps = {\n error?: string;\n isLoading?: boolean;\n expectedPassword?: string;\n placeholder?: string;\n hint?: string;\n submitLabel?: string;\n clearError?: NoneToVoidFunction;\n onSubmit: (password: string) => void;\n};\n\nconst EQUAL_PASSWORD_ERROR = 'Passwords Should Be Equal';\n\nconst SettingsTwoFaPassword: FC<OwnProps> = ({\n error,\n isLoading,\n expectedPassword,\n placeholder = 'Current Password',\n hint,\n submitLabel,\n clearError,\n onSubmit,\n}) => {\n const [validationError, setValidationError] = useState<string>('');\n const [shouldShowPassword, setShouldShowPassword] = useState(false);\n\n const handleSubmit = useCallback((newPassword) => {\n if (expectedPassword && newPassword !== expectedPassword) {\n setValidationError(EQUAL_PASSWORD_ERROR);\n } else {\n onSubmit(newPassword);\n }\n }, [onSubmit, expectedPassword]);\n\n const handleClearError = useCallback(() => {\n if (clearError) {\n clearError();\n }\n setValidationError('');\n }, [clearError]);\n\n const lang = useLang();\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <PasswordMonkey isBig isPasswordVisible={shouldShowPassword} />\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <PasswordForm\n error={validationError || error}\n hint={hint}\n placeholder={placeholder}\n submitLabel={submitLabel || lang('Next')}\n clearError={handleClearError}\n isLoading={isLoading}\n isPasswordVisible={shouldShowPassword}\n onChangePasswordVisibility={setShouldShowPassword}\n onSubmit={handleSubmit}\n />\n </div>\n </div>\n );\n};\n\nexport default memo(SettingsTwoFaPassword);\n","import React, { FC, memo } from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../../api/types';\n\nimport { selectAnimatedEmoji } from '../../../../modules/selectors';\nimport useLang from '../../../../hooks/useLang';\n\nimport Button from '../../../ui/Button';\nimport AnimatedEmoji from '../../../common/AnimatedEmoji';\n\ntype OwnProps = {\n onStart: NoneToVoidFunction;\n};\n\ntype StateProps = {\n animatedEmoji: ApiSticker;\n};\n\nconst SettingsTwoFaStart: FC<OwnProps & StateProps> = ({ animatedEmoji, onStart }) => {\n const lang = useLang();\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <AnimatedEmoji sticker={animatedEmoji} />\n\n <p className=\"settings-item-description mb-3\">\n {lang('SetAdditionalPasswordInfo')}\n </p>\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <Button onClick={onStart}>{lang('EditAdminTransferSetPassword')}</Button>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>((global) => {\n return {\n animatedEmoji: selectAnimatedEmoji(global, '🔐'),\n };\n})(SettingsTwoFaStart));\n","import React, {\n FC, memo, useEffect, useRef, useState,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../../api/types';\n\nimport { IS_MOBILE_SCREEN, IS_TOUCH_ENV } from '../../../../util/environment';\nimport { selectAnimatedEmoji } from '../../../../modules/selectors';\nimport useFlag from '../../../../hooks/useFlag';\nimport useLang from '../../../../hooks/useLang';\n\nimport Button from '../../../ui/Button';\nimport Modal from '../../../ui/Modal';\nimport AnimatedEmoji from '../../../common/AnimatedEmoji';\nimport InputText from '../../../ui/InputText';\nimport renderText from '../../../common/helpers/renderText';\n\ntype OwnProps = {\n icon: 'hint' | 'email';\n type?: 'text' | 'email';\n isLoading?: boolean;\n error?: string;\n placeholder: string;\n shouldConfirm?: boolean;\n clearError?: NoneToVoidFunction;\n onSubmit: (value?: string) => void;\n};\n\ntype StateProps = {\n animatedEmoji: ApiSticker;\n};\n\nconst FOCUS_DELAY_TIMEOUT_MS = IS_MOBILE_SCREEN ? 550 : 400;\n\nconst SettingsTwoFaSkippableForm: FC<OwnProps & StateProps> = ({\n animatedEmoji,\n type = 'text',\n isLoading,\n error,\n placeholder,\n shouldConfirm,\n clearError,\n onSubmit,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n\n const [value, setValue] = useState<string>('');\n const [isConfirmShown, markIsConfirmShown, unmarkIsConfirmShown] = useFlag(false);\n\n useEffect(() => {\n if (!IS_TOUCH_ENV) {\n setTimeout(() => {\n inputRef.current!.focus();\n }, FOCUS_DELAY_TIMEOUT_MS);\n }\n }, []);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (error && clearError) {\n clearError();\n }\n\n setValue(e.target.value);\n };\n\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n if (!inputRef.current) {\n return;\n }\n\n onSubmit(value);\n };\n\n const handleSkip = () => {\n onSubmit();\n };\n\n const handleSkipConfirm = () => {\n unmarkIsConfirmShown();\n onSubmit();\n };\n\n const lang = useLang();\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <AnimatedEmoji sticker={animatedEmoji} />\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <form action=\"\" onSubmit={handleSubmit}>\n <InputText\n ref={inputRef}\n value={value}\n inputMode={type}\n label={placeholder}\n error={error}\n onChange={handleInputChange}\n />\n\n {value ? (\n <Button type=\"submit\" isLoading={isLoading} ripple>{lang('Continue')}</Button>\n ) : (\n <Button\n isText\n isLoading={isLoading}\n ripple\n onClick={shouldConfirm ? markIsConfirmShown : handleSkip}\n >\n {lang('YourEmailSkip')}\n </Button>\n )}\n </form>\n {shouldConfirm && (\n <Modal\n className=\"narrow\"\n isOpen={isConfirmShown}\n title={lang('YourEmailSkipWarning')}\n onClose={unmarkIsConfirmShown}\n >\n {renderText(lang('YourEmailSkipWarningText'), ['br', 'simple_markdown'])}\n <div className=\"dialog-buttons\">\n <Button\n color=\"danger\"\n ripple\n isText\n className=\"confirm-dialog-button\"\n onClick={handleSkipConfirm}\n >\n {lang('YourEmailSkip')}\n </Button>\n <Button\n color=\"primary\"\n ripple\n isText\n className=\"confirm-dialog-button\"\n onClick={unmarkIsConfirmShown}\n >\n {lang('Cancel')}\n </Button>\n </div>\n </Modal>\n )}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>((global, { icon }) => {\n return {\n animatedEmoji: selectAnimatedEmoji(global, icon === 'email' ? '💌' : '💡'),\n };\n})(SettingsTwoFaSkippableForm));\n","import React, { FC, memo } from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../../api/types';\nimport { SettingsScreens } from '../../../../types';\n\nimport { selectAnimatedEmoji } from '../../../../modules/selectors';\nimport useLang from '../../../../hooks/useLang';\n\nimport Button from '../../../ui/Button';\nimport AnimatedEmoji from '../../../common/AnimatedEmoji';\n\ntype OwnProps = {\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n animatedEmoji: ApiSticker;\n};\n\nconst SettingsTwoFaCongratulations: FC<OwnProps & StateProps> = ({\n animatedEmoji, onScreenSelect,\n}) => {\n const lang = useLang();\n\n const handleClick = () => {\n onScreenSelect(SettingsScreens.Privacy);\n };\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <AnimatedEmoji sticker={animatedEmoji} />\n\n <p className=\"settings-item-description mb-3\">\n {lang('TwoStepVerificationPasswordSetInfo')}\n </p>\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <Button onClick={handleClick}>{lang('TwoStepVerificationPasswordReturnSettings')}</Button>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>((global) => {\n return {\n animatedEmoji: selectAnimatedEmoji(global, '🥳'),\n };\n})(SettingsTwoFaCongratulations));\n","import React, {\n FC, memo, useEffect, useRef, useState,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../../api/types';\n\nimport { IS_MOBILE_SCREEN, IS_TOUCH_ENV } from '../../../../util/environment';\nimport { selectAnimatedEmoji } from '../../../../modules/selectors';\nimport useLang from '../../../../hooks/useLang';\n\nimport AnimatedEmoji from '../../../common/AnimatedEmoji';\nimport InputText from '../../../ui/InputText';\nimport Loading from '../../../ui/Loading';\n\ntype OwnProps = {\n isLoading?: boolean;\n error?: string;\n clearError: NoneToVoidFunction;\n onSubmit: (hint: string) => void;\n};\n\ntype StateProps = {\n animatedEmoji: ApiSticker;\n codeLength: number;\n};\n\nconst FOCUS_DELAY_TIMEOUT_MS = IS_MOBILE_SCREEN ? 550 : 400;\n\nconst SettingsTwoFaEmailCode: FC<OwnProps & StateProps> = ({\n animatedEmoji,\n codeLength,\n isLoading,\n error,\n clearError,\n onSubmit,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n\n const [value, setValue] = useState<string>('');\n\n useEffect(() => {\n if (!IS_TOUCH_ENV) {\n setTimeout(() => {\n inputRef.current!.focus();\n }, FOCUS_DELAY_TIMEOUT_MS);\n }\n }, []);\n\n const lang = useLang();\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (error && clearError) {\n clearError();\n }\n\n const newValue = e.target.value.slice(0, codeLength);\n\n if (newValue.length === codeLength) {\n onSubmit(newValue);\n }\n\n setValue(newValue);\n e.target.value = newValue;\n };\n\n return (\n <div className=\"settings-content two-fa custom-scroll\">\n <div className=\"settings-content-header\">\n <AnimatedEmoji sticker={animatedEmoji} />\n </div>\n\n <div className=\"settings-item pt-0 no-border\">\n <InputText\n value={value}\n ref={inputRef}\n inputMode=\"decimal\"\n label={lang('YourEmailCode')}\n error={error}\n onChange={handleInputChange}\n />\n {isLoading && <Loading />}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>((global) => {\n return {\n animatedEmoji: selectAnimatedEmoji(global, '💌'),\n codeLength: global.twoFaSettings.waitingEmailCodeLength,\n };\n})(SettingsTwoFaEmailCode));\n","import React, {\n FC, memo, useCallback, useEffect,\n} from '../../../../lib/teact/teact';\nimport { withGlobal } from '../../../../lib/teact/teactn';\n\nimport { GlobalActions, GlobalState } from '../../../../global/types';\nimport { SettingsScreens } from '../../../../types';\n\nimport { pick } from '../../../../util/iteratees';\nimport { TwoFaDispatch, TwoFaState } from '../../../../hooks/reducers/useTwoFaReducer';\nimport useLang from '../../../../hooks/useLang';\n\nimport SettingsTwoFaEnabled from './SettingsTwoFaEnabled';\nimport SettingsTwoFaPassword from './SettingsTwoFaPassword';\nimport SettingsTwoFaStart from './SettingsTwoFaStart';\nimport SettingsTwoFaSkippableForm from './SettingsTwoFaSkippableForm';\nimport SettingsTwoFaCongratulations from './SettingsTwoFaCongratulations';\nimport SettingsTwoFaEmailCode from './SettingsTwoFaEmailCode';\n\nexport type OwnProps = {\n state: TwoFaState;\n currentScreen: SettingsScreens;\n dispatch: TwoFaDispatch;\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = GlobalState['twoFaSettings'];\n\ntype DispatchProps = Pick<GlobalActions, (\n 'updatePassword' | 'updateRecoveryEmail' | 'clearPassword' | 'provideTwoFaEmailCode' |\n 'checkPassword' | 'clearTwoFaError'\n)>;\n\nconst SettingsTwoFa: FC<OwnProps & StateProps & DispatchProps> = ({\n currentScreen,\n state,\n hint,\n isLoading,\n error,\n waitingEmailCodeLength,\n dispatch,\n onScreenSelect,\n updatePassword,\n checkPassword,\n clearTwoFaError,\n updateRecoveryEmail,\n provideTwoFaEmailCode,\n clearPassword,\n}) => {\n useEffect(() => {\n if (waitingEmailCodeLength) {\n if (currentScreen === SettingsScreens.TwoFaNewPasswordEmail) {\n onScreenSelect(SettingsScreens.TwoFaNewPasswordEmailCode);\n } else if (currentScreen === SettingsScreens.TwoFaRecoveryEmail) {\n onScreenSelect(SettingsScreens.TwoFaRecoveryEmailCode);\n }\n }\n }, [currentScreen, onScreenSelect, waitingEmailCodeLength]);\n\n const handleStartWizard = useCallback(() => {\n dispatch({ type: 'reset' });\n onScreenSelect(SettingsScreens.TwoFaNewPassword);\n }, [dispatch, onScreenSelect]);\n\n const handleNewPassword = useCallback((value: string) => {\n dispatch({ type: 'setPassword', payload: value });\n onScreenSelect(SettingsScreens.TwoFaNewPasswordConfirm);\n }, [dispatch, onScreenSelect]);\n\n const handleNewPasswordConfirm = useCallback(() => {\n onScreenSelect(SettingsScreens.TwoFaNewPasswordHint);\n }, [onScreenSelect]);\n\n const handleNewPasswordHint = useCallback((value?: string) => {\n dispatch({ type: 'setHint', payload: value });\n onScreenSelect(SettingsScreens.TwoFaNewPasswordEmail);\n }, [dispatch, onScreenSelect]);\n\n const handleNewPasswordEmail = useCallback((value?: string) => {\n dispatch({ type: 'setEmail', payload: value });\n updatePassword({\n ...state,\n email: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.TwoFaCongratulations);\n },\n });\n }, [dispatch, onScreenSelect, state, updatePassword]);\n\n const handleChangePasswordCurrent = useCallback((value: string) => {\n dispatch({ type: 'setCurrentPassword', payload: value });\n checkPassword({\n currentPassword: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.TwoFaChangePasswordNew);\n },\n });\n }, [checkPassword, dispatch, onScreenSelect]);\n\n const handleChangePasswordNew = useCallback((value: string) => {\n dispatch({ type: 'setPassword', payload: value });\n onScreenSelect(SettingsScreens.TwoFaChangePasswordConfirm);\n }, [dispatch, onScreenSelect]);\n\n const handleChangePasswordConfirm = useCallback(() => {\n onScreenSelect(SettingsScreens.TwoFaChangePasswordHint);\n }, [onScreenSelect]);\n\n const handleChangePasswordHint = useCallback((value?: string) => {\n dispatch({ type: 'setHint', payload: value });\n updatePassword({\n ...state,\n hint: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.TwoFaCongratulations);\n },\n });\n }, [dispatch, onScreenSelect, state, updatePassword]);\n\n const handleTurnOff = useCallback((value: string) => {\n clearPassword({\n currentPassword: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.Privacy);\n },\n });\n }, [clearPassword, onScreenSelect]);\n\n const handleRecoveryEmailCurrentPassword = useCallback((value: string) => {\n dispatch({ type: 'setCurrentPassword', payload: value });\n checkPassword({\n currentPassword: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.TwoFaRecoveryEmail);\n },\n });\n }, [checkPassword, dispatch, onScreenSelect]);\n\n const handleRecoveryEmail = useCallback((value?: string) => {\n dispatch({ type: 'setEmail', payload: value });\n updateRecoveryEmail({\n ...state,\n email: value,\n onSuccess: () => {\n onScreenSelect(SettingsScreens.TwoFaCongratulations);\n },\n });\n }, [dispatch, onScreenSelect, state, updateRecoveryEmail]);\n\n const handleEmailCode = useCallback((code: string) => {\n provideTwoFaEmailCode({ code });\n }, [provideTwoFaEmailCode]);\n\n const lang = useLang();\n\n switch (currentScreen) {\n case SettingsScreens.TwoFaDisabled:\n return (\n <SettingsTwoFaStart\n onStart={handleStartWizard}\n />\n );\n\n case SettingsScreens.TwoFaNewPassword:\n return (\n <SettingsTwoFaPassword\n placeholder={lang('EnterPassword')}\n submitLabel={lang('Continue')}\n onSubmit={handleNewPassword}\n />\n );\n\n case SettingsScreens.TwoFaNewPasswordConfirm:\n return (\n <SettingsTwoFaPassword\n expectedPassword={state.password}\n placeholder={lang('PleaseReEnterPassword')}\n submitLabel={lang('Continue')}\n onSubmit={handleNewPasswordConfirm}\n />\n );\n\n case SettingsScreens.TwoFaNewPasswordHint:\n return (\n <SettingsTwoFaSkippableForm\n icon=\"hint\"\n placeholder={lang('PasswordHintPlaceholder')}\n onSubmit={handleNewPasswordHint}\n />\n );\n\n case SettingsScreens.TwoFaNewPasswordEmail:\n return (\n <SettingsTwoFaSkippableForm\n icon=\"email\"\n type=\"email\"\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n placeholder={lang('RecoveryEmailTitle')}\n shouldConfirm\n onSubmit={handleNewPasswordEmail}\n />\n );\n\n case SettingsScreens.TwoFaNewPasswordEmailCode:\n return (\n <SettingsTwoFaEmailCode\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n onSubmit={handleEmailCode}\n />\n );\n\n case SettingsScreens.TwoFaCongratulations:\n return (\n <SettingsTwoFaCongratulations\n onScreenSelect={onScreenSelect}\n />\n );\n\n case SettingsScreens.TwoFaEnabled:\n return (\n <SettingsTwoFaEnabled\n onScreenSelect={onScreenSelect}\n />\n );\n\n case SettingsScreens.TwoFaChangePasswordCurrent:\n return (\n <SettingsTwoFaPassword\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n hint={hint}\n onSubmit={handleChangePasswordCurrent}\n />\n );\n\n case SettingsScreens.TwoFaChangePasswordNew:\n return (\n <SettingsTwoFaPassword\n placeholder={lang('PleaseEnterNewFirstPassword')}\n onSubmit={handleChangePasswordNew}\n />\n );\n\n case SettingsScreens.TwoFaChangePasswordConfirm:\n return (\n <SettingsTwoFaPassword\n expectedPassword={state.password}\n placeholder={lang('PleaseReEnterPassword')}\n onSubmit={handleChangePasswordConfirm}\n />\n );\n\n case SettingsScreens.TwoFaChangePasswordHint:\n return (\n <SettingsTwoFaSkippableForm\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n icon=\"hint\"\n placeholder={lang('PasswordHintPlaceholder')}\n onSubmit={handleChangePasswordHint}\n />\n );\n\n case SettingsScreens.TwoFaTurnOff:\n return (\n <SettingsTwoFaPassword\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n hint={hint}\n onSubmit={handleTurnOff}\n />\n );\n\n case SettingsScreens.TwoFaRecoveryEmailCurrentPassword:\n return (\n <SettingsTwoFaPassword\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n hint={hint}\n onSubmit={handleRecoveryEmailCurrentPassword}\n />\n );\n\n case SettingsScreens.TwoFaRecoveryEmail:\n return (\n <SettingsTwoFaSkippableForm\n icon=\"email\"\n type=\"email\"\n placeholder={lang('RecoveryEmailTitle')}\n onSubmit={handleRecoveryEmail}\n />\n );\n\n case SettingsScreens.TwoFaRecoveryEmailCode:\n return (\n <SettingsTwoFaEmailCode\n isLoading={isLoading}\n error={error}\n clearError={clearTwoFaError}\n onSubmit={handleEmailCode}\n />\n );\n\n default:\n return undefined;\n }\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => ({ ...global.twoFaSettings }),\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'updatePassword', 'updateRecoveryEmail', 'clearPassword', 'provideTwoFaEmailCode',\n 'checkPassword', 'clearTwoFaError',\n ]),\n)(SettingsTwoFa));\n","import React, {\n FC, useCallback, useRef, useEffect, memo,\n} from '../../lib/teact/teact';\n\nimport { isChatPrivate } from '../../modules/helpers';\n\nimport InfiniteScroll from '../ui/InfiniteScroll';\nimport Checkbox from '../ui/Checkbox';\nimport InputText from '../ui/InputText';\nimport ListItem from '../ui/ListItem';\nimport PrivateChatInfo from './PrivateChatInfo';\nimport GroupChatInfo from './GroupChatInfo';\nimport PickerSelectedItem from './PickerSelectedItem';\nimport useInfiniteScroll from '../../hooks/useInfiniteScroll';\nimport useLang from '../../hooks/useLang';\n\nimport Loading from '../ui/Loading';\n\nimport './Picker.scss';\n\ntype OwnProps = {\n itemIds: number[];\n selectedIds: number[];\n filterValue?: string;\n filterPlaceholder?: string;\n notFoundText?: string;\n searchInputId?: string;\n isLoading?: boolean;\n onSelectedIdsChange: (ids: number[]) => void;\n onFilterChange: (value: string) => void;\n onLoadMore?: () => void;\n};\n\n// Focus slows down animation, also it breaks transition layout in Chrome\nconst FOCUS_DELAY_MS = 500;\n\nconst MAX_FULL_ITEMS = 10;\nconst ALWAYS_FULL_ITEMS_COUNT = 5;\n\nconst Picker: FC<OwnProps> = ({\n itemIds,\n selectedIds,\n filterValue,\n filterPlaceholder,\n notFoundText,\n searchInputId,\n isLoading,\n onSelectedIdsChange,\n onFilterChange,\n onLoadMore,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n const shouldMinimize = selectedIds.length > MAX_FULL_ITEMS;\n\n useEffect(() => {\n setTimeout(() => {\n requestAnimationFrame(() => {\n inputRef.current!.focus();\n });\n }, FOCUS_DELAY_MS);\n }, []);\n\n const handleItemClick = useCallback((id: number) => {\n const newSelectedIds = [...selectedIds];\n if (newSelectedIds.includes(id)) {\n newSelectedIds.splice(newSelectedIds.indexOf(id), 1);\n } else {\n newSelectedIds.push(id);\n }\n onSelectedIdsChange(newSelectedIds);\n onFilterChange('');\n }, [selectedIds, onSelectedIdsChange, onFilterChange]);\n\n const handleFilterChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = e.currentTarget;\n onFilterChange(value);\n }, [onFilterChange]);\n\n const [viewportIds, getMore] = useInfiniteScroll(onLoadMore, itemIds, Boolean(filterValue));\n\n const lang = useLang();\n\n return (\n <div className=\"Picker\">\n <div className=\"picker-header custom-scroll\">\n {selectedIds.map((id, i) => (\n <PickerSelectedItem\n chatOrUserId={id}\n isMinimized={shouldMinimize && i < selectedIds.length - ALWAYS_FULL_ITEMS_COUNT}\n canClose\n onClick={handleItemClick}\n clickArg={id}\n />\n ))}\n <InputText\n id={searchInputId}\n ref={inputRef}\n value={filterValue}\n onChange={handleFilterChange}\n placeholder={filterPlaceholder || lang('SelectChat')}\n />\n </div>\n\n {viewportIds && viewportIds.length ? (\n <InfiniteScroll\n className=\"picker-list custom-scroll\"\n items={viewportIds}\n onLoadMore={getMore}\n >\n {viewportIds.map((id) => (\n <ListItem\n key={id}\n className=\"chat-item-clickable picker-list-item\"\n onClick={() => handleItemClick(id)}\n ripple\n >\n <Checkbox label=\"\" checked={selectedIds.includes(id)} />\n {isChatPrivate(id) ? (\n <PrivateChatInfo userId={id} />\n ) : (\n <GroupChatInfo chatId={id} />\n )}\n </ListItem>\n ))}\n </InfiniteScroll>\n ) : !isLoading && viewportIds && !viewportIds.length ? (\n <p className=\"no-results\">{notFoundText || 'Sorry, nothing found.'}</p>\n ) : (\n <Loading />\n )}\n </div>\n );\n};\n\nexport default memo(Picker);\n","import React, {\n FC, memo, useCallback, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions, GlobalState } from '../../../global/types';\nimport { ApiChat } from '../../../api/types';\nimport { ApiPrivacySettings, SettingsScreens } from '../../../types';\n\nimport useLang from '../../../hooks/useLang';\nimport { pick } from '../../../util/iteratees';\nimport searchWords from '../../../util/searchWords';\nimport { getPrivacyKey } from './helper/privacy';\nimport {\n getChatTitle, isChatGroup, isChatPrivate, prepareChatList,\n} from '../../../modules/helpers';\n\nimport Picker from '../../common/Picker';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\n\nexport type OwnProps = {\n isAllowList?: boolean;\n screen: SettingsScreens;\n onScreenSelect: (screen: SettingsScreens) => void;\n};\n\ntype StateProps = {\n currentUserId?: number;\n chatsById: Record<number, ApiChat>;\n listIds?: number[];\n orderedPinnedIds?: number[];\n archivedListIds?: number[];\n archivedPinnedIds?: number[];\n settings?: ApiPrivacySettings;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'setPrivacySettings'>;\n\nconst SettingsPrivacyVisibilityExceptionList: FC<OwnProps & StateProps & DispatchProps> = ({\n currentUserId,\n isAllowList,\n screen,\n settings,\n chatsById,\n listIds,\n orderedPinnedIds,\n archivedListIds,\n archivedPinnedIds,\n setPrivacySettings,\n onScreenSelect,\n}) => {\n const selectedContactIds = useMemo(() => {\n if (!settings) {\n return [];\n }\n\n if (isAllowList) {\n return [...settings.allowUserIds, ...settings.allowChatIds];\n } else {\n return [...settings.blockUserIds, ...settings.blockChatIds];\n }\n }, [isAllowList, settings]);\n const [searchQuery, setSearchQuery] = useState<string>('');\n const [isSubmitShown, setIsSubmitShown] = useState<boolean>(false);\n const [newSelectedContactIds, setNewSelectedContactIds] = useState<number[]>(selectedContactIds);\n\n const chats = useMemo(() => {\n const activeChatArrays = listIds\n ? prepareChatList(chatsById, listIds, orderedPinnedIds, 'all')\n : undefined;\n const archivedChatArrays = archivedListIds\n ? prepareChatList(chatsById, archivedListIds, archivedPinnedIds, 'archived')\n : undefined;\n\n if (!activeChatArrays && !archivedChatArrays) {\n return undefined;\n }\n\n return [\n ...(activeChatArrays\n ? [\n ...activeChatArrays.pinnedChats,\n ...activeChatArrays.otherChats,\n ]\n : []\n ),\n ...(archivedChatArrays ? archivedChatArrays.otherChats : []),\n ];\n }, [chatsById, listIds, orderedPinnedIds, archivedListIds, archivedPinnedIds]);\n\n const displayedIds = useMemo(() => {\n if (!chats) {\n return undefined;\n }\n\n return chats\n .filter((chat) => (\n ((isChatPrivate(chat.id) && chat.id !== currentUserId) || isChatGroup(chat))\n && (\n !searchQuery\n || searchWords(getChatTitle(chat), searchQuery)\n || selectedContactIds.includes(chat.id)\n )\n ))\n .map(({ id }) => id);\n }, [chats, currentUserId, searchQuery, selectedContactIds]);\n\n const handleSelectedContactIdsChange = useCallback((value: number[]) => {\n setNewSelectedContactIds(value);\n setIsSubmitShown(true);\n }, []);\n\n const handleSubmit = useCallback(() => {\n setPrivacySettings({\n privacyKey: getPrivacyKey(screen),\n isAllowList: Boolean(isAllowList),\n contactsIds: newSelectedContactIds,\n });\n\n onScreenSelect(SettingsScreens.Privacy);\n }, [isAllowList, newSelectedContactIds, onScreenSelect, screen, setPrivacySettings]);\n\n const lang = useLang();\n\n return (\n <div className=\"NewChat-inner step-1\">\n <Picker\n itemIds={displayedIds || []}\n selectedIds={newSelectedContactIds}\n filterValue={searchQuery}\n filterPlaceholder={isAllowList ? lang('AlwaysShareWithPlaceholder') : lang('NeverShareWithPlaceholder')}\n searchInputId=\"new-group-picker-search\"\n onSelectedIdsChange={handleSelectedContactIdsChange}\n onFilterChange={setSearchQuery}\n />\n\n <FloatingActionButton\n isShown={isSubmitShown}\n onClick={handleSubmit}\n ariaLabel={isAllowList ? lang('AlwaysShareWithTitle') : lang('NeverShareWithTitle')}\n >\n <i className=\"icon-arrow-right\" />\n </FloatingActionButton>\n </div>\n );\n};\n\nfunction getCurrentPrivacySettings(global: GlobalState, screen: SettingsScreens) {\n const { privacy } = global.settings;\n switch (screen) {\n case SettingsScreens.PrivacyPhoneNumberAllowedContacts:\n case SettingsScreens.PrivacyPhoneNumberDeniedContacts:\n return privacy.phoneNumber;\n case SettingsScreens.PrivacyLastSeenAllowedContacts:\n case SettingsScreens.PrivacyLastSeenDeniedContacts:\n return privacy.lastSeen;\n case SettingsScreens.PrivacyProfilePhotoAllowedContacts:\n case SettingsScreens.PrivacyProfilePhotoDeniedContacts:\n return privacy.profilePhoto;\n case SettingsScreens.PrivacyForwardingAllowedContacts:\n case SettingsScreens.PrivacyForwardingDeniedContacts:\n return privacy.forwards;\n case SettingsScreens.PrivacyGroupChatsDeniedContacts:\n case SettingsScreens.PrivacyGroupChatsAllowedContacts:\n return privacy.chatInvite;\n }\n\n return undefined;\n}\n\nexport default memo(withGlobal<OwnProps>(\n (global, { screen }): StateProps => {\n const {\n chats: {\n byId: chatsById,\n listIds,\n orderedPinnedIds,\n },\n currentUserId,\n } = global;\n\n return {\n currentUserId,\n chatsById,\n listIds: listIds.active,\n orderedPinnedIds: orderedPinnedIds.active,\n archivedPinnedIds: orderedPinnedIds.archived,\n archivedListIds: listIds.archived,\n settings: getCurrentPrivacySettings(global, screen),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['setPrivacySettings']),\n)(SettingsPrivacyVisibilityExceptionList));\n","import React, { FC, memo, useCallback } from '../../../lib/teact/teact';\n\nimport { SettingsScreens } from '../../../types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport useFoldersReducer from '../../../hooks/reducers/useFoldersReducer';\nimport useTwoFaReducer from '../../../hooks/reducers/useTwoFaReducer';\n\nimport Transition from '../../ui/Transition';\nimport SettingsHeader from './SettingsHeader';\nimport SettingsMain from './SettingsMain';\nimport SettingsEditProfile from './SettingsEditProfile';\nimport SettingsFolders from './folders/SettingsFolders';\nimport SettingsGeneral from './SettingsGeneral';\nimport SettingsGeneralBackground from './SettingsGeneralBackground';\nimport SettingsGeneralBackgroundColor from './SettingsGeneralBackgroundColor';\nimport SettingsNotifications from './SettingsNotifications';\nimport SettingsPrivacy from './SettingsPrivacy';\nimport SettingsLanguage from './SettingsLanguage';\nimport SettingsPrivacyVisibility from './SettingsPrivacyVisibility';\nimport SettingsPrivacyActiveSessions from './SettingsPrivacyActiveSessions';\nimport SettingsPrivacyBlockedUsers from './SettingsPrivacyBlockedUsers';\nimport SettingsTwoFa from './twoFa/SettingsTwoFa';\nimport SettingsPrivacyVisibilityExceptionList from './SettingsPrivacyVisibilityExceptionList';\n\nimport './Settings.scss';\n\nconst TRANSITION_RENDER_COUNT = Object.keys(SettingsScreens).length / 2;\nconst TRANSITION_DURATION = 200;\n\nexport type OwnProps = {\n currentScreen: SettingsScreens;\n onScreenSelect: (screen: SettingsScreens) => void;\n onReset: () => void;\n};\n\nconst Settings: FC<OwnProps> = ({\n currentScreen,\n onScreenSelect,\n onReset,\n}) => {\n const [foldersState, foldersDispatch] = useFoldersReducer();\n const [twoFaState, twoFaDispatch] = useTwoFaReducer();\n\n const handleReset = useCallback(() => {\n if (\n currentScreen === SettingsScreens.FoldersCreateFolder\n || currentScreen === SettingsScreens.FoldersEditFolder\n ) {\n setTimeout(() => {\n foldersDispatch({ type: 'reset' });\n }, TRANSITION_DURATION);\n }\n\n if (\n currentScreen === SettingsScreens.FoldersIncludedChats\n || currentScreen === SettingsScreens.FoldersExcludedChats\n ) {\n if (foldersState.mode === 'create') {\n onScreenSelect(SettingsScreens.FoldersCreateFolder);\n } else {\n onScreenSelect(SettingsScreens.FoldersEditFolder);\n }\n return;\n }\n\n onReset();\n }, [\n foldersState.mode, foldersDispatch,\n currentScreen, onReset, onScreenSelect,\n ]);\n\n const handleSaveFilter = useCallback(() => {\n foldersDispatch({ type: 'saveFilters' });\n handleReset();\n }, [foldersDispatch, handleReset]);\n\n function renderCurrentSectionContent() {\n switch (currentScreen) {\n case SettingsScreens.Main:\n return (\n <SettingsMain onScreenSelect={onScreenSelect} />\n );\n case SettingsScreens.EditProfile:\n return (\n <SettingsEditProfile />\n );\n case SettingsScreens.General:\n return (\n <SettingsGeneral onScreenSelect={onScreenSelect} />\n );\n case SettingsScreens.Notifications:\n return (\n <SettingsNotifications />\n );\n case SettingsScreens.Privacy:\n return (\n <SettingsPrivacy onScreenSelect={onScreenSelect} />\n );\n case SettingsScreens.Language:\n return (\n <SettingsLanguage />\n );\n case SettingsScreens.GeneralChatBackground:\n return (\n <SettingsGeneralBackground onScreenSelect={onScreenSelect} />\n );\n case SettingsScreens.GeneralChatBackgroundColor:\n return (\n <SettingsGeneralBackgroundColor onScreenSelect={onScreenSelect} />\n );\n case SettingsScreens.PrivacyActiveSessions:\n return (\n <SettingsPrivacyActiveSessions />\n );\n case SettingsScreens.PrivacyBlockedUsers:\n return (\n <SettingsPrivacyBlockedUsers />\n );\n case SettingsScreens.PrivacyPhoneNumber:\n case SettingsScreens.PrivacyLastSeen:\n case SettingsScreens.PrivacyProfilePhoto:\n case SettingsScreens.PrivacyForwarding:\n case SettingsScreens.PrivacyGroupChats:\n return (\n <SettingsPrivacyVisibility screen={currentScreen} onScreenSelect={onScreenSelect} />\n );\n\n case SettingsScreens.PrivacyPhoneNumberAllowedContacts:\n case SettingsScreens.PrivacyLastSeenAllowedContacts:\n case SettingsScreens.PrivacyProfilePhotoAllowedContacts:\n case SettingsScreens.PrivacyForwardingAllowedContacts:\n case SettingsScreens.PrivacyGroupChatsAllowedContacts:\n return (\n <SettingsPrivacyVisibilityExceptionList\n isAllowList\n screen={currentScreen}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case SettingsScreens.PrivacyPhoneNumberDeniedContacts:\n case SettingsScreens.PrivacyLastSeenDeniedContacts:\n case SettingsScreens.PrivacyProfilePhotoDeniedContacts:\n case SettingsScreens.PrivacyForwardingDeniedContacts:\n case SettingsScreens.PrivacyGroupChatsDeniedContacts:\n return (\n <SettingsPrivacyVisibilityExceptionList\n screen={currentScreen}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case SettingsScreens.Folders:\n case SettingsScreens.FoldersCreateFolder:\n case SettingsScreens.FoldersEditFolder:\n case SettingsScreens.FoldersIncludedChats:\n case SettingsScreens.FoldersExcludedChats:\n return (\n <SettingsFolders\n currentScreen={currentScreen}\n state={foldersState}\n dispatch={foldersDispatch}\n onScreenSelect={onScreenSelect}\n onReset={handleReset}\n />\n );\n\n case SettingsScreens.TwoFaDisabled:\n case SettingsScreens.TwoFaNewPassword:\n case SettingsScreens.TwoFaNewPasswordConfirm:\n case SettingsScreens.TwoFaNewPasswordHint:\n case SettingsScreens.TwoFaNewPasswordEmail:\n case SettingsScreens.TwoFaNewPasswordEmailCode:\n case SettingsScreens.TwoFaCongratulations:\n case SettingsScreens.TwoFaEnabled:\n case SettingsScreens.TwoFaChangePasswordCurrent:\n case SettingsScreens.TwoFaChangePasswordNew:\n case SettingsScreens.TwoFaChangePasswordConfirm:\n case SettingsScreens.TwoFaChangePasswordHint:\n case SettingsScreens.TwoFaTurnOff:\n case SettingsScreens.TwoFaRecoveryEmailCurrentPassword:\n case SettingsScreens.TwoFaRecoveryEmail:\n case SettingsScreens.TwoFaRecoveryEmailCode:\n return (\n <SettingsTwoFa\n currentScreen={currentScreen}\n state={twoFaState}\n dispatch={twoFaDispatch}\n onScreenSelect={onScreenSelect}\n />\n );\n\n default:\n return undefined;\n }\n }\n\n function renderCurrentSection() {\n return (\n <>\n <SettingsHeader\n currentScreen={currentScreen}\n onReset={handleReset}\n onSaveFilter={handleSaveFilter}\n editedFolderId={foldersState.folderId}\n />\n {renderCurrentSectionContent()}\n </>\n );\n }\n\n return (\n <Transition\n id=\"Settings\"\n name={IS_MOBILE_SCREEN ? 'slide-layers' : 'push-slide'}\n activeKey={currentScreen}\n renderCount={TRANSITION_RENDER_COUNT}\n >\n {renderCurrentSection}\n </Transition>\n );\n};\n\nexport default memo(Settings);\n","import React, {\n FC, useEffect, useCallback, useMemo, memo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiUser } from '../../../api/types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport { throttle } from '../../../util/schedulers';\nimport searchWords from '../../../util/searchWords';\nimport { pick } from '../../../util/iteratees';\nimport { getUserFullName, sortUserIds } from '../../../modules/helpers';\nimport useInfiniteScroll from '../../../hooks/useInfiniteScroll';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport InfiniteScroll from '../../ui/InfiniteScroll';\nimport ListItem from '../../ui/ListItem';\nimport Loading from '../../ui/Loading';\n\nexport type OwnProps = {\n filter: string;\n};\n\ntype StateProps = {\n usersById: Record<number, ApiUser>;\n contactIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadContactList' | 'openChat'>;\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst ContactList: FC<OwnProps & StateProps & DispatchProps> = ({\n filter, usersById, contactIds, loadContactList, openChat,\n}) => {\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadContactList();\n });\n });\n\n const handleClick = useCallback(\n (id: number) => {\n openChat({ id });\n },\n [openChat],\n );\n\n const listIds = useMemo(() => {\n if (!contactIds) {\n return undefined;\n }\n\n const resultIds = filter ? contactIds.filter((id) => {\n const user = usersById[id];\n if (!user) {\n return false;\n }\n const fullName = getUserFullName(user);\n return fullName && searchWords(fullName, filter);\n }) : contactIds;\n\n return sortUserIds(resultIds, usersById);\n }, [filter, usersById, contactIds]);\n\n const [viewportIds, getMore] = useInfiniteScroll(undefined, listIds, Boolean(filter));\n\n return (\n <InfiniteScroll items={viewportIds} onLoadMore={getMore} className=\"chat-list custom-scroll\">\n {viewportIds && viewportIds.length ? (\n viewportIds.map((id) => (\n <ListItem\n key={id}\n className=\"chat-item-clickable\"\n onClick={() => handleClick(id)}\n ripple={!IS_MOBILE_SCREEN}\n >\n <PrivateChatInfo userId={id} forceShowSelf avatarSize=\"large\" />\n </ListItem>\n ))\n ) : viewportIds && !viewportIds.length ? (\n <p className=\"no-results\" key=\"no-results\">\n {filter.length ? 'No contacts matched your search.' : 'Contact list is empty.'}\n </p>\n ) : (\n <Loading key=\"loading\" />\n )}\n </InfiniteScroll>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { userIds: contactIds } = global.contactList || {};\n const { byId: usersById } = global.users;\n\n return {\n usersById,\n contactIds,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadContactList', 'openChat']),\n)(ContactList));\n","import React, {\n FC, useCallback, useEffect, useMemo, memo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat, ApiUser } from '../../../api/types';\n\nimport { pick, unique } from '../../../util/iteratees';\nimport { throttle } from '../../../util/schedulers';\nimport searchWords from '../../../util/searchWords';\nimport { getUserFullName, sortChatIds } from '../../../modules/helpers';\nimport useLang from '../../../hooks/useLang';\n\nimport Picker from '../../common/Picker';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Button from '../../ui/Button';\n\nexport type OwnProps = {\n isChannel?: boolean;\n selectedMemberIds: number[];\n onSelectedMemberIdsChange: (ids: number[]) => void;\n onNextStep: () => void;\n onReset: () => void;\n};\n\ntype StateProps = {\n currentUserId?: number;\n usersById: Record<number, ApiUser>;\n chatsById: Record<number, ApiChat>;\n localContactIds?: number[];\n searchQuery?: string;\n isSearching?: boolean;\n localUserIds?: number[];\n globalUserIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadContactList' | 'setGlobalSearchQuery'>;\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst NewChatStep1: FC<OwnProps & StateProps & DispatchProps> = ({\n isChannel,\n selectedMemberIds,\n onSelectedMemberIdsChange,\n onNextStep,\n onReset,\n currentUserId,\n usersById,\n chatsById,\n localContactIds,\n searchQuery,\n isSearching,\n localUserIds,\n globalUserIds,\n loadContactList,\n setGlobalSearchQuery,\n}) => {\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadContactList();\n });\n });\n\n const handleFilterChange = useCallback((query: string) => {\n setGlobalSearchQuery({ query });\n }, [setGlobalSearchQuery]);\n\n const displayedIds = useMemo(() => {\n const contactIds = localContactIds\n ? sortChatIds(localContactIds.filter((id) => id !== currentUserId), chatsById)\n : [];\n\n if (!searchQuery) {\n return contactIds;\n }\n\n const foundContactIds = contactIds.filter((id) => {\n const user = usersById[id];\n if (!user) {\n return false;\n }\n const fullName = getUserFullName(user);\n return fullName && searchWords(fullName, searchQuery);\n });\n\n return sortChatIds(\n unique([\n ...foundContactIds,\n ...(localUserIds || []),\n ...(globalUserIds || []),\n ]),\n chatsById,\n false,\n selectedMemberIds,\n );\n }, [\n localContactIds, searchQuery, localUserIds, globalUserIds, usersById, chatsById, selectedMemberIds, currentUserId,\n ]);\n\n const handleNextStep = useCallback(() => {\n if (selectedMemberIds.length) {\n setGlobalSearchQuery({ query: '' });\n onNextStep();\n }\n }, [selectedMemberIds, setGlobalSearchQuery, onNextStep]);\n\n const lang = useLang();\n\n return (\n <div className=\"NewChat step-1\">\n <div className=\"left-header\">\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={onReset}\n ariaLabel=\"Return to Chat List\"\n >\n <i className=\"icon-arrow-left\" />\n </Button>\n <h3>{lang('GroupAddMembers')}</h3>\n </div>\n <div className=\"NewChat-inner step-1\">\n <Picker\n itemIds={displayedIds}\n selectedIds={selectedMemberIds}\n filterValue={searchQuery}\n filterPlaceholder={lang('SendMessageTo')}\n searchInputId=\"new-group-picker-search\"\n isLoading={isSearching}\n onSelectedIdsChange={onSelectedMemberIdsChange}\n onFilterChange={handleFilterChange}\n />\n\n <FloatingActionButton\n isShown={Boolean(selectedMemberIds.length)}\n onClick={handleNextStep}\n ariaLabel={isChannel ? 'Continue To Channel Info' : 'Continue To Group Info'}\n >\n <i className=\"icon-arrow-right\" />\n </FloatingActionButton>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { userIds: localContactIds } = global.contactList || {};\n const { byId: usersById } = global.users;\n const { byId: chatsById } = global.chats;\n const { currentUserId } = global;\n\n const {\n query: searchQuery,\n fetchingStatus,\n globalResults,\n localResults,\n } = global.globalSearch;\n const { userIds: globalUserIds } = globalResults || {};\n const { userIds: localUserIds } = localResults || {};\n\n return {\n currentUserId,\n usersById,\n chatsById,\n localContactIds,\n searchQuery,\n isSearching: fetchingStatus && fetchingStatus.chats,\n globalUserIds,\n localUserIds,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadContactList', 'setGlobalSearchQuery']),\n)(NewChatStep1));\n","import React, {\n FC, useState, useCallback, useEffect, memo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ChatCreationProgress } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\n\nimport InputText from '../../ui/InputText';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport AvatarEditable from '../../ui/AvatarEditable';\nimport Button from '../../ui/Button';\nimport ListItem from '../../ui/ListItem';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\n\nexport type OwnProps = {\n isChannel?: boolean;\n memberIds: number[];\n onReset: (forceReturnToChatList?: boolean) => void;\n};\n\ntype StateProps = {\n creationProgress?: ChatCreationProgress;\n creationError?: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'createGroupChat' | 'createChannel'>;\n\n// TODO @implement\nconst MAX_USERS_FOR_LEGACY_CHAT = 199; // Accounting for current user\n\nconst NewChatStep2: FC<OwnProps & StateProps & DispatchProps> = ({\n isChannel,\n memberIds,\n onReset,\n creationProgress,\n creationError,\n createGroupChat,\n createChannel,\n}) => {\n const lang = useLang();\n\n const [title, setTitle] = useState('');\n const [about, setAbout] = useState('');\n const [photo, setPhoto] = useState<File | undefined>();\n const [error, setError] = useState<string | undefined>();\n\n const chatTitleEmptyError = 'Chat title can\\'t be empty';\n const channelTitleEmptyError = 'Channel title can\\'t be empty';\n const chatTooManyUsersError = 'Sorry, creating supergroups is not yet supported';\n\n const isLoading = creationProgress === ChatCreationProgress.InProgress;\n\n const handleTitleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = e.currentTarget;\n const newValue = value.replace(/^\\s+/, '');\n\n setTitle(newValue);\n\n if (newValue !== value) {\n e.currentTarget.value = newValue;\n }\n }, []);\n\n const handleDescriptionChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setAbout(e.currentTarget.value);\n }, []);\n\n const handleCreateGroup = useCallback(() => {\n if (!title.length) {\n setError(chatTitleEmptyError);\n return;\n }\n\n if (memberIds.length > MAX_USERS_FOR_LEGACY_CHAT) {\n setError(chatTooManyUsersError);\n return;\n }\n\n createGroupChat({\n title,\n photo,\n memberIds,\n });\n }, [title, memberIds, createGroupChat, photo, chatTitleEmptyError, chatTooManyUsersError]);\n\n const handleCreateChannel = useCallback(() => {\n if (!title.length) {\n setError(channelTitleEmptyError);\n return;\n }\n\n createChannel({\n title,\n about,\n photo,\n memberIds,\n });\n }, [title, createChannel, about, photo, memberIds, channelTitleEmptyError]);\n\n useEffect(() => {\n if (creationProgress === ChatCreationProgress.Complete) {\n onReset(true);\n }\n }, [creationProgress, onReset]);\n\n const renderedError = creationError || (\n error !== chatTitleEmptyError && error !== channelTitleEmptyError\n ? error\n : undefined\n );\n\n return (\n <div className=\"NewChat\">\n <div className=\"left-header\">\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={() => onReset()}\n ariaLabel=\"Return to member selection\"\n >\n <i className=\"icon-arrow-left\" />\n </Button>\n <h3>{lang(isChannel ? 'NewChannel' : 'NewGroup')}</h3>\n </div>\n <div className=\"NewChat-inner step-2\">\n <AvatarEditable\n onChange={setPhoto}\n title={lang('AddPhoto')}\n />\n <InputText\n value={title}\n onChange={handleTitleChange}\n label={lang(isChannel ? 'EnterChannelName' : 'GroupName')}\n error={error === chatTitleEmptyError || error === channelTitleEmptyError ? error : undefined}\n />\n {isChannel && (\n <>\n <InputText\n value={about}\n onChange={handleDescriptionChange}\n label={lang('DescriptionOptionalPlaceholder')}\n />\n <p className=\"note\">{lang('DescriptionInfo')}</p>\n </>\n )}\n\n {renderedError && (\n <p className=\"error\">{renderedError}</p>\n )}\n\n <h3 className=\"chat-members-heading\">{lang('GroupInfo.ParticipantCount', memberIds.length, 'i')}</h3>\n\n <div className=\"chat-members-list custom-scroll\">\n {memberIds.map((id) => (\n <ListItem inactive className=\"chat-item-clickable\">\n <PrivateChatInfo userId={id} />\n </ListItem>\n ))}\n </div>\n </div>\n\n <FloatingActionButton\n isShown={title.length !== 0}\n onClick={isChannel ? handleCreateChannel : handleCreateGroup}\n disabled={isLoading}\n ariaLabel={isChannel ? lang('ChannelIntro.CreateChannel') : 'Create Group'}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-arrow-right\" />\n )}\n </FloatingActionButton>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n progress: creationProgress,\n error: creationError,\n } = global.chatCreation || {};\n\n return {\n creationProgress,\n creationError,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'createGroupChat', 'createChannel',\n ]),\n)(NewChatStep2));\n","import React, {\n FC, memo, useCallback, useState,\n} from '../../../lib/teact/teact';\n\nimport { LeftColumnContent } from '../../../types';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\n\nimport Transition from '../../ui/Transition';\nimport NewChatStep1 from './NewChatStep1';\nimport NewChatStep2 from './NewChatStep2';\n\nimport './NewChat.scss';\n\nexport type OwnProps = {\n isChannel?: boolean;\n content: LeftColumnContent;\n onContentChange: (content: LeftColumnContent) => void;\n onReset: () => void;\n};\n\nconst RENDER_COUNT = Object.keys(LeftColumnContent).length / 2;\n\nconst NewChat: FC<OwnProps> = ({\n isChannel = false,\n content,\n onContentChange,\n onReset,\n}) => {\n const [newChatMemberIds, setNewChatMemberIds] = useState<number[]>([]);\n\n const handleNextStep = useCallback(() => {\n onContentChange(isChannel ? LeftColumnContent.NewChannelStep2 : LeftColumnContent.NewGroupStep2);\n }, [isChannel, onContentChange]);\n\n return (\n <Transition\n id=\"NewChat\"\n name={IS_MOBILE_SCREEN ? 'slide-layers' : 'push-slide'}\n renderCount={RENDER_COUNT}\n activeKey={content}\n >\n {() => {\n switch (content) {\n case LeftColumnContent.NewChannelStep1:\n case LeftColumnContent.NewGroupStep1:\n return (\n <NewChatStep1\n isChannel={isChannel}\n selectedMemberIds={newChatMemberIds}\n onSelectedMemberIdsChange={setNewChatMemberIds}\n onNextStep={handleNextStep}\n onReset={onReset}\n />\n );\n case LeftColumnContent.NewChannelStep2:\n case LeftColumnContent.NewGroupStep2:\n return (\n <NewChatStep2\n isChannel={isChannel}\n memberIds={newChatMemberIds}\n onReset={onReset}\n />\n );\n default:\n return undefined;\n }\n }}\n </Transition>\n );\n};\n\nexport default memo(NewChat);\n","import React, { FC, memo } from '../../lib/teact/teact';\n\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\nimport ChatList from './main/ChatList';\n\nimport './ArchivedChats.scss';\n\nexport type OwnProps = {\n onReset: () => void;\n};\n\nconst ArchivedChats: FC<OwnProps> = ({ onReset }) => {\n const lang = useLang();\n\n return (\n <div className=\"ArchivedChats\">\n <div className=\"left-header\">\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={onReset}\n ariaLabel=\"Return to chat list\"\n >\n <i className=\"icon-arrow-left\" />\n </Button>\n <h3>{lang('ArchivedChats')}</h3>\n </div>\n <ChatList folderType=\"archived\" noChatsText=\"Archive is empty.\" />\n </div>\n );\n};\n\nexport default memo(ArchivedChats);\n","const IGNORED_KEYS: Record<string, boolean> = {\n Down: true,\n ArrowDown: true,\n Up: true,\n ArrowUp: true,\n Left: true,\n ArrowLeft: true,\n Right: true,\n ArrowRight: true,\n ' ': true,\n PageUp: true,\n PageDown: true,\n End: true,\n Home: true,\n Tab: true,\n};\n\nconst preventDefault = (e: Event) => {\n e.preventDefault();\n};\n\nfunction preventDefaultForScrollKeys(e: KeyboardEvent) {\n if (IGNORED_KEYS[e.key]) {\n preventDefault(e);\n }\n}\n\nexport function disableScrolling() {\n // Disable scrolling in Chrome\n document.addEventListener('wheel', preventDefault, { passive: false });\n window.ontouchmove = preventDefault; // mobile\n document.onkeydown = preventDefaultForScrollKeys;\n}\n\nexport function enableScrolling() {\n document.removeEventListener('wheel', preventDefault); // Enable scrolling in Chrome\n // eslint-disable-next-line no-null/no-null\n window.ontouchmove = null;\n // eslint-disable-next-line no-null/no-null\n document.onkeydown = null;\n}\n","import { ApiMediaFormat, ApiMessage } from '../../../../api/types';\n\nimport * as mediaLoader from '../../../../util/mediaLoader';\nimport { getMessageMediaHash, getMessagePhoto, getMessageText } from '../../../../modules/helpers';\nimport { CLIPBOARD_ITEM_SUPPORTED, copyImageToClipboard, copyTextToClipboard } from '../../../../util/clipboard';\n\ntype ICopyOptions = {\n label: string;\n handler: () => void;\n}[];\n\nexport function getMessageCopyOptions(\n message: ApiMessage, afterEffect?: () => void, onCopyLink?: () => void,\n): ICopyOptions {\n const options: ICopyOptions = [];\n const text = getMessageText(message);\n const photo = getMessagePhoto(message);\n const mediaHash = getMessageMediaHash(message, 'inline')!;\n const canImageBeCopied = photo && mediaHash && CLIPBOARD_ITEM_SUPPORTED;\n const selection = window.getSelection();\n\n if (canImageBeCopied) {\n options.push({\n label: 'lng_context_copy_image',\n handler: () => {\n mediaLoader.fetch(mediaHash, ApiMediaFormat.BlobUrl).then(copyImageToClipboard);\n\n if (afterEffect) {\n afterEffect();\n }\n },\n });\n }\n\n if (text) {\n // Detect if the user has selection in the current message\n const hasSelection = Boolean((\n selection\n && selection.anchorNode\n && selection.anchorNode.parentNode\n && (selection.anchorNode.parentNode as HTMLElement).closest('.Message .content-inner')\n && selection.toString().replace(/(?:\\r\\n|\\r|\\n)/g, '') !== ''\n ));\n\n options.push({\n label: getCopyLabel(hasSelection, canImageBeCopied),\n handler: () => {\n const clipboardText = hasSelection && selection ? selection.toString() : text;\n copyTextToClipboard(clipboardText);\n\n if (afterEffect) {\n afterEffect();\n }\n },\n });\n }\n\n if (onCopyLink) {\n options.push({\n label: 'lng_context_copy_message_link',\n handler: () => {\n onCopyLink();\n\n if (afterEffect) {\n afterEffect();\n }\n },\n });\n }\n\n return options;\n}\n\nfunction getCopyLabel(hasSelection: boolean, canImageBeCopied: boolean): string {\n if (hasSelection) {\n return 'lng_context_copy_selected';\n }\n\n if (canImageBeCopied) {\n return 'lng_context_copy_text';\n }\n\n return 'Copy';\n}\n","import React, { FC, useCallback, useEffect } from '../../../lib/teact/teact';\n\nimport { ApiMessage } from '../../../api/types';\nimport { IAnchorPosition } from '../../../types';\n\nimport { getMessageCopyOptions } from './helpers/copyOptions';\nimport useContextMenuPosition from '../../../hooks/useContextMenuPosition';\nimport { dispatchHeavyAnimationEvent } from '../../../hooks/useHeavyAnimationCheck';\nimport useLang from '../../../hooks/useLang';\n\nimport Menu from '../../ui/Menu';\nimport MenuItem from '../../ui/MenuItem';\n\nimport './MessageContextMenu.scss';\n\ntype OwnProps = {\n isOpen: boolean;\n anchor: IAnchorPosition;\n message: ApiMessage;\n canSendNow?: boolean;\n canReschedule?: boolean;\n canReply?: boolean;\n canPin?: boolean;\n canUnpin?: boolean;\n canDelete?: boolean;\n canEdit?: boolean;\n canForward?: boolean;\n canFaveSticker?: boolean;\n canUnfaveSticker?: boolean;\n canCopy?: boolean;\n canCopyLink?: boolean;\n canSelect?: boolean;\n onReply: () => void;\n onEdit: () => void;\n onPin: () => void;\n onUnpin: () => void;\n onForward: () => void;\n onDelete: () => void;\n onFaveSticker: () => void;\n onUnfaveSticker: () => void;\n onSelect: () => void;\n onSend: () => void;\n onReschedule: () => void;\n onClose: () => void;\n onCloseAnimationEnd?: () => void;\n onCopyLink?: () => void;\n};\n\nconst ANIMATION_DURATION = 200;\nconst SCROLLBAR_WIDTH = 10;\n\nconst MessageContextMenu: FC<OwnProps> = ({\n isOpen,\n message,\n anchor,\n canSendNow,\n canReschedule,\n canReply,\n canEdit,\n canPin,\n canUnpin,\n canDelete,\n canForward,\n canFaveSticker,\n canUnfaveSticker,\n canCopy,\n canCopyLink,\n canSelect,\n onReply,\n onEdit,\n onPin,\n onUnpin,\n onForward,\n onDelete,\n onFaveSticker,\n onUnfaveSticker,\n onSelect,\n onSend,\n onReschedule,\n onClose,\n onCloseAnimationEnd,\n onCopyLink,\n}) => {\n useEffect(() => {\n dispatchHeavyAnimationEvent(ANIMATION_DURATION);\n }, [isOpen]);\n\n const copyOptions = getMessageCopyOptions(message, onClose, canCopyLink ? onCopyLink : undefined);\n\n const getTriggerElement = useCallback(() => {\n return document.querySelector(`.active > .MessageList div[data-message-id=\"${message.id}\"]`);\n }, [message.id]);\n\n const getRootElement = useCallback(\n () => document.querySelector('.active > .MessageList'),\n [],\n );\n\n const getMenuElement = useCallback(\n () => document.querySelector('.MessageContextMenu .bubble'),\n [],\n );\n\n const { positionX, positionY, style } = useContextMenuPosition(\n anchor,\n getTriggerElement,\n getRootElement,\n getMenuElement,\n SCROLLBAR_WIDTH,\n (document.querySelector('.MiddleHeader') as HTMLElement).offsetHeight,\n );\n\n const lang = useLang();\n\n return (\n <Menu\n isOpen={isOpen}\n positionX={positionX}\n positionY={positionY}\n style={style}\n className=\"MessageContextMenu fluid\"\n onClose={onClose}\n onCloseAnimationEnd={onCloseAnimationEnd}\n >\n {canSendNow && <MenuItem icon=\"send-outline\" onClick={onSend}>{lang('MessageScheduleSend')}</MenuItem>}\n {canReschedule && <MenuItem icon=\"schedule\" onClick={onReschedule}>{lang('MessageScheduleEditTime')}</MenuItem>}\n {canReply && <MenuItem icon=\"reply\" onClick={onReply}>{lang('Reply')}</MenuItem>}\n {canEdit && <MenuItem icon=\"edit\" onClick={onEdit}>{lang('Edit')}</MenuItem>}\n {canFaveSticker && <MenuItem icon=\"favorite\" onClick={onFaveSticker}>{lang('AddToFavorites')}</MenuItem>}\n {canUnfaveSticker && (\n <MenuItem icon=\"favorite\" onClick={onUnfaveSticker}>{lang('Stickers.RemoveFromFavorites')}</MenuItem>\n )}\n {canCopy && copyOptions.map((options) => (\n <MenuItem key={options.label} icon=\"copy\" onClick={options.handler}>{lang(options.label)}</MenuItem>\n ))}\n {canPin && <MenuItem icon=\"pin\" onClick={onPin}>{lang('DialogPin')}</MenuItem>}\n {canUnpin && <MenuItem icon=\"unpin\" onClick={onUnpin}>{lang('DialogUnpin')}</MenuItem>}\n {canForward && <MenuItem icon=\"forward\" onClick={onForward}>{lang('Forward')}</MenuItem>}\n {canSelect && <MenuItem icon=\"select\" onClick={onSelect}>{lang('Common.Select')}</MenuItem>}\n {canDelete && <MenuItem destructive icon=\"delete\" onClick={onDelete}>{lang('Delete')}</MenuItem>}\n </Menu>\n );\n};\n\nexport default MessageContextMenu;\n","import React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions, MessageListType } from '../../../global/types';\nimport { ApiMessage } from '../../../api/types';\nimport { IAlbum, IAnchorPosition } from '../../../types';\nimport { selectAllowedMessageActions, selectCurrentMessageList } from '../../../modules/selectors';\nimport { disableScrolling, enableScrolling } from '../../../util/scrollLock';\nimport { pick } from '../../../util/iteratees';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport useFlag from '../../../hooks/useFlag';\n\nimport DeleteMessageModal from '../../common/DeleteMessageModal';\nimport PinMessageModal from '../../common/PinMessageModal';\nimport MessageContextMenu from './MessageContextMenu';\nimport CalendarModal from '../../common/CalendarModal';\nimport { getDayStartAt } from '../../../util/dateFormat';\n\nexport type OwnProps = {\n isOpen: boolean;\n message: ApiMessage;\n album?: IAlbum;\n anchor: IAnchorPosition;\n messageListType: MessageListType;\n onClose: () => void;\n onCloseAnimationEnd: () => void;\n};\n\ntype StateProps = {\n noOptions?: boolean;\n canSendNow?: boolean;\n canReschedule?: boolean;\n canReply?: boolean;\n canPin?: boolean;\n canUnpin?: boolean;\n canDelete?: boolean;\n canEdit?: boolean;\n canForward?: boolean;\n canFaveSticker?: boolean;\n canUnfaveSticker?: boolean;\n canCopy?: boolean;\n canCopyLink?: boolean;\n canSelect?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'setReplyingToId' | 'setEditingId' | 'pinMessage' | 'openForwardMenu' |\n 'faveSticker' | 'unfaveSticker' | 'toggleMessageSelection' | 'sendScheduledMessages' | 'rescheduleMessage' |\n 'loadMessageLink'\n)>;\n\nconst ContextMenuContainer: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n messageListType,\n message,\n album,\n anchor,\n onClose,\n onCloseAnimationEnd,\n noOptions,\n canSendNow,\n canReschedule,\n canReply,\n canPin,\n canUnpin,\n canDelete,\n canEdit,\n canForward,\n canFaveSticker,\n canUnfaveSticker,\n canCopy,\n canCopyLink,\n canSelect,\n setReplyingToId,\n setEditingId,\n pinMessage,\n openForwardMenu,\n faveSticker,\n unfaveSticker,\n toggleMessageSelection,\n sendScheduledMessages,\n rescheduleMessage,\n loadMessageLink,\n}) => {\n const { transitionClassNames } = useShowTransition(isOpen, onCloseAnimationEnd, undefined, false);\n const [isMenuOpen, setIsMenuOpen] = useState(true);\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n const [isPinModalOpen, setIsPinModalOpen] = useState(false);\n const [isCalendarOpen, openCalendar, closeCalendar] = useFlag();\n\n const handleDelete = useCallback(() => {\n setIsMenuOpen(false);\n setIsDeleteModalOpen(true);\n }, []);\n\n const closeMenu = useCallback(() => {\n setIsMenuOpen(false);\n onClose();\n }, [onClose]);\n\n const closeDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n onClose();\n }, [onClose]);\n\n const closePinModal = useCallback(() => {\n setIsPinModalOpen(false);\n onClose();\n }, [onClose]);\n\n const handleCloseCalendar = useCallback(() => {\n closeCalendar();\n onClose();\n }, [closeCalendar, onClose]);\n\n const handleReply = useCallback(() => {\n setReplyingToId({ messageId: message.id });\n closeMenu();\n }, [setReplyingToId, message.id, closeMenu]);\n\n const handleEdit = useCallback(() => {\n setEditingId({ messageId: message.id });\n closeMenu();\n }, [setEditingId, message.id, closeMenu]);\n\n const handlePin = useCallback(() => {\n setIsMenuOpen(false);\n setIsPinModalOpen(true);\n }, []);\n\n const handleUnpin = useCallback(() => {\n pinMessage({ messageId: message.id, isUnpin: true });\n closeMenu();\n }, [pinMessage, message.id, closeMenu]);\n\n const handleForward = useCallback(() => {\n closeMenu();\n if (album && album.messages) {\n const messageIds = album.messages.map(({ id }) => id);\n openForwardMenu({ fromChatId: message.chatId, messageIds });\n } else {\n openForwardMenu({ fromChatId: message.chatId, messageIds: [message.id] });\n }\n }, [openForwardMenu, message, closeMenu, album]);\n\n const handleFaveSticker = useCallback(() => {\n closeMenu();\n faveSticker({ sticker: message.content.sticker });\n }, [closeMenu, message.content.sticker, faveSticker]);\n\n const handleUnfaveSticker = useCallback(() => {\n closeMenu();\n unfaveSticker({ sticker: message.content.sticker });\n }, [closeMenu, message.content.sticker, unfaveSticker]);\n\n const handleSelectMessage = useCallback(() => {\n const params = album && album.messages\n ? {\n messageId: message.id,\n childMessageIds: album.messages.map(({ id }) => id),\n withShift: false,\n }\n : { messageId: message.id, withShift: false };\n\n toggleMessageSelection(params);\n closeMenu();\n }, [closeMenu, message.id, toggleMessageSelection, album]);\n\n const handleScheduledMessageSend = useCallback(() => {\n sendScheduledMessages({ chatId: message.chatId, id: message.id });\n closeMenu();\n }, [closeMenu, message.chatId, message.id, sendScheduledMessages]);\n\n const handleOpenCalendar = useCallback(() => {\n setIsMenuOpen(false);\n openCalendar();\n }, [openCalendar]);\n\n const handleRescheduleMessage = useCallback((date: Date) => {\n rescheduleMessage({\n chatId: message.chatId,\n messageId: message.id,\n scheduledAt: Math.round(date.getTime() / 1000),\n });\n }, [message.chatId, message.id, rescheduleMessage]);\n\n const handleCopyLink = useCallback(() => {\n loadMessageLink({\n messageId: message.id,\n chatId: message.chatId,\n });\n closeMenu();\n }, [closeMenu, loadMessageLink, message.chatId, message.id]);\n\n useEffect(() => {\n disableScrolling();\n\n return enableScrolling;\n }, []);\n\n if (noOptions) {\n closeMenu();\n\n return undefined;\n }\n\n const scheduledMaxDate = new Date();\n scheduledMaxDate.setFullYear(scheduledMaxDate.getFullYear() + 1);\n\n return (\n <div className={['ContextMenuContainer', transitionClassNames].join(' ')}>\n <MessageContextMenu\n message={message}\n isOpen={isMenuOpen}\n anchor={anchor}\n canSendNow={canSendNow}\n canReschedule={canReschedule}\n canReply={canReply}\n canDelete={canDelete}\n canPin={canPin}\n canUnpin={canUnpin}\n canEdit={canEdit}\n canForward={canForward}\n canFaveSticker={canFaveSticker}\n canUnfaveSticker={canUnfaveSticker}\n canCopy={canCopy}\n canCopyLink={canCopyLink}\n canSelect={canSelect}\n onReply={handleReply}\n onEdit={handleEdit}\n onPin={handlePin}\n onUnpin={handleUnpin}\n onForward={handleForward}\n onDelete={handleDelete}\n onFaveSticker={handleFaveSticker}\n onUnfaveSticker={handleUnfaveSticker}\n onSelect={handleSelectMessage}\n onSend={handleScheduledMessageSend}\n onReschedule={handleOpenCalendar}\n onClose={closeMenu}\n onCopyLink={handleCopyLink}\n />\n <DeleteMessageModal\n isOpen={isDeleteModalOpen}\n isSchedule={messageListType === 'scheduled'}\n onClose={closeDeleteModal}\n album={album}\n message={message}\n />\n <PinMessageModal\n isOpen={isPinModalOpen}\n messageId={message.id}\n chatId={message.chatId}\n onClose={closePinModal}\n />\n <CalendarModal\n isOpen={isCalendarOpen}\n withTimePicker\n selectedAt={message.date * 1000}\n maxAt={getDayStartAt(scheduledMaxDate)}\n isFutureMode\n onClose={handleCloseCalendar}\n onSubmit={handleRescheduleMessage}\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { message, messageListType }): StateProps => {\n const { threadId } = selectCurrentMessageList(global) || {};\n const {\n noOptions,\n canReply,\n canPin,\n canUnpin,\n canDelete,\n canEdit,\n canForward,\n canFaveSticker,\n canUnfaveSticker,\n canCopy,\n canCopyLink,\n canSelect,\n } = (threadId && selectAllowedMessageActions(global, message, threadId)) || {};\n const isPinned = messageListType === 'pinned';\n const isScheduled = messageListType === 'scheduled';\n\n return {\n noOptions,\n canSendNow: isScheduled,\n canReschedule: isScheduled,\n canReply: !isPinned && !isScheduled && canReply,\n canPin: !isScheduled && canPin,\n canUnpin: !isScheduled && canUnpin,\n canDelete,\n canEdit: !isPinned && canEdit,\n canForward: !isScheduled && canForward,\n canFaveSticker: !isScheduled && canFaveSticker,\n canUnfaveSticker: !isScheduled && canUnfaveSticker,\n canCopy,\n canCopyLink: !isScheduled && canCopyLink,\n canSelect,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'setReplyingToId',\n 'setEditingId',\n 'pinMessage',\n 'openForwardMenu',\n 'faveSticker',\n 'unfaveSticker',\n 'toggleMessageSelection',\n 'sendScheduledMessages',\n 'rescheduleMessage',\n 'loadMessageLink',\n ]),\n)(ContextMenuContainer));\n","import React, {\n FC, memo, useCallback, useEffect, useRef,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiSticker, ApiStickerSet } from '../../api/types';\nimport { GlobalActions } from '../../global/types';\n\nimport { STICKER_SIZE_MODAL } from '../../config';\nimport { pick } from '../../util/iteratees';\nimport { selectStickerSet } from '../../modules/selectors';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport useLang from '../../hooks/useLang';\n\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\nimport Loading from '../ui/Loading';\nimport StickerButton from './StickerButton';\n\nimport './StickerSetModal.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n fromSticker: ApiSticker;\n onClose: () => void;\n};\n\ntype StateProps = {\n stickerSet?: ApiStickerSet;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadStickers' | 'toggleStickerSet' | 'sendMessage'>;\n\nconst INTERSECTION_THROTTLE = 200;\n\nconst StickerSetModal: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n fromSticker,\n stickerSet,\n onClose,\n loadStickers,\n toggleStickerSet,\n sendMessage,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n const lang = useLang();\n\n const {\n observe: observeIntersection,\n } = useIntersectionObserver({ rootRef: containerRef, throttleMs: INTERSECTION_THROTTLE, isDisabled: !isOpen });\n\n useEffect(() => {\n if (isOpen) {\n const { stickerSetId, stickerSetAccessHash } = fromSticker;\n loadStickers({ stickerSetId, stickerSetAccessHash });\n }\n }, [isOpen, fromSticker, loadStickers]);\n\n const handleSelect = useCallback((sticker: ApiSticker) => {\n sticker = {\n ...sticker,\n isPreloadedGlobally: true,\n };\n\n sendMessage({ sticker });\n onClose();\n }, [onClose, sendMessage]);\n\n const handleButtonClick = useCallback(() => {\n toggleStickerSet({ stickerSetId: fromSticker.stickerSetId });\n onClose();\n }, [fromSticker.stickerSetId, onClose, toggleStickerSet]);\n\n return (\n <Modal\n className=\"StickerSetModal\"\n isOpen={isOpen}\n onClose={onClose}\n hasCloseButton\n title={stickerSet ? stickerSet.title : 'Sticker Set'}\n >\n {stickerSet && stickerSet.stickers ? (\n <>\n <div ref={containerRef} className=\"stickers custom-scroll\">\n {stickerSet.stickers.map((sticker) => (\n <StickerButton\n sticker={sticker}\n size={STICKER_SIZE_MODAL}\n observeIntersection={observeIntersection}\n onClick={handleSelect}\n clickArg={sticker}\n />\n ))}\n </div>\n <div className=\"button-wrapper\">\n <Button\n size=\"smaller\"\n fluid\n color={stickerSet.installedDate ? 'danger' : 'primary'}\n onClick={handleButtonClick}\n >\n {lang(\n stickerSet.installedDate ? 'StickerPack.RemoveStickerCount' : 'StickerPack.AddStickerCount',\n stickerSet.count,\n 'i',\n )}\n </Button>\n </div>\n </>\n ) : (\n <Loading />\n )}\n </Modal>\n );\n};\n\nexport default memo(withGlobal(\n (global, { fromSticker }: OwnProps) => {\n return { stickerSet: selectStickerSet(global, fromSticker.stickerSetId) };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadStickers',\n 'toggleStickerSet',\n 'sendMessage',\n ]),\n)(StickerSetModal));\n","import React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiChat } from '../../api/types';\nimport { IAnchorPosition } from '../../types';\n\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport { disableScrolling, enableScrolling } from '../../util/scrollLock';\nimport { selectChat } from '../../modules/selectors';\nimport { pick } from '../../util/iteratees';\nimport { isChatPrivate, getCanDeleteChat } from '../../modules/helpers';\nimport useShowTransition from '../../hooks/useShowTransition';\nimport useLang from '../../hooks/useLang';\n\nimport Portal from '../ui/Portal';\nimport Menu from '../ui/Menu';\nimport MenuItem from '../ui/MenuItem';\nimport DeleteChatModal from '../common/DeleteChatModal';\n\nimport './HeaderMenuContainer.scss';\n\ntype DispatchProps = Pick<GlobalActions, 'updateChatMutedState' | 'enterMessageSelectMode'>;\n\nexport type OwnProps = {\n chatId: number;\n threadId: number;\n isOpen: boolean;\n anchor: IAnchorPosition;\n isChannel?: boolean;\n canSubscribe?: boolean;\n canSearch?: boolean;\n canMute?: boolean;\n canSelect?: boolean;\n canLeave?: boolean;\n onSubscribeChannel: () => void;\n onSearchClick: () => void;\n onClose: () => void;\n onCloseAnimationEnd: () => void;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n isPrivate?: boolean;\n isMuted?: boolean;\n canDeleteChat?: boolean;\n};\n\nconst HeaderMenuContainer: FC<OwnProps & StateProps & DispatchProps> = ({\n chatId,\n isOpen,\n anchor,\n isChannel,\n canSubscribe,\n canSearch,\n canMute,\n canSelect,\n canLeave,\n chat,\n isPrivate,\n isMuted,\n canDeleteChat,\n onSubscribeChannel,\n onSearchClick,\n onClose,\n onCloseAnimationEnd,\n updateChatMutedState,\n enterMessageSelectMode,\n}) => {\n const [isMenuOpen, setIsMenuOpen] = useState(true);\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n const { x, y } = anchor;\n\n useShowTransition(isOpen, onCloseAnimationEnd, undefined, false);\n\n const handleDelete = useCallback(() => {\n setIsMenuOpen(false);\n setIsDeleteModalOpen(true);\n }, []);\n\n const closeMenu = useCallback(() => {\n setIsMenuOpen(false);\n onClose();\n }, [onClose]);\n\n const closeDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n onClose();\n }, [onClose]);\n\n const handleToggleMuteClick = useCallback(() => {\n updateChatMutedState({ chatId, isMuted: !isMuted });\n closeMenu();\n }, [chatId, closeMenu, isMuted, updateChatMutedState]);\n\n const handleSubscribe = useCallback(() => {\n onSubscribeChannel();\n closeMenu();\n }, [closeMenu, onSubscribeChannel]);\n\n const handleSearch = useCallback(() => {\n onSearchClick();\n closeMenu();\n }, [closeMenu, onSearchClick]);\n\n const handleSelectMessages = useCallback(() => {\n enterMessageSelectMode();\n closeMenu();\n }, [closeMenu, enterMessageSelectMode]);\n\n useEffect(() => {\n disableScrolling();\n\n return enableScrolling;\n }, []);\n\n const lang = useLang();\n\n return (\n <Portal>\n <div className=\"HeaderMenuContainer\">\n <Menu\n isOpen={isMenuOpen}\n positionX=\"right\"\n style={`left: ${x}px;top: ${y}px;`}\n onClose={closeMenu}\n >\n {IS_MOBILE_SCREEN && canSubscribe && (\n <MenuItem\n icon={isChannel ? 'channel' : 'group'}\n onClick={handleSubscribe}\n >\n {lang(isChannel ? 'Subscribe' : 'Join Group')}\n </MenuItem>\n )}\n {IS_MOBILE_SCREEN && canSearch && (\n <MenuItem\n icon=\"search\"\n onClick={handleSearch}\n >\n {lang('Search')}\n </MenuItem>\n )}\n {canMute && (\n <MenuItem\n icon={isMuted ? 'unmute' : 'mute'}\n onClick={handleToggleMuteClick}\n >\n {lang(isMuted ? 'ChatsUnmute' : 'ChatsMute')}\n </MenuItem>\n )}\n {canSelect && (\n <MenuItem\n icon=\"select\"\n onClick={handleSelectMessages}\n >\n {lang('ReportSelectMessages')}\n </MenuItem>\n )}\n {canLeave && (\n <MenuItem\n destructive\n icon=\"delete\"\n onClick={handleDelete}\n >\n {lang(isPrivate\n ? 'Delete'\n : (canDeleteChat ? 'GroupInfo.DeleteAndExit' : (isChannel ? 'LeaveChannel' : 'Group.LeaveGroup')))}\n </MenuItem>\n )}\n </Menu>\n {chat && (\n <DeleteChatModal\n isOpen={isDeleteModalOpen}\n onClose={closeDeleteModal}\n chat={chat}\n />\n )}\n </div>\n </Portal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n if (!chat || chat.isRestricted) {\n return {};\n }\n\n return {\n chat,\n isMuted: chat.isMuted,\n isPrivate: isChatPrivate(chat.id),\n canDeleteChat: getCanDeleteChat(chat),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'updateChatMutedState',\n 'enterMessageSelectMode',\n ]),\n)(HeaderMenuContainer));\n","import React, {\n FC, memo, useCallback, useEffect, useRef, useState, useLayoutEffect,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiChat } from '../../api/types';\nimport { GlobalActions } from '../../global/types';\n\nimport { debounce } from '../../util/schedulers';\nimport { selectCurrentTextSearch, selectCurrentChat } from '../../modules/selectors';\nimport { pick } from '../../util/iteratees';\nimport useFlag from '../../hooks/useFlag';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\nimport SearchInput from '../ui/SearchInput';\nimport CalendarModal from '../common/CalendarModal';\n\nimport './MobileSearch.scss';\n\nexport type OwnProps = {\n isActive: boolean;\n};\n\ntype StateProps = {\n isActive?: boolean;\n chat?: ApiChat;\n query?: string;\n totalCount?: number;\n foundIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'setLocalTextSearchQuery' | 'searchTextMessagesLocal' | 'closeLocalTextSearch' | 'searchMessagesByDate' |\n 'focusMessage'\n)>;\n\nconst runDebouncedForSearch = debounce((cb) => cb(), 200, false);\n\nconst MobileSearchFooter: FC<StateProps & DispatchProps> = ({\n isActive,\n chat,\n query,\n totalCount,\n foundIds,\n setLocalTextSearchQuery,\n searchTextMessagesLocal,\n focusMessage,\n closeLocalTextSearch,\n searchMessagesByDate,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n const [focusedIndex, setFocusedIndex] = useState(0);\n const [isCalendarOpen, openCalendar, closeCalendar] = useFlag();\n\n // Fix for iOS keyboard\n useEffect(() => {\n const { visualViewport } = window as any;\n if (!visualViewport) {\n return undefined;\n }\n\n const mainEl = document.getElementById('Main') as HTMLDivElement;\n const handleResize = () => {\n const { activeElement } = document;\n if (activeElement && (activeElement === inputRef.current)) {\n const { pageTop, height } = visualViewport;\n mainEl.style.transform = `translateY(${pageTop}px)`;\n mainEl.style.height = `${height}px`;\n document.documentElement.scrollTop = pageTop;\n } else {\n mainEl.style.transform = '';\n mainEl.style.height = '';\n }\n };\n\n visualViewport.addEventListener('resize', handleResize);\n\n return () => {\n visualViewport.removeEventListener('resize', handleResize);\n };\n }, []);\n\n // Focus message\n useEffect(() => {\n if (chat && foundIds && foundIds.length) {\n focusMessage({ chatId: chat.id, messageId: foundIds[foundIds.length - 1] });\n setFocusedIndex(0);\n } else {\n setFocusedIndex(-1);\n }\n }, [chat, focusMessage, foundIds]);\n\n // Disable native up/down buttons on iOS\n useEffect(() => {\n Array.from(document.querySelectorAll<HTMLInputElement>('input')).forEach((input) => {\n input.disabled = Boolean(isActive && input !== inputRef.current);\n });\n\n Array.from(document.querySelectorAll<HTMLDivElement>('div[contenteditable]')).forEach((div) => {\n div.contentEditable = isActive ? 'false' : 'true';\n });\n }, [isActive]);\n\n // Blur on exit\n useEffect(() => {\n if (!isActive) {\n inputRef.current!.blur();\n }\n }, [isActive]);\n\n useLayoutEffect(() => {\n const searchInput = document.querySelector<HTMLInputElement>('#MobileSearch input')!;\n searchInput.blur();\n }, [isCalendarOpen]);\n\n const handleMessageSearchQueryChange = useCallback((newQuery: string) => {\n setLocalTextSearchQuery({ query: newQuery });\n\n if (newQuery.length) {\n runDebouncedForSearch(searchTextMessagesLocal);\n }\n }, [searchTextMessagesLocal, setLocalTextSearchQuery]);\n\n const handleJumpToDate = useCallback((date: Date) => {\n searchMessagesByDate({ timestamp: date.valueOf() / 1000 });\n closeCalendar();\n }, [closeCalendar, searchMessagesByDate]);\n\n const handleUp = useCallback(() => {\n if (chat && foundIds) {\n const newFocusIndex = focusedIndex + 1;\n focusMessage({ chatId: chat.id, messageId: foundIds[foundIds.length - 1 - newFocusIndex] });\n setFocusedIndex(newFocusIndex);\n }\n }, [chat, focusedIndex, focusMessage, foundIds]);\n\n const handleDown = useCallback(() => {\n if (chat && foundIds) {\n const newFocusIndex = focusedIndex - 1;\n focusMessage({ chatId: chat.id, messageId: foundIds[foundIds.length - 1 - newFocusIndex] });\n setFocusedIndex(newFocusIndex);\n }\n }, [chat, focusedIndex, focusMessage, foundIds]);\n\n const lang = useLang();\n\n return (\n <div id=\"MobileSearch\" className={isActive ? 'active' : ''}>\n <div className=\"header\">\n <Button\n size=\"smaller\"\n round\n color=\"translucent\"\n onClick={closeLocalTextSearch}\n >\n <i className=\"icon-arrow-left\" />\n </Button>\n <SearchInput\n ref={inputRef}\n value={query}\n onChange={handleMessageSearchQueryChange}\n />\n </div>\n <div className=\"footer\">\n <div className=\"counter\">\n {query ? (\n foundIds && foundIds.length ? (\n `${focusedIndex + 1} of ${totalCount}`\n ) : foundIds && !foundIds.length ? (\n 'No results'\n ) : (\n ''\n )\n ) : (\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={openCalendar}\n ariaLabel=\"Search messages by date\"\n >\n <i className=\"icon-calendar\" />\n </Button>\n )}\n </div>\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={handleUp}\n disabled={!foundIds || !foundIds.length || focusedIndex === foundIds.length - 1}\n >\n <i className=\"icon-up\" />\n </Button>\n <Button\n round\n size=\"smaller\"\n color=\"translucent\"\n onClick={handleDown}\n disabled={!foundIds || !foundIds.length || focusedIndex === 0}\n >\n <i className=\"icon-down\" />\n </Button>\n </div>\n <CalendarModal\n isOpen={isCalendarOpen}\n isPastMode\n submitButtonLabel={lang('JumpToDate')}\n onClose={closeCalendar}\n onSubmit={handleJumpToDate}\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const chat = selectCurrentChat(global);\n if (!chat) {\n return {};\n }\n\n const { query, results } = selectCurrentTextSearch(global) || {};\n const { totalCount, foundIds } = results || {};\n\n return {\n chat,\n query,\n totalCount,\n foundIds,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'setLocalTextSearchQuery',\n 'searchTextMessagesLocal',\n 'focusMessage',\n 'closeLocalTextSearch',\n 'searchMessagesByDate',\n ]),\n)(MobileSearchFooter));\n","export default function findInViewport(\n container: HTMLElement,\n selectorOrElements: string | NodeListOf<HTMLElement>,\n margin = 0,\n isDense = false,\n shouldContainBottom = false,\n isHorizontal = false,\n) {\n const viewportY1 = container[isHorizontal ? 'scrollLeft' : 'scrollTop'];\n const viewportY2 = viewportY1 + container[isHorizontal ? 'offsetWidth' : 'offsetHeight'];\n const allElements = typeof selectorOrElements === 'string'\n ? container.querySelectorAll<HTMLElement>(selectorOrElements)\n : selectorOrElements;\n const { length } = allElements;\n const visibleIndexes: number[] = [];\n let isFound = false;\n\n for (let i = 0; i < length; i++) {\n const element = allElements[i];\n const y1 = element[isHorizontal ? 'offsetLeft' : 'offsetTop'];\n const y2 = y1 + element[isHorizontal ? 'offsetWidth' : 'offsetHeight'];\n const isVisible = shouldContainBottom\n ? y2 >= viewportY1 - margin && y2 <= viewportY2 + margin\n : y1 <= viewportY2 + margin && y2 >= viewportY1 - margin;\n\n if (isVisible) {\n visibleIndexes.push(i);\n isFound = true;\n } else if (isFound && !isDense) {\n break;\n }\n }\n\n return { allElements, visibleIndexes };\n}\n","function isFullyVisible(container: HTMLElement, element: HTMLElement, isHorizontal = false) {\n const viewportY1 = container[isHorizontal ? 'scrollLeft' : 'scrollTop'];\n const viewportY2 = viewportY1 + container[isHorizontal ? 'offsetWidth' : 'offsetHeight'];\n const y1 = element[isHorizontal ? 'offsetLeft' : 'offsetTop'];\n const y2 = y1 + element[isHorizontal ? 'offsetWidth' : 'offsetHeight'];\n return y1 > viewportY1 && y2 < viewportY2;\n}\n\nexport default isFullyVisible;\n","import React, {\n FC, useCallback, useEffect, useState, useRef, memo,\n} from '../../../lib/teact/teact';\nimport usePrevious from '../../../hooks/usePrevious';\n\nimport { ApiChatMember, ApiUser } from '../../../api/types';\n\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport buildClassName from '../../../util/buildClassName';\nimport captureKeyboardListeners from '../../../util/captureKeyboardListeners';\nimport findInViewport from '../../../util/findInViewport';\nimport isFullyVisible from '../../../util/isFullyVisible';\nimport fastSmoothScroll from '../../../util/fastSmoothScroll';\nimport cycleRestrict from '../../../util/cycleRestrict';\n\nimport ListItem from '../../ui/ListItem';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\n\nimport './MentionTooltip.scss';\n\nconst VIEWPORT_MARGIN = 8;\nconst SCROLL_MARGIN = 10;\n\nfunction setItemVisible(index: number, containerRef: Record<string, any>) {\n const container = containerRef.current!;\n if (!container || index < 0) {\n return;\n }\n const { visibleIndexes, allElements } = findInViewport(\n container,\n '.chat-item-clickable',\n VIEWPORT_MARGIN,\n true,\n true,\n );\n if (!allElements.length || !allElements[index]) {\n return;\n }\n const first = visibleIndexes[0];\n if (!visibleIndexes.includes(index)\n || (index === first && !isFullyVisible(container, allElements[first]))) {\n const position = index > visibleIndexes[visibleIndexes.length - 1] ? 'start' : 'end';\n fastSmoothScroll(container, allElements[index], position, SCROLL_MARGIN);\n }\n}\n\nexport type OwnProps = {\n isOpen: boolean;\n filter: string;\n onClose: () => void;\n onInsertUserName: (user: ApiUser, forceFocus?: boolean) => void;\n filteredChatMembers?: ApiChatMember[];\n usersById?: Record<number, ApiUser>;\n};\n\nconst MentionTooltip: FC<OwnProps> = ({\n isOpen,\n filter,\n onClose,\n onInsertUserName,\n usersById,\n filteredChatMembers,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false);\n\n const getSelectedIndex = useCallback((newIndex: number) => {\n if (!filteredChatMembers) {\n return -1;\n }\n const membersCount = filteredChatMembers!.length;\n return cycleRestrict(membersCount, newIndex);\n }, [filteredChatMembers]);\n\n const [selectedMentionIndex, setSelectedMentionIndex] = useState(-1);\n\n const handleArrowKey = useCallback((value: number, e: KeyboardEvent) => {\n e.preventDefault();\n setSelectedMentionIndex((index) => (getSelectedIndex(index + value)));\n }, [setSelectedMentionIndex, getSelectedIndex]);\n\n const handleUserSelect = useCallback((userId: number, forceFocus = false) => {\n const user = usersById && usersById[userId];\n if (!user) {\n return;\n }\n\n onInsertUserName(user, forceFocus);\n }, [usersById, onInsertUserName]);\n\n const handleSelectMention = useCallback((e: KeyboardEvent) => {\n if (filteredChatMembers && filteredChatMembers.length && selectedMentionIndex > -1) {\n const member = filteredChatMembers[selectedMentionIndex];\n if (member) {\n e.preventDefault();\n handleUserSelect(member.userId, true);\n }\n }\n }, [filteredChatMembers, selectedMentionIndex, handleUserSelect]);\n\n useEffect(() => (isOpen ? captureKeyboardListeners({\n onEsc: onClose,\n onUp: (e: KeyboardEvent) => handleArrowKey(-1, e),\n onDown: (e: KeyboardEvent) => handleArrowKey(1, e),\n onEnter: handleSelectMention,\n onTab: handleSelectMention,\n }) : undefined), [isOpen, onClose, handleArrowKey, handleSelectMention]);\n\n useEffect(() => {\n if (filteredChatMembers && !filteredChatMembers.length) {\n onClose();\n }\n }, [filteredChatMembers, onClose]);\n\n useEffect(() => {\n setSelectedMentionIndex(0);\n }, [filter]);\n\n useEffect(() => {\n setItemVisible(selectedMentionIndex, containerRef);\n }, [selectedMentionIndex]);\n\n const prevChatMembers = usePrevious(\n filteredChatMembers && filteredChatMembers.length\n ? filteredChatMembers\n : undefined,\n shouldRender,\n );\n const renderedChatMembers = filteredChatMembers && !filteredChatMembers.length\n ? prevChatMembers\n : filteredChatMembers;\n\n if (!shouldRender || (renderedChatMembers && !renderedChatMembers.length)) {\n return undefined;\n }\n\n const className = buildClassName(\n 'MentionTooltip composer-tooltip custom-scroll',\n transitionClassNames,\n );\n\n return (\n <div className={className} ref={containerRef}>\n {renderedChatMembers && renderedChatMembers.map(({ userId }, index) => (\n <ListItem\n key={userId}\n className=\"chat-item-clickable scroll-item\"\n onClick={() => handleUserSelect(userId)}\n focus={selectedMentionIndex === index}\n >\n <PrivateChatInfo\n userId={userId}\n avatarSize=\"small\"\n withUsername\n />\n </ListItem>\n ))}\n </div>\n );\n};\n\nexport default memo(MentionTooltip);\n","import React, {\n FC, memo, useCallback, useEffect,\n} from '../../../lib/teact/teact';\n\nimport { ApiAttachment, ApiChatMember, ApiUser } from '../../../api/types';\nimport { EDITABLE_INPUT_MODAL_ID } from '../../../config';\n\nimport { getFileExtension } from '../../common/helpers/documentInfo';\nimport captureEscKeyListener from '../../../util/captureEscKeyListener';\nimport usePrevious from '../../../hooks/usePrevious';\nimport useMentionTooltip from './hooks/useMentionTooltip';\nimport useEmojiTooltip from './hooks/useEmojiTooltip';\nimport useLang from '../../../hooks/useLang';\n\nimport Button from '../../ui/Button';\nimport Modal from '../../ui/Modal';\nimport File from '../../common/File';\nimport MessageInput from './MessageInput';\nimport MentionTooltip from './MentionTooltip';\nimport EmojiTooltip from './EmojiTooltip.async';\n\nimport './AttachmentModal.scss';\n\nexport type OwnProps = {\n attachments: ApiAttachment[];\n caption: string;\n canSuggestMembers?: boolean;\n canSuggestEmoji?: boolean;\n currentUserId?: number;\n groupChatMembers?: ApiChatMember[];\n usersById?: Record<number, ApiUser>;\n recentEmojis: string[];\n addRecentEmoji: AnyToVoidFunction;\n onCaptionUpdate: (html: string) => void;\n onSend: () => void;\n onClear: () => void;\n};\n\nconst AttachmentModal: FC<OwnProps> = ({\n attachments,\n caption,\n canSuggestMembers,\n groupChatMembers,\n currentUserId,\n usersById,\n recentEmojis,\n onCaptionUpdate,\n addRecentEmoji,\n onSend,\n onClear,\n}) => {\n const prevAttachments = usePrevious(attachments);\n const renderingAttachments = attachments.length ? attachments : prevAttachments;\n const isOpen = Boolean(attachments.length);\n\n const {\n isMentionTooltipOpen, mentionFilter,\n closeMentionTooltip, insertMention,\n mentionFilteredMembers,\n } = useMentionTooltip(\n canSuggestMembers && isOpen,\n caption,\n onCaptionUpdate,\n EDITABLE_INPUT_MODAL_ID,\n groupChatMembers,\n currentUserId,\n usersById,\n );\n const {\n isEmojiTooltipOpen, closeEmojiTooltip, filteredEmojis, insertEmoji,\n } = useEmojiTooltip(\n isOpen,\n caption,\n recentEmojis,\n EDITABLE_INPUT_MODAL_ID,\n onCaptionUpdate,\n );\n\n useEffect(() => (isOpen ? captureEscKeyListener(onClear) : undefined), [isOpen, onClear]);\n\n const sendAttachments = useCallback(() => {\n if (isOpen) {\n onSend();\n }\n }, [isOpen, onSend]);\n\n const lang = useLang();\n\n if (!renderingAttachments) {\n return undefined;\n }\n\n const areAllPhotos = renderingAttachments.every((a) => a.mimeType.startsWith('image/'));\n const areAllVideos = renderingAttachments.every((a) => a.mimeType.startsWith('video/'));\n\n let title = '';\n if (areAllPhotos) {\n title = renderingAttachments.length === 1 ? 'Send Photo' : `Send ${renderingAttachments.length} Photos`;\n } else if (areAllVideos) {\n title = renderingAttachments.length === 1 ? 'Send Video' : `Send ${renderingAttachments.length} Videos`;\n } else {\n title = renderingAttachments.length === 1 ? 'Send File' : `Send ${renderingAttachments.length} Files`;\n }\n\n const isQuick = renderingAttachments.every((a) => a.quick);\n\n function renderHeader() {\n if (!renderingAttachments) {\n return undefined;\n }\n\n return (\n <div className=\"modal-header-condensed\">\n <Button round color=\"translucent\" size=\"smaller\" ariaLabel=\"Cancel attachments\" onClick={onClear}>\n <i className=\"icon-close\" />\n </Button>\n <div className=\"modal-title\">{title}</div>\n <Button\n color=\"primary\"\n size=\"smaller\"\n className=\"modal-action-button\"\n onClick={sendAttachments}\n >\n {lang('Send')}\n </Button>\n </div>\n );\n }\n\n return (\n <Modal isOpen={isOpen} onClose={onClear} header={renderHeader()} className=\"AttachmentModal\">\n {isQuick ? (\n <div className=\"media-wrapper custom-scroll\">\n {renderingAttachments.map((attachment) => (\n attachment.mimeType.startsWith('image/')\n ? <img src={attachment.blobUrl} alt=\"\" />\n : <video src={attachment.blobUrl} autoPlay muted loop />\n ))}\n </div>\n ) : (\n <div className=\"document-wrapper custom-scroll\">\n {renderingAttachments.map((attachment) => (\n <File\n name={attachment.filename}\n extension={getFileExtension(attachment.filename, attachment.mimeType)}\n previewData={attachment.previewBlobUrl}\n size={attachment.size}\n smaller\n />\n ))}\n </div>\n )}\n\n <div className=\"attachment-caption-wrapper\">\n <MentionTooltip\n isOpen={isMentionTooltipOpen}\n onClose={closeMentionTooltip}\n filter={mentionFilter}\n onInsertUserName={insertMention}\n filteredChatMembers={mentionFilteredMembers}\n usersById={usersById}\n />\n <EmojiTooltip\n isOpen={isEmojiTooltipOpen}\n emojis={filteredEmojis}\n onClose={closeEmojiTooltip}\n onEmojiSelect={insertEmoji}\n addRecentEmoji={addRecentEmoji}\n />\n <MessageInput\n id=\"caption-input-text\"\n html={caption}\n editableInputId={EDITABLE_INPUT_MODAL_ID}\n placeholder={lang('Caption')}\n onUpdate={onCaptionUpdate}\n onSend={onSend}\n shouldSetFocus={isOpen}\n />\n </div>\n </Modal>\n );\n};\n\nexport default memo(AttachmentModal);\n","import { ChangeEvent, RefObject } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect, useLayoutEffect, useRef, useState,\n} from '../../../lib/teact/teact';\n\nimport { ApiNewPoll } from '../../../api/types';\n\nimport captureEscKeyListener from '../../../util/captureEscKeyListener';\nimport parseMessageInput from './helpers/parseMessageInput';\nimport useLang from '../../../hooks/useLang';\n\nimport Button from '../../ui/Button';\nimport Modal from '../../ui/Modal';\nimport InputText from '../../ui/InputText';\nimport Checkbox from '../../ui/Checkbox';\nimport RadioGroup from '../../ui/RadioGroup';\n\nimport './PollModal.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n onSend: (pollSummary: ApiNewPoll) => void;\n onClear: () => void;\n};\n\nconst MAX_LIST_HEIGHT = 320;\nconst MAX_OPTIONS_COUNT = 10;\nconst MAX_OPTION_LENGTH = 100;\nconst MAX_QUESTION_LENGTH = 255;\nconst MAX_SOLUTION_LENGTH = 200;\n\nconst PollModal: FC<OwnProps> = ({ isOpen, onSend, onClear }) => {\n // eslint-disable-next-line no-null/no-null\n const questionInputRef = useRef<HTMLInputElement>(null);\n // eslint-disable-next-line no-null/no-null\n const optionsListRef = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const solutionRef = useRef<HTMLDivElement>(null);\n\n const [question, setQuestion] = useState<string>('');\n const [options, setOptions] = useState<string[]>(['']);\n const [isAnonymous, setIsAnonymous] = useState(true);\n const [isMultipleAnswers, setIsMultipleAnswers] = useState(false);\n const [isQuizMode, setIsQuizMode] = useState(false);\n const [solution, setSolution] = useState<string>();\n const [correctOption, setCorrectOption] = useState<string>();\n const [hasErrors, setHasErrors] = useState<boolean>(false);\n\n const focusInput = useCallback((ref: RefObject<HTMLInputElement>) => {\n if (isOpen && ref.current) {\n ref.current.focus();\n }\n }, [isOpen]);\n\n useEffect(() => (isOpen ? captureEscKeyListener(onClear) : undefined), [isOpen, onClear]);\n useEffect(() => {\n if (!isOpen) {\n setQuestion('');\n setOptions(['']);\n setIsAnonymous(true);\n setIsMultipleAnswers(false);\n setIsQuizMode(false);\n setSolution('');\n setCorrectOption('');\n setHasErrors(false);\n }\n }, [isOpen]);\n\n useEffect(() => focusInput(questionInputRef), [focusInput, isOpen]);\n\n useLayoutEffect(() => {\n const solutionEl = solutionRef.current;\n\n if (solutionEl && solution !== solutionEl.innerHTML) {\n solutionEl.innerHTML = solution;\n }\n }, [solution]);\n\n const addNewOption = useCallback((newOptions: string[] = []) => {\n setOptions([...newOptions, '']);\n requestAnimationFrame(() => {\n const list = optionsListRef.current;\n if (!list) {\n return;\n }\n\n list.classList.toggle('overflown', list.scrollHeight > MAX_LIST_HEIGHT);\n list.scrollTo({ top: list.scrollHeight, behavior: 'smooth' });\n });\n }, []);\n\n const handleCreate = useCallback(() => {\n setHasErrors(false);\n if (!isOpen) {\n return;\n }\n\n const questionTrimmed = question.trim().substring(0, MAX_QUESTION_LENGTH);\n const optionsTrimmed = options.map((o) => o.trim().substring(0, MAX_OPTION_LENGTH)).filter((o) => o.length);\n\n if (!questionTrimmed || optionsTrimmed.length < 2) {\n setQuestion(questionTrimmed);\n if (optionsTrimmed.length) {\n if (optionsTrimmed.length < 2) {\n addNewOption(optionsTrimmed);\n } else {\n setOptions(optionsTrimmed);\n }\n } else {\n addNewOption();\n }\n setHasErrors(true);\n return;\n }\n\n if (isQuizMode && (!correctOption || !optionsTrimmed[Number(correctOption)])) {\n setHasErrors(true);\n return;\n }\n\n const answers = optionsTrimmed\n .map((text, index) => ({\n text: text.trim(),\n option: String(index),\n ...(String(index) === correctOption && { correct: true }),\n }));\n\n const payload: ApiNewPoll = {\n summary: {\n question: questionTrimmed,\n answers,\n ...(!isAnonymous && { isPublic: true }),\n ...(isMultipleAnswers && { multipleChoice: true }),\n ...(isQuizMode && { quiz: true }),\n },\n };\n\n if (isQuizMode) {\n const { text, entities } = (solution && parseMessageInput(solution.substring(0, MAX_SOLUTION_LENGTH))) || {};\n\n payload.quiz = {\n correctAnswers: [correctOption],\n ...(text && { solution: text }),\n ...(entities && { solutionEntities: entities }),\n };\n }\n\n onSend(payload);\n }, [\n isOpen,\n question,\n options,\n isQuizMode,\n correctOption,\n isAnonymous,\n isMultipleAnswers,\n onSend,\n addNewOption,\n solution,\n ]);\n\n const updateOption = useCallback((index: number, text: string) => {\n const newOptions = [...options];\n newOptions[index] = text;\n if (newOptions[newOptions.length - 1].trim().length && newOptions.length < MAX_OPTIONS_COUNT) {\n addNewOption(newOptions);\n } else {\n setOptions(newOptions);\n }\n }, [options, addNewOption]);\n\n const removeOption = useCallback((index: number) => {\n const newOptions = [...options];\n newOptions.splice(index, 1);\n setOptions(newOptions);\n requestAnimationFrame(() => {\n if (!optionsListRef.current) {\n return;\n }\n\n optionsListRef.current.classList.toggle('overflown', optionsListRef.current.scrollHeight > MAX_LIST_HEIGHT);\n });\n }, [options]);\n\n const handleCorrectOptionChange = useCallback((newValue: string) => {\n setCorrectOption(newValue);\n }, [setCorrectOption]);\n\n const handleIsAnonymousChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setIsAnonymous(e.target.checked);\n }, []);\n\n const handleMultipleAnswersChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setIsMultipleAnswers(e.target.checked);\n }, []);\n\n const handleQuizModeChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setIsQuizMode(e.target.checked);\n }, []);\n\n const handleKeyPress = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.keyCode === 13) {\n handleCreate();\n }\n }, [handleCreate]);\n\n const getQuestionError = useCallback(() => {\n if (hasErrors && !question.trim().length) {\n return 'Please enter the question';\n }\n\n return undefined;\n }, [hasErrors, question]);\n\n const getOptionsError = useCallback((index: number) => {\n const optionsTrimmed = options.map((o) => o.trim()).filter((o) => o.length);\n if (hasErrors && optionsTrimmed.length < 2 && !options[index].trim().length) {\n return 'Please enter at least two options';\n }\n return undefined;\n }, [hasErrors, options]);\n\n const lang = useLang();\n\n function renderHeader() {\n return (\n <div className=\"modal-header-condensed\">\n <Button round color=\"translucent\" size=\"smaller\" ariaLabel=\"Cancel poll creation\" onClick={onClear}>\n <i className=\"icon-close\" />\n </Button>\n <div className=\"modal-title\">{lang('NewPoll')}</div>\n <Button\n color=\"primary\"\n size=\"smaller\"\n className=\"modal-action-button\"\n onClick={handleCreate}\n >\n {lang('Create')}\n </Button>\n </div>\n );\n }\n\n function renderOptions() {\n return options.map((option, index) => (\n <div className=\"option-wrapper\">\n <InputText\n label={index !== options.length - 1 || options.length === MAX_OPTIONS_COUNT\n ? `Option ${index + 1}`\n : 'Add an Option'}\n error={getOptionsError(index)}\n value={option}\n onChange={(e) => updateOption(index, e.currentTarget.value)}\n onKeyPress={handleKeyPress}\n />\n {index !== options.length - 1 && (\n <Button\n className=\"option-remove-button\"\n round\n color=\"translucent\"\n size=\"smaller\"\n ariaLabel=\"Remove option\"\n onClick={() => removeOption(index)}\n >\n <i className=\"icon-close\" />\n </Button>\n )}\n </div>\n ));\n }\n\n function renderRadioOptions() {\n return renderOptions()\n .map((label, index) => ({ value: String(index), label, hidden: index === options.length - 1 }));\n }\n\n function renderQuizNoOptionError() {\n const optionsTrimmed = options.map((o) => o.trim()).filter((o) => o.length);\n\n return isQuizMode && (!correctOption || !optionsTrimmed[Number(correctOption)]) && (\n <p className=\"error\">\n Please choose the correct answer\n </p>\n );\n }\n\n return (\n <Modal isOpen={isOpen} onClose={onClear} header={renderHeader()} className=\"PollModal\">\n <InputText\n ref={questionInputRef}\n label={lang('AskAQuestion')}\n value={question}\n error={getQuestionError()}\n onChange={(e) => setQuestion(e.currentTarget.value)}\n onKeyPress={handleKeyPress}\n />\n <div className=\"options-divider\" />\n\n <div className=\"options-list custom-scroll\" ref={optionsListRef}>\n <h3 className=\"options-header\">Options</h3>\n\n {hasErrors && renderQuizNoOptionError()}\n {isQuizMode ? (\n <RadioGroup\n name=\"correctOption\"\n options={renderRadioOptions()}\n onChange={handleCorrectOptionChange}\n />\n ) : (\n renderOptions()\n )}\n\n </div>\n\n <div className=\"options-divider\" />\n\n <div className=\"quiz-mode\">\n <Checkbox\n label={lang('PollAnonymous')}\n checked={isAnonymous}\n onChange={handleIsAnonymousChange}\n />\n <Checkbox\n label={lang('PollMultiple')}\n checked={isMultipleAnswers}\n disabled={isQuizMode}\n onChange={handleMultipleAnswersChange}\n />\n <Checkbox\n label={lang('PollQuiz')}\n checked={isQuizMode}\n disabled={isMultipleAnswers}\n onChange={handleQuizModeChange}\n />\n {isQuizMode && (\n <>\n <h3 className=\"options-header\">Solution</h3>\n <div\n ref={solutionRef}\n className=\"form-control\"\n contentEditable\n onChange={(e) => setSolution(e.currentTarget.innerHTML)}\n />\n <div className=\"note\">\n Users will see this comment after choosing a wrong answer, good for educational purposes.\n </div>\n </>\n )}\n </div>\n </Modal>\n );\n};\n\nexport default memo(PollModal);\n","import { useCallback, useEffect, useRef } from '../lib/teact/teact';\n\nimport { IS_TOUCH_ENV } from '../util/environment';\n\nconst MENU_CLOSE_TIMEOUT = 250;\nlet closeTimeout: number | undefined;\n\nexport default function useMouseInside(\n isOpen: boolean, onClose: NoneToVoidFunction, menuCloseTimeout = MENU_CLOSE_TIMEOUT,\n) {\n const isMouseInside = useRef(false);\n\n useEffect(() => {\n if (closeTimeout) {\n clearTimeout(closeTimeout);\n closeTimeout = undefined;\n }\n\n if (isOpen && !IS_TOUCH_ENV) {\n closeTimeout = window.setTimeout(() => {\n if (!isMouseInside.current) {\n onClose();\n }\n }, menuCloseTimeout * 2);\n }\n }, [isOpen, menuCloseTimeout, onClose]);\n\n const handleMouseEnter = useCallback(() => {\n isMouseInside.current = true;\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n isMouseInside.current = false;\n\n if (closeTimeout) {\n clearTimeout(closeTimeout);\n closeTimeout = undefined;\n }\n\n closeTimeout = window.setTimeout(() => {\n if (!isMouseInside.current) {\n onClose();\n }\n }, menuCloseTimeout);\n }, [menuCloseTimeout, onClose]);\n\n return [handleMouseEnter, handleMouseLeave];\n}\n","import React, { FC, memo, useCallback } from '../../../lib/teact/teact';\n\nimport { IS_EMOJI_SUPPORTED } from '../../../util/environment';\n\nimport './EmojiButton.scss';\n\ntype OwnProps = {\n emoji: Emoji;\n focus?: boolean;\n onClick: (emoji: string, name: string) => void;\n};\n\nconst EmojiButton: FC<OwnProps> = ({ emoji, focus, onClick }) => {\n const handleClick = useCallback(() => {\n onClick(emoji.native, emoji.id);\n }, [emoji, onClick]);\n\n return (\n <div\n className={`EmojiButton ${focus ? 'focus' : ''}`}\n onClick={handleClick}\n title={`:${emoji.names[0]}:`}\n >\n {IS_EMOJI_SUPPORTED ? emoji.native : <img src={`/img-apple-64/${emoji.image}.png`} alt=\"\" loading=\"lazy\" />}\n </div>\n );\n};\n\nexport default memo(EmojiButton);\n","import React, { FC, memo, useRef } from '../../../lib/teact/teact';\n\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport buildClassName from '../../../util/buildClassName';\nimport windowSize from '../../../util/windowSize';\nimport { ObserveFn, useOnIntersect } from '../../../hooks/useIntersectionObserver';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport useLang from '../../../hooks/useLang';\n\nimport EmojiButton from './EmojiButton';\n\nconst EMOJIS_PER_ROW_ON_DESKTOP = 9;\nconst EMOJI_MARGIN = 4;\nconst MOBILE_CONTAINER_PADDING = 8;\nconst EMOJI_SIZE = 40;\n\ntype OwnProps = {\n category: EmojiCategory;\n index: number;\n allEmojis: AllEmojis;\n observeIntersection: ObserveFn;\n shouldRender: boolean;\n onEmojiSelect: (emoji: string, name: string) => void;\n};\n\nconst EmojiCategory: FC<OwnProps> = ({\n category, index, allEmojis, observeIntersection, shouldRender, onEmojiSelect,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n\n useOnIntersect(ref, observeIntersection);\n\n const { transitionClassNames } = useShowTransition(shouldRender, undefined, undefined, 'slow');\n\n const lang = useLang();\n\n const emojisPerRow = IS_MOBILE_SCREEN\n ? Math.floor((windowSize.get().width - MOBILE_CONTAINER_PADDING) / (EMOJI_SIZE + EMOJI_MARGIN))\n : EMOJIS_PER_ROW_ON_DESKTOP;\n const height = Math.ceil(category.emojis.length / emojisPerRow) * (EMOJI_SIZE + EMOJI_MARGIN);\n\n return (\n <div\n ref={ref}\n key={category.id}\n id={`emoji-category-${index}`}\n className=\"symbol-set\"\n >\n <p className=\"symbol-set-name\">{lang(category.id === 'recent' ? 'RecentStickers' : `Emoji${index}`)}</p>\n <div\n className={buildClassName('symbol-set-container', transitionClassNames)}\n // @ts-ignore\n style={`height: ${height}px;`}\n >\n {shouldRender && category.emojis.map((name) => {\n const emoji = allEmojis[name];\n // Some emojis have multiple skins and are represented as an Object with emojis for all skins.\n // For now, we select only the first emoji with 'neutral' skin.\n const displayedEmoji = 'id' in emoji ? emoji : emoji[1];\n\n return (\n <EmojiButton\n key={displayedEmoji.id}\n emoji={displayedEmoji}\n onClick={onEmojiSelect}\n />\n );\n })}\n </div>\n </div>\n );\n};\n\nexport default memo(EmojiCategory);\n","import React, {\n FC, useState, useEffect, memo, useRef, useMemo, useCallback,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalState } from '../../../global/types';\n\nimport { MENU_TRANSITION_DURATION } from '../../../config';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport {\n EmojiModule,\n EmojiRawData,\n EmojiData,\n uncompressEmoji,\n} from '../../../util/emoji';\nimport fastSmoothScroll from '../../../util/fastSmoothScroll';\nimport buildClassName from '../../../util/buildClassName';\nimport { pick } from '../../../util/iteratees';\nimport fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\nimport { useIntersectionObserver } from '../../../hooks/useIntersectionObserver';\nimport useHorizontalScroll from '../../../hooks/useHorizontalScroll';\nimport useLang from '../../../hooks/useLang';\n\nimport Button from '../../ui/Button';\nimport Loading from '../../ui/Loading';\nimport EmojiCategory from './EmojiCategory';\n\nimport './EmojiPicker.scss';\n\ntype OwnProps = {\n className?: string;\n onEmojiSelect: (emoji: string, name: string) => void;\n};\n\ntype StateProps = Pick<GlobalState, 'recentEmojis'>;\ntype EmojiCategoryData = { id: string; name: string; emojis: string[] };\n\nconst ICONS_BY_CATEGORY: Record<string, string> = {\n recent: 'icon-recent',\n people: 'icon-smile',\n nature: 'icon-animals',\n foods: 'icon-eats',\n activity: 'icon-sport',\n places: 'icon-car',\n objects: 'icon-lamp',\n symbols: 'icon-language',\n flags: 'icon-flag',\n};\n\nconst OPEN_ANIMATION_DELAY = 200;\n// Only a few categories are above this height.\nconst SMOOTH_SCROLL_DISTANCE = 800;\nconst FOCUS_MARGIN = 50;\nconst HEADER_BUTTON_WIDTH = 42; // px. Includes margins\nconst INTERSECTION_THROTTLE = 200;\n\nconst categoryIntersections: boolean[] = [];\n\nlet emojiDataPromise: Promise<EmojiModule>;\nlet emojiRawData: EmojiRawData;\nlet emojiData: EmojiData;\n\nconst EmojiPicker: FC<OwnProps & StateProps> = ({\n className, onEmojiSelect, recentEmojis,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const headerRef = useRef<HTMLDivElement>(null);\n\n const [categories, setCategories] = useState<EmojiCategoryData[]>();\n const [emojis, setEmojis] = useState<AllEmojis>();\n const [activeCategoryIndex, setActiveCategoryIndex] = useState(0);\n\n const { observe: observeIntersection } = useIntersectionObserver({\n rootRef: containerRef,\n throttleMs: INTERSECTION_THROTTLE,\n }, (entries) => {\n entries.forEach((entry) => {\n const { id } = entry.target as HTMLDivElement;\n if (!id || !id.startsWith('emoji-category-')) {\n return;\n }\n\n const index = Number(id.replace('emoji-category-', ''));\n categoryIntersections[index] = entry.isIntersecting;\n });\n\n const intersectingWithIndexes = categoryIntersections\n .map((isIntersecting, index) => ({ index, isIntersecting }))\n .filter(({ isIntersecting }) => isIntersecting);\n\n if (!intersectingWithIndexes.length) {\n return;\n }\n\n setActiveCategoryIndex(intersectingWithIndexes[Math.floor(intersectingWithIndexes.length / 2)].index);\n });\n\n useHorizontalScroll(headerRef, !IS_MOBILE_SCREEN);\n\n // Scroll header when active set updates\n useEffect(() => {\n if (!categories) {\n return;\n }\n\n const header = headerRef.current;\n if (!header) {\n return;\n }\n\n const newLeft = activeCategoryIndex * HEADER_BUTTON_WIDTH - header.offsetWidth / 2 + HEADER_BUTTON_WIDTH / 2;\n\n fastSmoothScrollHorizontal(header, newLeft);\n }, [categories, activeCategoryIndex]);\n\n const lang = useLang();\n\n const allCategories = useMemo(() => {\n if (!categories) {\n return MEMO_EMPTY_ARRAY;\n }\n const themeCategories = [...categories];\n if (recentEmojis && recentEmojis.length) {\n themeCategories.unshift({\n id: 'recent',\n name: lang('RecentStickers'),\n emojis: recentEmojis,\n });\n }\n\n return themeCategories;\n }, [categories, lang, recentEmojis]);\n\n // Initialize data on first render.\n useEffect(() => {\n setTimeout(() => {\n const exec = () => {\n setCategories(emojiData.categories);\n\n setEmojis(emojiData.emojis as AllEmojis);\n };\n\n if (emojiData) {\n exec();\n } else {\n ensureEmojiData()\n .then(exec);\n }\n }, OPEN_ANIMATION_DELAY);\n }, []);\n\n const selectCategory = useCallback((index: number) => {\n setActiveCategoryIndex(index);\n const categoryEl = document.getElementById(`emoji-category-${index}`)!;\n fastSmoothScroll(containerRef.current!, categoryEl, 'start', FOCUS_MARGIN, SMOOTH_SCROLL_DISTANCE);\n }, []);\n\n const handleEmojiSelect = useCallback((emoji: string, name: string) => {\n onEmojiSelect(emoji, name);\n }, [onEmojiSelect]);\n\n const canRenderContents = useAsyncRendering([], MENU_TRANSITION_DURATION);\n\n function renderCategoryButton(category: EmojiCategoryData, index: number) {\n const icon = ICONS_BY_CATEGORY[category.id];\n\n return icon && (\n <Button\n className={`symbol-set-button ${index === activeCategoryIndex ? 'activated' : ''}`}\n round\n faded\n color=\"translucent\"\n onClick={() => selectCategory(index)}\n ariaLabel={category.name}\n >\n <i className={icon} />\n </Button>\n );\n }\n\n const containerClassName = buildClassName('EmojiPicker', className);\n\n if (!emojis || !canRenderContents) {\n return (\n <div className={containerClassName}>\n <Loading />\n </div>\n );\n }\n\n return (\n <div className={containerClassName}>\n <div ref={headerRef} className=\"EmojiPicker-header\">\n {allCategories.map(renderCategoryButton)}\n </div>\n <div ref={containerRef} className=\"EmojiPicker-main no-selection no-scrollbar\">\n {allCategories.map((category, i) => (\n <EmojiCategory\n category={category}\n index={i}\n allEmojis={emojis}\n observeIntersection={observeIntersection}\n shouldRender={activeCategoryIndex >= i - 1 && activeCategoryIndex <= i + 1}\n onEmojiSelect={handleEmojiSelect}\n />\n ))}\n </div>\n </div>\n );\n};\n\nasync function ensureEmojiData() {\n if (!emojiDataPromise) {\n emojiDataPromise = import('emoji-data-ios/emoji-data.json') as unknown as Promise<EmojiModule>;\n emojiRawData = (await emojiDataPromise).default;\n\n emojiData = uncompressEmoji(emojiRawData);\n }\n\n return emojiDataPromise;\n}\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => pick(global, ['recentEmojis']),\n)(EmojiPicker));\n","import React, { FC, memo, useRef } from '../../../lib/teact/teact';\n\nimport { ApiSticker } from '../../../api/types';\nimport { StickerSetOrRecent } from '../../../types';\nimport { ObserveFn, useOnIntersect } from '../../../hooks/useIntersectionObserver';\n\nimport { STICKER_SIZE_PICKER } from '../../../config';\nimport { IS_MOBILE_SCREEN } from '../../../util/environment';\nimport windowSize from '../../../util/windowSize';\nimport StickerButton from '../../common/StickerButton';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport buildClassName from '../../../util/buildClassName';\n\ntype OwnProps = {\n stickerSet: StickerSetOrRecent;\n loadAndPlay: boolean;\n index: number;\n observeIntersection: ObserveFn;\n shouldRender: boolean;\n onStickerSelect: (sticker: ApiSticker) => void;\n onStickerUnfave: (sticker: ApiSticker) => void;\n};\n\nconst STICKERS_PER_ROW_ON_DESKTOP = 5;\nconst STICKER_MARGIN = IS_MOBILE_SCREEN ? 8 : 16;\nconst MOBILE_CONTAINER_PADDING = 8;\n\nconst StickerSet: FC<OwnProps> = ({\n stickerSet,\n loadAndPlay,\n index,\n observeIntersection,\n shouldRender,\n onStickerSelect,\n onStickerUnfave,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n\n useOnIntersect(ref, observeIntersection);\n\n const { transitionClassNames } = useShowTransition(shouldRender, undefined, undefined, 'slow');\n\n const stickersPerRow = IS_MOBILE_SCREEN\n ? Math.floor((windowSize.get().width - MOBILE_CONTAINER_PADDING) / (STICKER_SIZE_PICKER + STICKER_MARGIN))\n : STICKERS_PER_ROW_ON_DESKTOP;\n const height = Math.ceil(stickerSet.count / stickersPerRow) * (STICKER_SIZE_PICKER + STICKER_MARGIN);\n\n return (\n <div\n ref={ref}\n key={stickerSet.id}\n id={`sticker-set-${index}`}\n className=\"symbol-set\"\n >\n <p className=\"symbol-set-name\">{stickerSet.title}</p>\n <div\n className={buildClassName('symbol-set-container', transitionClassNames)}\n // @ts-ignore\n style={`height: ${height}px;`}\n >\n {shouldRender && stickerSet.stickers && stickerSet.stickers.map((sticker) => (\n <StickerButton\n key={sticker.id}\n sticker={sticker}\n size={STICKER_SIZE_PICKER}\n observeIntersection={observeIntersection}\n noAnimate={!loadAndPlay}\n onClick={onStickerSelect}\n clickArg={sticker}\n onUnfaveClick={stickerSet.id === 'favorite' ? onStickerUnfave : undefined}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default memo(StickerSet);\n","import React, {\n FC, useState, useEffect, memo, useRef, useMemo, useCallback,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiStickerSet, ApiSticker } from '../../../api/types';\nimport { StickerSetOrRecent } from '../../../types';\n\nimport { SLIDE_TRANSITION_DURATION, STICKER_SIZE_PICKER_HEADER } from '../../../config';\nimport { MEMO_EMPTY_ARRAY } from '../../../util/memo';\nimport fastSmoothScroll from '../../../util/fastSmoothScroll';\nimport buildClassName from '../../../util/buildClassName';\nimport { pick } from '../../../util/iteratees';\nimport fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\nimport { useIntersectionObserver } from '../../../hooks/useIntersectionObserver';\nimport useHorizontalScroll from '../../../hooks/useHorizontalScroll';\nimport useLang from '../../../hooks/useLang';\n\nimport Loading from '../../ui/Loading';\nimport Button from '../../ui/Button';\nimport StickerButton from '../../common/StickerButton';\nimport StickerSet from './StickerSet';\nimport StickerSetCover from './StickerSetCover';\nimport StickerSetCoverAnimated from './StickerSetCoverAnimated';\n\nimport './StickerPicker.scss';\n\ntype OwnProps = {\n className: string;\n loadAndPlay: boolean;\n canSendStickers: boolean;\n onStickerSelect: (sticker: ApiSticker) => void;\n};\n\ntype StateProps = {\n recentStickers: ApiSticker[];\n favoriteStickers: ApiSticker[];\n stickerSetsById: Record<string, ApiStickerSet>;\n addedSetIds?: string[];\n shouldPlay?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'loadStickerSets' | 'loadRecentStickers' | 'loadFavoriteStickers' |\n 'addRecentSticker' | 'loadAddedStickers' | 'unfaveSticker'\n)>;\n\nconst SMOOTH_SCROLL_DISTANCE = 500;\nconst HEADER_BUTTON_WIDTH = 52; // px (including margin)\nconst STICKER_INTERSECTION_THROTTLE = 200;\n\nconst stickerSetIntersections: boolean[] = [];\n\nconst StickerPicker: FC<OwnProps & StateProps & DispatchProps> = ({\n className,\n loadAndPlay,\n canSendStickers,\n recentStickers,\n favoriteStickers,\n addedSetIds,\n stickerSetsById,\n shouldPlay,\n onStickerSelect,\n loadStickerSets,\n loadRecentStickers,\n loadFavoriteStickers,\n loadAddedStickers,\n addRecentSticker,\n unfaveSticker,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const headerRef = useRef<HTMLDivElement>(null);\n const [activeSetIndex, setActiveSetIndex] = useState<number>(0);\n\n const { observe: observeIntersection } = useIntersectionObserver({\n rootRef: containerRef,\n throttleMs: STICKER_INTERSECTION_THROTTLE,\n }, (entries) => {\n entries.forEach((entry) => {\n const { id } = entry.target as HTMLDivElement;\n if (!id || !id.startsWith('sticker-set-')) {\n return;\n }\n\n const index = Number(id.replace('sticker-set-', ''));\n stickerSetIntersections[index] = entry.isIntersecting;\n });\n\n const intersectingWithIndexes = stickerSetIntersections\n .map((isIntersecting, index) => ({ index, isIntersecting }))\n .filter(({ isIntersecting }) => isIntersecting);\n\n if (!intersectingWithIndexes.length) {\n return;\n }\n\n setActiveSetIndex(intersectingWithIndexes[Math.floor(intersectingWithIndexes.length / 2)].index);\n });\n const { observe: observeIntersectionForCovers } = useIntersectionObserver({ rootRef: headerRef });\n\n const lang = useLang();\n\n const areAddedLoaded = Boolean(addedSetIds);\n\n const allSets = useMemo(() => {\n if (!addedSetIds) {\n return MEMO_EMPTY_ARRAY;\n }\n\n return [\n {\n id: 'recent',\n title: lang('RecentStickers'),\n stickers: recentStickers,\n count: recentStickers.length,\n },\n {\n id: 'favorite',\n title: lang('FavoriteStickers'),\n stickers: favoriteStickers,\n count: favoriteStickers.length,\n },\n ...addedSetIds.map((id) => stickerSetsById[id]).filter(Boolean),\n ];\n }, [addedSetIds, lang, recentStickers, favoriteStickers, stickerSetsById]);\n\n const noPopulatedSets = useMemo(() => (\n areAddedLoaded\n && allSets.filter((set) => set.stickers && set.stickers.length).length === 0\n ), [allSets, areAddedLoaded]);\n\n useEffect(() => {\n if (loadAndPlay) {\n loadStickerSets();\n loadRecentStickers();\n loadFavoriteStickers();\n }\n }, [loadAndPlay, loadFavoriteStickers, loadRecentStickers, loadStickerSets]);\n\n useEffect(() => {\n if (addedSetIds && addedSetIds.length) {\n loadAddedStickers();\n }\n }, [addedSetIds, loadAddedStickers]);\n\n useHorizontalScroll(headerRef);\n\n // Scroll container and header when active set changes\n useEffect(() => {\n if (!areAddedLoaded) {\n return;\n }\n\n const header = headerRef.current;\n if (!header) {\n return;\n }\n\n const newLeft = activeSetIndex * HEADER_BUTTON_WIDTH - (header.offsetWidth / 2 - HEADER_BUTTON_WIDTH / 2);\n\n fastSmoothScrollHorizontal(header, newLeft);\n }, [areAddedLoaded, activeSetIndex]);\n\n const selectStickerSet = useCallback((index: number) => {\n setActiveSetIndex(index);\n const stickerSetEl = document.getElementById(`sticker-set-${index}`)!;\n fastSmoothScroll(containerRef.current!, stickerSetEl, 'start', undefined, SMOOTH_SCROLL_DISTANCE);\n }, []);\n\n const handleStickerSelect = useCallback((sticker: ApiSticker) => {\n onStickerSelect(sticker);\n addRecentSticker({ sticker });\n }, [addRecentSticker, onStickerSelect]);\n\n const handleStickerUnfave = useCallback((sticker: ApiSticker) => {\n unfaveSticker({ sticker });\n }, [unfaveSticker]);\n\n const canRenderContents = useAsyncRendering([], SLIDE_TRANSITION_DURATION);\n\n function renderCover(stickerSet: StickerSetOrRecent, index: number) {\n const firstSticker = stickerSet.stickers && stickerSet.stickers[0];\n const buttonClassName = buildClassName(\n 'symbol-set-button sticker-set-button',\n index === activeSetIndex && 'activated',\n );\n\n if (stickerSet.id === 'recent' || stickerSet.id === 'favorite' || stickerSet.hasThumbnail || !firstSticker) {\n return (\n <Button\n key={stickerSet.id}\n className={buttonClassName}\n ariaLabel={stickerSet.title}\n round\n faded={stickerSet.id === 'recent' || stickerSet.id === 'favorite'}\n color=\"translucent\"\n onClick={() => selectStickerSet(index)}\n >\n {stickerSet.id === 'recent' ? (\n <i className=\"icon-recent\" />\n ) : stickerSet.id === 'favorite' ? (\n <i className=\"icon-favorite\" />\n ) : stickerSet.isAnimated ? (\n <StickerSetCoverAnimated\n stickerSet={stickerSet as ApiStickerSet}\n observeIntersection={observeIntersectionForCovers}\n />\n ) : (\n <StickerSetCover\n stickerSet={stickerSet as ApiStickerSet}\n observeIntersection={observeIntersectionForCovers}\n />\n )}\n </Button>\n );\n } else {\n return (\n <StickerButton\n key={stickerSet.id}\n sticker={firstSticker}\n size={STICKER_SIZE_PICKER_HEADER}\n title={stickerSet.title}\n className={buttonClassName}\n observeIntersection={observeIntersectionForCovers}\n onClick={selectStickerSet}\n clickArg={index}\n />\n );\n }\n }\n\n const fullClassName = buildClassName('StickerPicker', className);\n\n if (!areAddedLoaded || !canRenderContents || noPopulatedSets || !canSendStickers) {\n return (\n <div className={fullClassName}>\n {!canSendStickers ? (\n <div className=\"picker-disabled\">Sending stickers is not allowed in this chat.</div>\n ) : noPopulatedSets ? (\n <div className=\"picker-disabled\">You have no saved Stickers.</div>\n ) : (\n <Loading />\n )}\n </div>\n );\n }\n\n return (\n <div className={fullClassName}>\n <div\n ref={headerRef}\n className=\"StickerPicker-header no-selection no-scrollbar\"\n >\n {allSets.map(renderCover)}\n </div>\n <div ref={containerRef} className=\"StickerPicker-main no-scrollbar\">\n {allSets.map((stickerSet, i) => (\n <StickerSet\n key={stickerSet.id}\n stickerSet={stickerSet}\n loadAndPlay={Boolean(shouldPlay && loadAndPlay)}\n index={i}\n observeIntersection={observeIntersection}\n shouldRender={activeSetIndex >= i - 1 && activeSetIndex <= i + 1}\n onStickerSelect={handleStickerSelect}\n onStickerUnfave={handleStickerUnfave}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const {\n setsById,\n added,\n recent,\n favorite,\n } = global.stickers;\n\n return {\n recentStickers: recent.stickers,\n favoriteStickers: favorite.stickers,\n stickerSetsById: setsById,\n addedSetIds: added.setIds,\n shouldPlay: global.settings.byKey.shouldLoopStickers,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadStickerSets',\n 'loadRecentStickers',\n 'loadFavoriteStickers',\n 'loadAddedStickers',\n 'addRecentSticker',\n 'unfaveSticker',\n ]),\n)(StickerPicker));\n","import React, {\n FC, memo, useCallback, useRef,\n} from '../../lib/teact/teact';\n\nimport { ApiMediaFormat, ApiVideo } from '../../api/types';\n\nimport buildClassName from '../../util/buildClassName';\nimport { ObserveFn, useIsIntersecting } from '../../hooks/useIntersectionObserver';\nimport useMedia from '../../hooks/useMedia';\nimport useTransitionForMedia from '../../hooks/useTransitionForMedia';\nimport useVideoCleanup from '../../hooks/useVideoCleanup';\nimport useBuffering from '../../hooks/useBuffering';\nimport useCanvasBlur from '../../hooks/useCanvasBlur';\n\nimport Spinner from '../ui/Spinner';\n\nimport './GifButton.scss';\n\ntype OwnProps = {\n gif: ApiVideo;\n observeIntersection: ObserveFn;\n isDisabled?: boolean;\n onClick: (gif: ApiVideo) => void;\n};\n\nconst GifButton: FC<OwnProps> = ({\n gif, observeIntersection, isDisabled, onClick,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const ref = useRef<HTMLDivElement>(null);\n // eslint-disable-next-line no-null/no-null\n const videoRef = useRef<HTMLVideoElement>(null);\n\n const hasThumbnail = gif.thumbnail && !!gif.thumbnail.dataUri;\n const localMediaHash = `gif${gif.id}`;\n const isIntersecting = useIsIntersecting(ref, observeIntersection);\n const loadAndPlay = isIntersecting && !isDisabled;\n const previewBlobUrl = useMedia(`${localMediaHash}?size=m`, !loadAndPlay, ApiMediaFormat.BlobUrl);\n const thumbRef = useCanvasBlur(gif.thumbnail && gif.thumbnail.dataUri, Boolean(previewBlobUrl));\n const videoData = useMedia(localMediaHash, !loadAndPlay, ApiMediaFormat.BlobUrl);\n const shouldRenderVideo = Boolean(loadAndPlay && videoData);\n const { transitionClassNames } = useTransitionForMedia(hasThumbnail || previewBlobUrl || videoData, 'slow');\n const { isBuffered, bufferingHandlers } = useBuffering(true);\n const shouldRenderSpinner = loadAndPlay && !isBuffered;\n\n useVideoCleanup(videoRef, [shouldRenderVideo]);\n\n const handleClick = useCallback(\n () => onClick({\n ...gif,\n blobUrl: videoData,\n }),\n [onClick, gif, videoData],\n );\n\n const className = buildClassName(\n 'GifButton',\n gif.width && gif.height && gif.width < gif.height ? 'vertical' : 'horizontal',\n transitionClassNames,\n localMediaHash,\n );\n\n return (\n <div\n ref={ref}\n className={className}\n onClick={handleClick}\n >\n {hasThumbnail && (\n <canvas\n ref={thumbRef}\n className=\"thumbnail\"\n />\n )}\n {!hasThumbnail && previewBlobUrl && (\n <img\n src={previewBlobUrl}\n alt=\"\"\n className=\"thumbnail\"\n />\n )}\n {(shouldRenderVideo || previewBlobUrl) && (\n <video\n ref={videoRef}\n autoPlay\n loop\n muted\n playsInline\n preload=\"none\"\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...bufferingHandlers}\n >\n <source src={videoData} />\n </video>\n )}\n {shouldRenderSpinner && (\n <Spinner color={previewBlobUrl || hasThumbnail ? 'white' : 'black'} />\n )}\n </div>\n );\n};\n\nexport default memo(GifButton);\n","import React, {\n FC, useEffect, memo, useRef,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiVideo } from '../../../api/types';\n\nimport { SLIDE_TRANSITION_DURATION } from '../../../config';\nimport buildClassName from '../../../util/buildClassName';\nimport { pick } from '../../../util/iteratees';\nimport { useIntersectionObserver } from '../../../hooks/useIntersectionObserver';\nimport useAsyncRendering from '../../right/hooks/useAsyncRendering';\n\nimport Loading from '../../ui/Loading';\nimport GifButton from '../../common/GifButton';\n\nimport './GifPicker.scss';\n\ntype OwnProps = {\n className: string;\n loadAndPlay: boolean;\n canSendGifs: boolean;\n onGifSelect: (gif: ApiVideo) => void;\n};\n\ntype StateProps = {\n savedGifs?: ApiVideo[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadSavedGifs'>;\n\nconst INTERSECTION_DEBOUNCE = 300;\n\nconst GifPicker: FC<OwnProps & StateProps & DispatchProps> = ({\n className,\n loadAndPlay,\n canSendGifs,\n savedGifs,\n onGifSelect,\n loadSavedGifs,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n\n const {\n observe: observeIntersection,\n } = useIntersectionObserver({ rootRef: containerRef, debounceMs: INTERSECTION_DEBOUNCE });\n\n useEffect(() => {\n if (loadAndPlay) {\n loadSavedGifs();\n }\n }, [loadAndPlay, loadSavedGifs]);\n\n const canRenderContents = useAsyncRendering([], SLIDE_TRANSITION_DURATION);\n\n return (\n <div ref={containerRef} className={buildClassName('GifPicker no-scrollbar', className)}>\n {!canSendGifs ? (\n <div className=\"picker-disabled\">Sending GIFs is not allowed in this chat.</div>\n ) : canRenderContents && savedGifs && savedGifs.length ? (\n savedGifs.map((gif) => (\n <GifButton\n key={gif.id}\n gif={gif}\n observeIntersection={observeIntersection}\n isDisabled={!loadAndPlay}\n onClick={onGifSelect}\n />\n ))\n ) : canRenderContents && savedGifs ? (\n <div className=\"picker-disabled\">No saved GIFs.</div>\n ) : (\n <Loading />\n )}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n return {\n savedGifs: global.gifs.saved.gifs,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadSavedGifs']),\n)(GifPicker));\n","import React, { FC, memo, useCallback } from '../../../lib/teact/teact';\n\nimport Button from '../../ui/Button';\n\ntype OwnProps = {\n activeTab: SymbolMenuTabs;\n onSwitchTab: (tab: SymbolMenuTabs) => void;\n onRemoveSymbol: () => void;\n onSearchOpen: (type: 'stickers' | 'gifs') => void;\n};\n\nexport enum SymbolMenuTabs {\n 'Emoji',\n 'Stickers',\n 'GIFs',\n}\n\n// Getting enum string values for display in Tabs.\n// See: https://www.typescriptlang.org/docs/handbook/enums.html#reverse-mappings\nexport const SYMBOL_MENU_TAB_TITLES = Object.values(SymbolMenuTabs)\n .filter((value): value is string => typeof value === 'string');\n\nconst SYMBOL_MENU_TAB_ICONS = {\n [SymbolMenuTabs.Emoji]: 'icon-smile',\n [SymbolMenuTabs.Stickers]: 'icon-stickers',\n [SymbolMenuTabs.GIFs]: 'icon-gifs',\n};\n\nconst SymbolMenuFooter: FC<OwnProps> = ({\n activeTab, onSwitchTab, onRemoveSymbol, onSearchOpen,\n}) => {\n function renderTabButton(tab: SymbolMenuTabs) {\n return (\n <Button\n className={`symbol-tab-button ${activeTab === tab ? 'activated' : ''}`}\n onClick={() => onSwitchTab(tab)}\n ariaLabel={SYMBOL_MENU_TAB_TITLES[tab]}\n round\n faded\n color=\"translucent\"\n >\n <i className={SYMBOL_MENU_TAB_ICONS[tab]} />\n </Button>\n );\n }\n\n const handleSearchOpen = useCallback(() => {\n onSearchOpen(activeTab === SymbolMenuTabs.Stickers ? 'stickers' : 'gifs');\n }, [activeTab, onSearchOpen]);\n\n function stopPropagation(event: any) {\n event.stopPropagation();\n }\n\n return (\n <div className=\"SymbolMenu-footer\" onClick={stopPropagation}>\n {activeTab !== SymbolMenuTabs.Emoji && (\n <Button\n className=\"symbol-search-button\"\n ariaLabel={activeTab === SymbolMenuTabs.Stickers ? 'Search Stickers' : 'Search GIFs'}\n round\n faded\n color=\"translucent\"\n onClick={handleSearchOpen}\n >\n <i className=\"icon-search\" />\n </Button>\n )}\n\n {renderTabButton(SymbolMenuTabs.Emoji)}\n {renderTabButton(SymbolMenuTabs.Stickers)}\n {renderTabButton(SymbolMenuTabs.GIFs)}\n\n {activeTab === SymbolMenuTabs.Emoji && (\n <Button\n className=\"symbol-delete-button\"\n onClick={onRemoveSymbol}\n ariaLabel=\"Remove Symbol\"\n round\n faded\n color=\"translucent\"\n >\n <i className=\"icon-delete-left\" />\n </Button>\n )}\n </div>\n );\n};\n\nexport default memo(SymbolMenuFooter);\n","import React, {\n FC, memo, useCallback, useEffect, useLayoutEffect, useRef, useState,\n} from '../../../lib/teact/teact';\n\nimport { ApiSticker, ApiVideo } from '../../../api/types';\n\nimport { IAllowedAttachmentOptions } from '../../../modules/helpers';\nimport { IS_MOBILE_SCREEN, IS_TOUCH_ENV } from '../../../util/environment';\nimport { fastRaf } from '../../../util/schedulers';\nimport buildClassName from '../../../util/buildClassName';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport useMouseInside from '../../../hooks/useMouseInside';\nimport useLang from '../../../hooks/useLang';\n\nimport Button from '../../ui/Button';\nimport Menu from '../../ui/Menu';\nimport Transition from '../../ui/Transition';\nimport EmojiPicker from './EmojiPicker';\nimport StickerPicker from './StickerPicker';\nimport GifPicker from './GifPicker';\nimport SymbolMenuFooter, { SYMBOL_MENU_TAB_TITLES, SymbolMenuTabs } from './SymbolMenuFooter';\nimport Portal from '../../ui/Portal';\n\nimport './SymbolMenu.scss';\n\nconst ANIMATION_DURATION = 350;\n\nexport type OwnProps = {\n isOpen: boolean;\n allowedAttachmentOptions: IAllowedAttachmentOptions;\n onLoad: () => void;\n onClose: () => void;\n onEmojiSelect: (emoji: string) => void;\n onStickerSelect: (sticker: ApiSticker) => void;\n onGifSelect: (gif: ApiVideo) => void;\n onRemoveSymbol: () => void;\n onSearchOpen: (type: 'stickers' | 'gifs') => void;\n addRecentEmoji: AnyToVoidFunction;\n};\n\nlet isActivated = false;\n\nconst SymbolMenu: FC<OwnProps> = ({\n isOpen, allowedAttachmentOptions,\n onLoad, onClose,\n onEmojiSelect, onStickerSelect, onGifSelect,\n onRemoveSymbol, onSearchOpen, addRecentEmoji,\n}) => {\n const [activeTab, setActiveTab] = useState<number>(0);\n const [recentEmojis, setRecentEmojis] = useState<string[]>([]);\n\n const [handleMouseEnter, handleMouseLeave] = useMouseInside(isOpen, onClose);\n const { shouldRender, transitionClassNames } = useShowTransition(isOpen, onClose, false, false);\n\n if (!isActivated && isOpen) {\n isActivated = true;\n }\n\n useEffect(() => {\n onLoad();\n }, [onLoad]);\n\n useLayoutEffect(() => {\n if (!IS_MOBILE_SCREEN) {\n return undefined;\n }\n\n if (isOpen) {\n document.body.classList.add('enable-symbol-menu-transforms');\n document.body.classList.add('is-symbol-menu-open');\n }\n\n return () => {\n if (isOpen) {\n fastRaf(() => {\n document.body.classList.remove('is-symbol-menu-open');\n setTimeout(() => {\n document.body.classList.remove('enable-symbol-menu-transforms');\n }, ANIMATION_DURATION);\n });\n }\n };\n }, [isOpen]);\n\n const recentEmojisRef = useRef(recentEmojis);\n recentEmojisRef.current = recentEmojis;\n useEffect(() => {\n if (!recentEmojisRef.current.length) {\n return;\n }\n\n recentEmojisRef.current.forEach((name) => {\n addRecentEmoji({ emoji: name });\n });\n\n setRecentEmojis([]);\n }, [isOpen, activeTab, addRecentEmoji]);\n\n const handleEmojiSelect = useCallback((emoji: string, name: string) => {\n setRecentEmojis((emojis) => {\n return [...emojis, name];\n });\n\n onEmojiSelect(emoji);\n }, [onEmojiSelect]);\n\n const handleSearch = useCallback((type: 'stickers' | 'gifs') => {\n onClose();\n onSearchOpen(type);\n }, [onClose, onSearchOpen]);\n\n const lang = useLang();\n\n const { canSendStickers, canSendGifs } = allowedAttachmentOptions;\n\n function renderContent(isActive: boolean, isFrom: boolean) {\n switch (activeTab) {\n case SymbolMenuTabs.Emoji:\n return (\n <EmojiPicker\n className=\"picker-tab\"\n onEmojiSelect={handleEmojiSelect}\n />\n );\n case SymbolMenuTabs.Stickers:\n return (\n <StickerPicker\n className=\"picker-tab\"\n loadAndPlay={canSendStickers ? isOpen && (isActive || isFrom) : false}\n canSendStickers={canSendStickers}\n onStickerSelect={onStickerSelect}\n />\n );\n case SymbolMenuTabs.GIFs:\n return (\n <GifPicker\n className=\"picker-tab\"\n loadAndPlay={canSendGifs ? isOpen && (isActive || isFrom) : false}\n canSendGifs={canSendGifs}\n onGifSelect={onGifSelect}\n />\n );\n }\n\n return undefined;\n }\n\n function stopPropagation(event: any) {\n event.stopPropagation();\n }\n\n const content = (\n <>\n <div className=\"SymbolMenu-main\" onClick={stopPropagation}>\n {isActivated && (\n <Transition name=\"slide\" activeKey={activeTab} renderCount={SYMBOL_MENU_TAB_TITLES.length}>\n {renderContent}\n </Transition>\n )}\n </div>\n {IS_MOBILE_SCREEN && (\n <Button\n round\n faded\n color=\"translucent\"\n ariaLabel={lang('Close')}\n className=\"symbol-close-button\"\n size=\"tiny\"\n onClick={onClose}\n >\n <i className=\"icon-close\" />\n </Button>\n )}\n <SymbolMenuFooter\n activeTab={activeTab}\n onSwitchTab={setActiveTab}\n onRemoveSymbol={onRemoveSymbol}\n onSearchOpen={handleSearch}\n />\n </>\n );\n\n if (IS_MOBILE_SCREEN) {\n if (!shouldRender) {\n return undefined;\n }\n\n const className = buildClassName(\n 'SymbolMenu mobile-menu',\n transitionClassNames,\n );\n\n return (\n <Portal>\n <div className={className}>\n {content}\n </div>\n </Portal>\n );\n }\n\n return (\n <Menu\n isOpen={isOpen}\n positionX=\"left\"\n positionY=\"bottom\"\n onClose={onClose}\n className=\"SymbolMenu\"\n onCloseAnimationEnd={onClose}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n noCloseOnBackdrop={!IS_TOUCH_ENV}\n >\n {content}\n </Menu>\n );\n};\n\nexport default memo(SymbolMenu);\n","import React, { FC, memo, useCallback } from '../../../lib/teact/teact';\n\nimport { CONTENT_TYPES_FOR_QUICK_UPLOAD } from '../../../config';\nimport { IS_TOUCH_ENV } from '../../../util/environment';\nimport { openSystemFilesDialog } from '../../../util/systemFilesDialog';\nimport { IAllowedAttachmentOptions } from '../../../modules/helpers';\nimport useMouseInside from '../../../hooks/useMouseInside';\nimport useLang from '../../../hooks/useLang';\n\nimport Menu from '../../ui/Menu';\nimport MenuItem from '../../ui/MenuItem';\n\nimport './AttachMenu.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n allowedAttachmentOptions: IAllowedAttachmentOptions;\n onFileSelect: (files: File[], isQuick: boolean) => void;\n onPollCreate: () => void;\n onClose: () => void;\n};\n\nconst AttachMenu: FC<OwnProps> = ({\n isOpen, allowedAttachmentOptions, onFileSelect, onPollCreate, onClose,\n}) => {\n const [handleMouseEnter, handleMouseLeave] = useMouseInside(isOpen, onClose);\n\n const handleFileSelect = useCallback((e: Event, isQuick: boolean) => {\n const { files } = e.target as HTMLInputElement;\n\n if (files && files.length > 0) {\n onFileSelect(Array.from(files), isQuick);\n }\n }, [onFileSelect]);\n\n const handleQuickSelect = useCallback(() => {\n openSystemFilesDialog(\n CONTENT_TYPES_FOR_QUICK_UPLOAD,\n (e) => handleFileSelect(e, true),\n );\n }, [handleFileSelect]);\n\n const handleDocumentSelect = useCallback(() => {\n openSystemFilesDialog('*', (e) => handleFileSelect(e, false));\n }, [handleFileSelect]);\n\n const lang = useLang();\n\n const { canAttachMedia, canAttachPolls } = allowedAttachmentOptions;\n\n return (\n <Menu\n isOpen={isOpen}\n autoClose\n positionX=\"right\"\n positionY=\"bottom\"\n onClose={onClose}\n className=\"AttachMenu fluid\"\n onCloseAnimationEnd={onClose}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n noCloseOnBackdrop={!IS_TOUCH_ENV}\n >\n {/*\n ** Using ternary operator here causes some attributes from first clause\n ** transferring to the fragment content in the second clause\n */}\n {!canAttachMedia && (\n <MenuItem className=\"media-disabled\" disabled>Posting media content is not allowed in this group.</MenuItem>\n )}\n {canAttachMedia && (\n <>\n <MenuItem icon=\"photo\" onClick={handleQuickSelect}>{lang('AttachmentMenu.PhotoOrVideo')}</MenuItem>\n <MenuItem icon=\"document\" onClick={handleDocumentSelect}>Document</MenuItem>\n </>\n )}\n {canAttachPolls && (\n <MenuItem icon=\"poll\" onClick={onPollCreate}>{lang('Poll')}</MenuItem>\n )}\n </Menu>\n );\n};\n\nexport default memo(AttachMenu);\n","import React, {\n FC, memo, useEffect, useRef,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiSticker } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\n\nimport { STICKER_SIZE_PICKER } from '../../../config';\nimport { IS_TOUCH_ENV } from '../../../util/environment';\nimport buildClassName from '../../../util/buildClassName';\nimport captureEscKeyListener from '../../../util/captureEscKeyListener';\nimport { pick } from '../../../util/iteratees';\nimport { useIntersectionObserver } from '../../../hooks/useIntersectionObserver';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport usePrevious from '../../../hooks/usePrevious';\n\nimport Loading from '../../ui/Loading';\nimport StickerButton from '../../common/StickerButton';\n\nimport './StickerTooltip.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n onStickerSelect: (sticker: ApiSticker) => void;\n};\n\ntype StateProps = {\n stickers?: ApiSticker[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'clearStickersForEmoji'>;\n\nconst INTERSECTION_THROTTLE = 200;\n\nconst StickerTooltip: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen,\n onStickerSelect,\n stickers,\n clearStickersForEmoji,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false);\n const prevStickers = usePrevious(stickers, true);\n const displayedStickers = stickers || prevStickers;\n\n const {\n observe: observeIntersection,\n } = useIntersectionObserver({ rootRef: containerRef, throttleMs: INTERSECTION_THROTTLE });\n\n useEffect(() => (isOpen ? captureEscKeyListener(clearStickersForEmoji) : undefined), [isOpen, clearStickersForEmoji]);\n\n const handleMouseEnter = () => {\n document.body.classList.add('no-select');\n };\n\n const handleMouseLeave = () => {\n document.body.classList.remove('no-select');\n };\n\n const className = buildClassName(\n 'StickerTooltip composer-tooltip custom-scroll',\n transitionClassNames,\n !(displayedStickers && displayedStickers.length) && 'hidden',\n );\n\n return (\n <div\n ref={containerRef}\n className={className}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n >\n {shouldRender && displayedStickers ? (\n displayedStickers.map((sticker) => (\n <StickerButton\n key={sticker.id}\n sticker={sticker}\n size={STICKER_SIZE_PICKER}\n observeIntersection={observeIntersection}\n onClick={onStickerSelect}\n clickArg={sticker}\n />\n ))\n ) : shouldRender ? (\n <Loading />\n ) : undefined}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { stickers } = global.stickers.forEmoji;\n\n return { stickers };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['clearStickersForEmoji']),\n)(StickerTooltip));\n","import React, { FC, memo } from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiMessage } from '../../../api/types';\n\nimport { IS_TOUCH_ENV } from '../../../util/environment';\nimport { pick } from '../../../util/iteratees';\nimport { selectChatMessage, selectCurrentMessageList } from '../../../modules/selectors';\nimport useMouseInside from '../../../hooks/useMouseInside';\n\nimport Menu from '../../ui/Menu';\nimport Button from '../../ui/Button';\n\nimport './BotKeyboardMenu.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n messageId: number;\n onClose: NoneToVoidFunction;\n};\n\ntype StateProps = {\n message?: ApiMessage;\n};\n\ntype DispatchProps = Pick<GlobalActions, ('clickInlineButton')>;\n\nconst BotKeyboardMenu: FC<OwnProps & StateProps & DispatchProps> = ({\n isOpen, message, onClose, clickInlineButton,\n}) => {\n const [handleMouseEnter, handleMouseLeave] = useMouseInside(isOpen, onClose);\n\n if (!message || !message.keyboardButtons) {\n return undefined;\n }\n\n return (\n <Menu\n isOpen={isOpen}\n autoClose\n positionX=\"right\"\n positionY=\"bottom\"\n onClose={onClose}\n className=\"KeyboardMenu\"\n onCloseAnimationEnd={onClose}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n noCloseOnBackdrop={!IS_TOUCH_ENV}\n >\n <div className=\"content\">\n {message.keyboardButtons.map((row) => (\n <div className=\"row\">\n {row.map((button) => (\n <Button\n ripple\n disabled={button.type === 'NOT_SUPPORTED'}\n onClick={() => clickInlineButton({ button })}\n >\n {button.text}\n </Button>\n ))}\n </div>\n ))}\n </div>\n </Menu>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { messageId }): StateProps => {\n const { chatId } = selectCurrentMessageList(global) || {};\n if (!chatId) {\n return {};\n }\n\n return { message: selectChatMessage(global, chatId, messageId) };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'clickInlineButton',\n ]),\n)(BotKeyboardMenu));\n","import React, { FC, memo } from '../../../lib/teact/teact';\n\nimport { IS_TOUCH_ENV } from '../../../util/environment';\nimport useMouseInside from '../../../hooks/useMouseInside';\nimport useLang from '../../../hooks/useLang';\n\nimport Menu from '../../ui/Menu';\nimport MenuItem from '../../ui/MenuItem';\n\nimport './CustomSendMenu.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n onSilentSend?: NoneToVoidFunction;\n onScheduleSend?: NoneToVoidFunction;\n onClose: NoneToVoidFunction;\n onCloseAnimationEnd?: NoneToVoidFunction;\n};\n\nconst CustomSendMenu: FC<OwnProps> = ({\n isOpen, onSilentSend, onScheduleSend, onClose, onCloseAnimationEnd,\n}) => {\n const [handleMouseEnter, handleMouseLeave] = useMouseInside(isOpen, onClose);\n\n const lang = useLang();\n\n return (\n <Menu\n isOpen={isOpen}\n autoClose\n positionX=\"right\"\n positionY=\"bottom\"\n className=\"CustomSendMenu\"\n onClose={onClose}\n onCloseAnimationEnd={onCloseAnimationEnd}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n noCloseOnBackdrop={!IS_TOUCH_ENV}\n >\n {onSilentSend && <MenuItem icon=\"mute\" onClick={onSilentSend}>{lang('SendWithoutSound')}</MenuItem>}\n {onScheduleSend && <MenuItem icon=\"schedule\" onClick={onScheduleSend}>{lang('ScheduleMessage')}</MenuItem>}\n </Menu>\n );\n};\n\nexport default memo(CustomSendMenu);\n","import React, {\n FC, memo, useCallback, useEffect, useRef, useState,\n} from '../../../lib/teact/teact';\n\nimport { IS_TOUCH_ENV } from '../../../util/environment';\nimport buildClassName from '../../../util/buildClassName';\nimport cycleRestrict from '../../../util/cycleRestrict';\nimport captureKeyboardListeners from '../../../util/captureKeyboardListeners';\nimport findInViewport from '../../../util/findInViewport';\nimport isFullyVisible from '../../../util/isFullyVisible';\nimport fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal';\nimport useShowTransition from '../../../hooks/useShowTransition';\nimport usePrevDuringAnimation from '../../../hooks/usePrevDuringAnimation';\n\nimport Loading from '../../ui/Loading';\nimport EmojiButton from './EmojiButton';\n\nimport './EmojiTooltip.scss';\n\nconst VIEWPORT_MARGIN = 8;\nconst EMOJI_BUTTON_WIDTH = 44;\n\nfunction setItemVisible(index: number, containerRef: Record<string, any>) {\n const container = containerRef.current!;\n if (!container) {\n return;\n }\n\n const { visibleIndexes, allElements } = findInViewport(\n container,\n '.EmojiButton',\n VIEWPORT_MARGIN,\n true,\n true,\n true,\n );\n\n if (!allElements.length || !allElements[index]) {\n return;\n }\n const first = visibleIndexes[0];\n if (!visibleIndexes.includes(index)\n || (index === first && !isFullyVisible(container, allElements[first], true))) {\n const position = index > visibleIndexes[visibleIndexes.length - 1] ? 'start' : 'end';\n const newLeft = position === 'start' ? index * EMOJI_BUTTON_WIDTH : 0;\n\n fastSmoothScrollHorizontal(container, newLeft);\n }\n}\n\nexport type OwnProps = {\n isOpen: boolean;\n onEmojiSelect: (text: string) => void;\n onClose: NoneToVoidFunction;\n addRecentEmoji: AnyToVoidFunction;\n emojis: Emoji[];\n};\n\nconst CLOSE_DURATION = 350;\n\nconst EmojiTooltip: FC<OwnProps> = ({\n isOpen,\n emojis,\n onClose,\n onEmojiSelect,\n addRecentEmoji,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false);\n const listEmojis: Emoji[] = usePrevDuringAnimation(emojis.length ? emojis : undefined, CLOSE_DURATION) || [];\n\n const [selectedIndex, setSelectedIndex] = useState(-1);\n\n useEffect(() => {\n setSelectedIndex(0);\n }, [emojis]);\n\n useEffect(() => {\n setItemVisible(selectedIndex, containerRef);\n }, [selectedIndex]);\n\n const getSelectedIndex = useCallback((newIndex: number) => {\n if (!emojis.length) {\n return -1;\n }\n\n const emojisCount = emojis.length;\n return cycleRestrict(emojisCount, newIndex);\n }, [emojis]);\n\n\n const handleArrowKey = useCallback((value: number, e: KeyboardEvent) => {\n e.preventDefault();\n setSelectedIndex((index) => (getSelectedIndex(index + value)));\n }, [setSelectedIndex, getSelectedIndex]);\n\n const handleSelectEmoji = useCallback((e: KeyboardEvent) => {\n if (emojis.length && selectedIndex > -1) {\n const emoji = emojis[selectedIndex];\n if (emoji) {\n e.preventDefault();\n onEmojiSelect(emoji.native);\n addRecentEmoji({ emoji: emoji.id });\n }\n }\n }, [addRecentEmoji, emojis, onEmojiSelect, selectedIndex]);\n\n useEffect(() => (isOpen ? captureKeyboardListeners({\n onEsc: onClose,\n onLeft: (e: KeyboardEvent) => handleArrowKey(-1, e),\n onRight: (e: KeyboardEvent) => handleArrowKey(1, e),\n onEnter: handleSelectEmoji,\n }) : undefined), [handleArrowKey, handleSelectEmoji, isOpen, onClose]);\n\n const handleMouseEnter = () => {\n document.body.classList.add('no-select');\n };\n\n const handleMouseLeave = () => {\n document.body.classList.remove('no-select');\n };\n\n const className = buildClassName(\n 'EmojiTooltip composer-tooltip custom-scroll-x',\n transitionClassNames,\n );\n\n return (\n <div\n ref={containerRef}\n className={className}\n onMouseEnter={!IS_TOUCH_ENV ? handleMouseEnter : undefined}\n onMouseLeave={!IS_TOUCH_ENV ? handleMouseLeave : undefined}\n >\n {shouldRender && listEmojis ? (\n listEmojis.map((emoji, index) => (\n <EmojiButton\n key={emoji.id}\n emoji={emoji}\n focus={selectedIndex === index}\n onClick={onEmojiSelect}\n />\n ))\n ) : shouldRender ? (\n <Loading />\n ) : undefined}\n </div>\n );\n};\n\nexport default memo(EmojiTooltip);\n","import React, { FC, useMemo, memo } from '../../lib/teact/teact';\nimport { getGlobal, withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiMessage, ApiUser, ApiChat } from '../../api/types';\nimport { GlobalActions } from '../../global/types';\n\nimport {\n selectUser,\n selectChatMessages,\n selectChat,\n selectCurrentTextSearch,\n} from '../../modules/selectors';\nimport {\n getMessageSummaryText,\n getChatTitle,\n getUserFullName,\n isChatChannel,\n} from '../../modules/helpers';\nimport renderText from '../common/helpers/renderText';\nimport useLang from '../../hooks/useLang';\nimport { orderBy, pick } from '../../util/iteratees';\nimport { MEMO_EMPTY_ARRAY } from '../../util/memo';\n\nimport InfiniteScroll from '../ui/InfiniteScroll';\nimport ListItem from '../ui/ListItem';\nimport LastMessageMeta from '../common/LastMessageMeta';\nimport Avatar from '../common/Avatar';\n\nimport './RightSearch.scss';\n\nexport type OwnProps = {\n chatId: number;\n threadId: number;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n messagesById?: Record<number, ApiMessage>;\n query?: string;\n totalCount?: number;\n foundIds?: number[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'searchTextMessagesLocal' | 'focusMessage'>;\n\ninterface Result {\n message: ApiMessage;\n senderUser?: ApiUser;\n senderChat?: ApiChat;\n onClick: NoneToVoidFunction;\n}\n\nconst RightSearch: FC<OwnProps & StateProps & DispatchProps> = ({\n chatId,\n threadId,\n chat,\n messagesById,\n query,\n totalCount,\n foundIds,\n searchTextMessagesLocal,\n focusMessage,\n}) => {\n const lang = useLang();\n\n const foundResults = useMemo(() => {\n if (!query || !foundIds || !foundIds.length || !messagesById) {\n return MEMO_EMPTY_ARRAY;\n }\n\n const results = foundIds.map((id) => {\n const message = messagesById[id];\n if (!message) {\n return undefined;\n }\n\n const senderUser = message.senderId ? selectUser(getGlobal(), message.senderId) : undefined;\n\n let senderChat;\n if (chat && isChatChannel(chat)) {\n senderChat = chat;\n } else if (message.forwardInfo) {\n const { isChannelPost, fromChatId } = message.forwardInfo;\n senderChat = isChannelPost && fromChatId ? selectChat(getGlobal(), fromChatId) : undefined;\n } else {\n senderChat = message.senderId ? selectChat(getGlobal(), message.senderId) : undefined;\n }\n\n return {\n message,\n senderUser,\n senderChat,\n onClick: () => focusMessage({ chatId, threadId, messageId: id }),\n };\n }).filter(Boolean) as Result[];\n\n return orderBy(results, ({ message }) => message.date, 'desc');\n }, [chatId, threadId, focusMessage, foundIds, chat, messagesById, query]);\n\n const renderSearchResult = ({\n message, senderUser, senderChat, onClick,\n }: Result) => {\n const title = senderChat ? getChatTitle(senderChat) : getUserFullName(senderUser);\n const text = getMessageSummaryText(lang, message);\n\n return (\n <ListItem className=\"chat-item-clickable search-result-message m-0\" onClick={onClick}>\n <Avatar chat={senderChat} user={senderUser} />\n <div className=\"info\">\n <div className=\"title\">\n <h3>{title && renderText(title)}</h3>\n <LastMessageMeta message={message} />\n </div>\n <div className=\"subtitle\">\n {renderText(text, ['emoji', 'highlight'], { highlight: query })}\n </div>\n </div>\n </ListItem>\n );\n };\n\n return (\n <InfiniteScroll\n className=\"RightSearch custom-scroll\"\n items={foundResults}\n preloadBackwards={0}\n onLoadMore={searchTextMessagesLocal}\n noFastList\n >\n <p className=\"helper-text\">\n {!query ? (\n 'Search messages'\n ) : totalCount === 1 ? (\n '1 message found'\n ) : (\n `${(foundResults.length && (totalCount || foundResults.length)) || 'No'} messages found`\n )}\n </p>\n {foundResults.map(renderSearchResult)}\n </InfiniteScroll>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const messagesById = chat && selectChatMessages(global, chat.id);\n if (!chat || !messagesById) {\n return {};\n }\n\n const { query, results } = selectCurrentTextSearch(global) || {};\n const { totalCount, foundIds } = results || {};\n\n return {\n chat,\n messagesById,\n query,\n totalCount,\n foundIds,\n };\n },\n (global, actions): DispatchProps => pick(actions, ['searchTextMessagesLocal', 'focusMessage']),\n)(RightSearch));\n","import React, {\n FC, useEffect, memo, useMemo, useCallback,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiStickerSet } from '../../api/types';\nimport { GlobalActions } from '../../global/types';\nimport { ObserveFn } from '../../hooks/useIntersectionObserver';\n\nimport { STICKER_SIZE_SEARCH } from '../../config';\nimport { pick } from '../../util/iteratees';\nimport { selectShouldLoopStickers, selectStickerSet } from '../../modules/selectors';\nimport useFlag from '../../hooks/useFlag';\nimport useOnChange from '../../hooks/useOnChange';\nimport useLang from '../../hooks/useLang';\n\nimport Button from '../ui/Button';\nimport StickerButton from '../common/StickerButton';\nimport StickerSetModal from '../common/StickerSetModal.async';\nimport Spinner from '../ui/Spinner';\n\ntype OwnProps = {\n stickerSetId: string;\n observeIntersection: ObserveFn;\n isSomeModalOpen: boolean;\n onModalToggle: (isOpen: boolean) => void;\n};\n\ntype StateProps = {\n set?: ApiStickerSet;\n shouldPlay?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadStickers' | 'toggleStickerSet'>;\n\nconst STICKERS_TO_DISPLAY = 5;\n\nconst StickerSetResult: FC<OwnProps & StateProps & DispatchProps> = ({\n stickerSetId, observeIntersection, set, shouldPlay, loadStickers, toggleStickerSet, isSomeModalOpen, onModalToggle,\n}) => {\n const lang = useLang();\n const isAdded = set && Boolean(set.installedDate);\n const areStickersLoaded = Boolean(set && set.stickers);\n\n const [isModalOpen, openModal, closeModal] = useFlag();\n\n useOnChange(() => {\n onModalToggle(isModalOpen);\n }, [isModalOpen, onModalToggle]);\n\n const displayedStickers = useMemo(() => {\n if (!set) {\n return [];\n }\n\n const coverStickerIds = (set.covers || []).map(({ id }) => id);\n const otherStickers = set.stickers ? set.stickers.filter(({ id }) => !coverStickerIds.includes(id)) : [];\n\n return [...set.covers || [], ...otherStickers].slice(0, STICKERS_TO_DISPLAY);\n }, [set]);\n\n useEffect(() => {\n // Featured stickers are initialized with one sticker in collection (cover of SickerSet)\n if (!areStickersLoaded && displayedStickers.length < STICKERS_TO_DISPLAY) {\n loadStickers({ stickerSetId });\n }\n }, [areStickersLoaded, displayedStickers.length, loadStickers, stickerSetId]);\n\n const handleAddClick = useCallback(() => {\n toggleStickerSet({ stickerSetId });\n }, [toggleStickerSet, stickerSetId]);\n\n if (!set) {\n return undefined;\n }\n\n const canRenderStickers = displayedStickers.length > 0;\n\n return (\n <div key={set.id} className=\"sticker-set\">\n <div className=\"sticker-set-header\">\n <div className=\"title-wrapper\">\n <h3 className=\"title\">{set.title}</h3>\n <p className=\"count\">{lang('Stickers', set.count, 'i')}</p>\n </div>\n <Button\n className={isAdded ? 'is-added' : undefined}\n color=\"primary\"\n size=\"tiny\"\n pill\n fluid\n onClick={handleAddClick}\n >\n {lang(isAdded ? 'Stickers.Installed' : 'Stickers.Install')}\n </Button>\n </div>\n <div className=\"sticker-set-main\">\n {!canRenderStickers && <Spinner />}\n {canRenderStickers && displayedStickers.map((sticker) => (\n <StickerButton\n sticker={sticker}\n size={STICKER_SIZE_SEARCH}\n observeIntersection={observeIntersection}\n noAnimate={!shouldPlay || isModalOpen || isSomeModalOpen}\n onClick={openModal}\n />\n ))}\n </div>\n {canRenderStickers && (\n <StickerSetModal\n isOpen={isModalOpen}\n fromSticker={displayedStickers[0]}\n onClose={closeModal}\n />\n )}\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { stickerSetId }): StateProps => {\n return {\n set: selectStickerSet(global, stickerSetId),\n shouldPlay: selectShouldLoopStickers(global),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadStickers', 'toggleStickerSet']),\n)(StickerSetResult));\n","import React, {\n FC, memo, useEffect, useRef, useState,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\n\nimport { pick } from '../../util/iteratees';\nimport { throttle } from '../../util/schedulers';\nimport { selectCurrentStickerSearch } from '../../modules/selectors';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\n\nimport Loading from '../ui/Loading';\nimport StickerSetResult from './StickerSetResult';\n\nimport './StickerSearch.scss';\n\ntype StateProps = {\n query?: string;\n featuredIds?: string[];\n resultIds?: string[];\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadFeaturedStickers'>;\n\nconst INTERSECTION_THROTTLE = 200;\n\nconst runThrottled = throttle((cb) => cb(), 60000, true);\n\nconst StickerSearch: FC<StateProps & DispatchProps> = ({\n query,\n featuredIds,\n resultIds,\n loadFeaturedStickers,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const {\n observe: observeIntersection,\n } = useIntersectionObserver({ rootRef: containerRef, throttleMs: INTERSECTION_THROTTLE });\n\n // Due to the parent Transition, this component never gets unmounted,\n // that's why we use throttled API call on every update.\n useEffect(() => {\n runThrottled(() => {\n loadFeaturedStickers();\n });\n });\n\n function renderContent() {\n if (query === undefined) {\n return undefined;\n }\n\n if (!query && featuredIds) {\n return featuredIds.map((id) => (\n <StickerSetResult\n key={id}\n stickerSetId={id}\n observeIntersection={observeIntersection}\n isSomeModalOpen={isModalOpen}\n onModalToggle={setIsModalOpen}\n />\n ));\n }\n\n if (resultIds) {\n if (!resultIds.length) {\n return <p className=\"helper-text\">Nothing found.</p>;\n }\n\n return resultIds.map((id) => (\n <StickerSetResult\n key={id}\n stickerSetId={id}\n observeIntersection={observeIntersection}\n isSomeModalOpen={isModalOpen}\n onModalToggle={setIsModalOpen}\n />\n ));\n }\n\n return <Loading />;\n }\n\n return (\n <div ref={containerRef} className=\"StickerSearch custom-scroll\">\n {renderContent()}\n </div>\n );\n};\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const currentSearch = selectCurrentStickerSearch(global);\n const { query, resultIds } = currentSearch || {};\n const { featured } = global.stickers;\n\n return {\n query,\n featuredIds: featured.setIds,\n resultIds,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['loadFeaturedStickers']),\n)(StickerSearch));\n","import React, {\n FC, memo, useRef, useCallback,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../global/types';\nimport { ApiChat, ApiVideo } from '../../api/types';\n\nimport { IS_TOUCH_ENV } from '../../util/environment';\nimport {\n selectCurrentGifSearch,\n selectChat,\n selectIsChatWithBot,\n selectCurrentMessageList,\n} from '../../modules/selectors';\nimport { getAllowedAttachmentOptions } from '../../modules/helpers';\nimport { pick } from '../../util/iteratees';\nimport buildClassName from '../../util/buildClassName';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport useLang from '../../hooks/useLang';\n\nimport InfiniteScroll from '../ui/InfiniteScroll';\nimport GifButton from '../common/GifButton';\nimport Loading from '../ui/Loading';\n\nimport './GifSearch.scss';\n\ntype StateProps = {\n query?: string;\n results?: ApiVideo[];\n chat?: ApiChat;\n isChatWithBot?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'searchMoreGifs' | 'sendMessage' | 'setGifSearchQuery'>;\n\nconst PRELOAD_BACKWARDS = 96; // GIF Search bot results are multiplied by 24\nconst INTERSECTION_DEBOUNCE = 300;\n\nconst GifSearch: FC<StateProps & DispatchProps> = ({\n query,\n results,\n chat,\n isChatWithBot,\n searchMoreGifs,\n sendMessage,\n setGifSearchQuery,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const containerRef = useRef<HTMLDivElement>(null);\n\n const {\n observe: observeIntersection,\n } = useIntersectionObserver({ rootRef: containerRef, debounceMs: INTERSECTION_DEBOUNCE });\n\n const { canSendGifs } = getAllowedAttachmentOptions(chat, isChatWithBot);\n\n const handleGifClick = useCallback((gif: ApiVideo) => {\n if (canSendGifs) {\n sendMessage({ gif });\n }\n\n if (IS_TOUCH_ENV) {\n setGifSearchQuery({ query: undefined });\n }\n }, [canSendGifs, sendMessage, setGifSearchQuery]);\n\n const lang = useLang();\n\n function renderContent() {\n if (query === undefined) {\n return undefined;\n }\n\n if (!results) {\n return (\n <Loading />\n );\n }\n\n if (!results.length) {\n return (\n <p className=\"helper-text\">{lang('NoGIFsFound')}</p>\n );\n }\n\n return results.map((gif) => (\n <GifButton\n key={gif.id}\n gif={gif}\n observeIntersection={observeIntersection}\n onClick={handleGifClick}\n />\n ));\n }\n\n const hasResults = Boolean(query !== undefined && results && results.length);\n\n return (\n <div className=\"GifSearch\">\n <InfiniteScroll\n ref={containerRef}\n className={buildClassName('gif-container custom-scroll', hasResults && 'grid')}\n items={results}\n itemSelector=\".GifButton\"\n preloadBackwards={PRELOAD_BACKWARDS}\n noFastList\n onLoadMore={searchMoreGifs}\n >\n {renderContent()}\n </InfiniteScroll>\n\n </div>\n );\n};\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const currentSearch = selectCurrentGifSearch(global);\n const { query, results } = currentSearch || {};\n const { chatId } = selectCurrentMessageList(global) || {};\n const chat = chatId ? selectChat(global, chatId) : undefined;\n const isChatWithBot = chat ? selectIsChatWithBot(global, chat) : undefined;\n\n return {\n query,\n results,\n chat,\n isChatWithBot,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['searchMoreGifs', 'sendMessage', 'setGifSearchQuery']),\n)(GifSearch));\n","import React, {\n FC, useCallback, useState, memo, useEffect,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport {\n ApiChat,\n ApiMessage,\n ApiPollAnswer,\n ApiPollResult,\n} from '../../api/types';\nimport { GlobalActions } from '../../global/types';\nimport { pick } from '../../util/iteratees';\nimport usePrevious from '../../hooks/usePrevious';\n\nimport ShowMoreButton from '../ui/ShowMoreButton';\nimport Loading from '../ui/Loading';\nimport ListItem from '../ui/ListItem';\nimport PrivateChatInfo from '../common/PrivateChatInfo';\n\nimport './PollAnswerResults.scss';\n\ntype OwnProps = {\n chat: ApiChat;\n message: ApiMessage;\n answer: ApiPollAnswer;\n answerVote: ApiPollResult;\n totalVoters: number;\n};\n\ntype StateProps = {\n voters?: number[];\n offset: string;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadPollOptionResults' | 'openChat' | 'closePollResults'>;\n\nconst INITIAL_LIMIT = 4;\nconst VIEW_MORE_LIMIT = 50;\n\nconst PollAnswerResults: FC<OwnProps & StateProps & DispatchProps> = ({\n chat,\n message,\n answer,\n answerVote,\n totalVoters,\n voters,\n offset,\n loadPollOptionResults,\n openChat,\n closePollResults,\n}) => {\n const prevVotersCount = usePrevious<number>(answerVote.votersCount);\n const [isLoading, setIsLoading] = useState<boolean>(true);\n const areVotersLoaded = Boolean(voters);\n const { option, text } = answer;\n\n useEffect(() => {\n // For update when new votes arrive or when the user takes back his vote\n if (!areVotersLoaded || prevVotersCount !== answerVote.votersCount) {\n loadPollOptionResults({\n chat, messageId: message.id, option, offset, limit: INITIAL_LIMIT, shouldResetVoters: true,\n });\n }\n // eslint-disable-next-line\n }, [answerVote.votersCount, areVotersLoaded]);\n\n const handleViewMoreClick = useCallback(() => {\n setIsLoading(true);\n loadPollOptionResults({\n chat, messageId: message.id, option, offset, limit: VIEW_MORE_LIMIT,\n });\n }, [chat, loadPollOptionResults, message.id, offset, option]);\n\n useEffect(() => {\n setIsLoading(false);\n }, [voters]);\n\n const handleMemberClick = useCallback((id: number) => {\n openChat({ id });\n closePollResults();\n }, [closePollResults, openChat]);\n\n function renderViewMoreButton() {\n const leftVotersCount = answerVote.votersCount - voters!.length;\n\n return answerVote.votersCount > INITIAL_LIMIT && leftVotersCount > 0 && (\n <ShowMoreButton\n count={leftVotersCount}\n itemName=\"voter\"\n isLoading={isLoading}\n onClick={handleViewMoreClick}\n />\n );\n }\n\n return (\n <div className=\"PollAnswerResults\">\n <div className=\"poll-voters\">\n {voters\n ? voters.map((id) => (\n <ListItem\n key={id}\n className=\"chat-item-clickable\"\n onClick={() => handleMemberClick(id)}\n >\n <PrivateChatInfo\n avatarSize=\"tiny\"\n userId={id}\n forceShowSelf\n noStatusOrTyping\n />\n </ListItem>\n ))\n : <Loading />}\n {voters && renderViewMoreButton()}\n </div>\n <div className=\"answer-head\">\n <span className=\"answer-title\">{text}</span>\n <span className=\"answer-percent\">{getPercentage(answerVote.votersCount, totalVoters)}%</span>\n </div>\n </div>\n );\n};\n\nfunction getPercentage(value: number, total: number) {\n return total > 0 ? ((value / total) * 100).toFixed() : 0;\n}\n\nexport default memo(withGlobal<OwnProps>(\n (global, { answer }: OwnProps): StateProps => {\n const { voters, offsets } = global.pollResults;\n\n return {\n voters: voters && voters[answer.option],\n offset: (offsets && offsets[answer.option]) || '',\n };\n },\n (global, actions): DispatchProps => pick(actions, ['loadPollOptionResults', 'openChat', 'closePollResults']),\n)(PollAnswerResults));\n","import React, { FC, memo } from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { ApiMessage, ApiChat } from '../../api/types';\nimport { selectChat, selectChatMessage } from '../../modules/selectors';\nimport { buildCollectionByKey } from '../../util/iteratees';\nimport { getMessagePoll } from '../../modules/helpers';\n\nimport PollAnswerResults from './PollAnswerResults';\nimport Loading from '../ui/Loading';\n\nimport './PollResults.scss';\n\ntype StateProps = {\n chat?: ApiChat;\n message?: ApiMessage;\n lastSyncTime?: number;\n};\n\nconst PollResults: FC<StateProps> = ({\n chat,\n message,\n lastSyncTime,\n}) => {\n if (!message || !chat) {\n return <Loading />;\n }\n\n const { summary, results } = getMessagePoll(message)!;\n if (!results.results) {\n return undefined;\n }\n\n const resultsByOption = buildCollectionByKey(results.results, 'option');\n\n return (\n <div className=\"PollResults\">\n <h3 className=\"poll-question\">{summary.question}</h3>\n <div className=\"poll-results-list custom-scroll\">\n {lastSyncTime && summary.answers.map((answer) => (\n <PollAnswerResults\n key={`${message.id}-${answer.option}`}\n chat={chat}\n message={message}\n answer={answer}\n answerVote={resultsByOption[answer.option]}\n totalVoters={results.totalVoters!}\n />\n ))}\n {!lastSyncTime && <Loading />}\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal(\n (global): StateProps => {\n const {\n pollResults: { chatId, messageId },\n lastSyncTime,\n } = global;\n\n if (!chatId || !messageId) {\n return {};\n }\n\n const chat = selectChat(global, chatId);\n const message = selectChatMessage(global, chatId, messageId);\n\n return {\n chat,\n message,\n lastSyncTime,\n };\n },\n)(PollResults));\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat, ApiUser } from '../../../api/types';\nimport { ManagementProgress } from '../../../types';\n\nimport { pick } from '../../../util/iteratees';\nimport { selectChat, selectUser } from '../../../modules/selectors';\nimport useFlag from '../../../hooks/useFlag';\nimport useLang from '../../../hooks/useLang';\n\nimport InputText from '../../ui/InputText';\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\nimport './Management.scss';\n\ntype OwnProps = {\n userId: number;\n};\n\ntype StateProps = {\n user?: ApiUser;\n chat: ApiChat;\n progress?: ManagementProgress;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'updateContact' | 'deleteUser' | 'deleteHistory' | 'closeManagement' | 'openChat'\n)>;\n\nconst ERROR_FIRST_NAME_MISSING = 'Please provide first name';\n\nconst ManageUser: FC<OwnProps & StateProps & DispatchProps> = ({\n userId,\n user,\n chat,\n progress,\n updateContact,\n deleteUser,\n deleteHistory,\n closeManagement,\n openChat,\n}) => {\n const [isDeleteDialogOpen, openDeleteDialog, closeDeleteDialog] = useFlag();\n const [isProfileFieldsTouched, setIsProfileFieldsTouched] = useState(false);\n const [error, setError] = useState<string | undefined>();\n const lang = useLang();\n\n const currentFirstName = user ? (user.firstName || '') : '';\n const currentLastName = user ? (user.lastName || '') : '';\n const currentIsMuted = chat ? chat.isMuted : undefined;\n\n const [firstName, setFirstName] = useState(currentFirstName);\n const [lastName, setLastName] = useState(currentLastName);\n const [isNotificationsEnabled, setIsNotificationsEnabled] = useState(!currentIsMuted);\n\n useEffect(() => {\n setIsNotificationsEnabled(!currentIsMuted);\n }, [currentIsMuted]);\n\n useEffect(() => {\n setIsProfileFieldsTouched(false);\n closeDeleteDialog();\n }, [closeDeleteDialog, userId]);\n\n useEffect(() => {\n setFirstName(currentFirstName);\n setLastName(currentLastName);\n }, [currentFirstName, currentLastName, user]);\n\n useEffect(() => {\n if (progress === ManagementProgress.Complete) {\n setIsProfileFieldsTouched(false);\n setError(undefined);\n closeDeleteDialog();\n }\n }, [closeDeleteDialog, progress]);\n\n const handleFirstNameChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setFirstName(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleLastNameChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setLastName(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleNotificationChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setIsNotificationsEnabled(e.target.checked);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleProfileSave = useCallback(() => {\n const trimmedFirstName = firstName.trim();\n const trimmedLastName = lastName.trim();\n\n if (!trimmedFirstName.length) {\n setError(ERROR_FIRST_NAME_MISSING);\n }\n\n updateContact({\n userId,\n isMuted: !isNotificationsEnabled,\n firstName: trimmedFirstName,\n lastName: trimmedLastName,\n });\n }, [firstName, lastName, updateContact, userId, isNotificationsEnabled]);\n\n const handleDeleteContact = useCallback(() => {\n if (chat.lastMessage) {\n deleteHistory({\n chatId: chat.id,\n maxId: chat.lastMessage!.id,\n shouldDeleteForAll: false,\n });\n }\n deleteUser({ userId });\n closeDeleteDialog();\n closeManagement();\n openChat({ id: undefined });\n }, [chat.id, chat.lastMessage, closeDeleteDialog, closeManagement, deleteHistory, deleteUser, openChat, userId]);\n\n if (!user) {\n return undefined;\n }\n\n const isLoading = progress === ManagementProgress.InProgress;\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <PrivateChatInfo\n userId={user.id}\n avatarSize=\"jumbo\"\n status=\"original name\"\n withFullInfo\n />\n <InputText\n id=\"user-first-name\"\n label={lang('UserInfo.FirstNamePlaceholder')}\n onChange={handleFirstNameChange}\n value={firstName}\n error={error === ERROR_FIRST_NAME_MISSING ? error : undefined}\n />\n <InputText\n id=\"user-last-name\"\n label={lang('UserInfo.LastNamePlaceholder')}\n onChange={handleLastNameChange}\n value={lastName}\n />\n <div className=\"ListItem no-selection narrow\">\n <Checkbox\n checked={isNotificationsEnabled}\n label={lang('Notifications')}\n subLabel={lang(isNotificationsEnabled\n ? 'UserInfo.NotificationsEnabled'\n : 'UserInfo.NotificationsDisabled')}\n onChange={handleNotificationChange}\n />\n </div>\n </div>\n <div className=\"section\">\n <ListItem icon=\"delete\" ripple destructive onClick={openDeleteDialog}>\n {lang('DeleteContact')}\n </ListItem>\n </div>\n </div>\n <FloatingActionButton\n isShown={isProfileFieldsTouched}\n onClick={handleProfileSave}\n disabled={isLoading}\n ariaLabel={lang('Save')}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n <ConfirmDialog\n isOpen={isDeleteDialogOpen}\n onClose={closeDeleteDialog}\n text={lang('AreYouSureDeleteContact')}\n confirmLabel={lang('DeleteContact')}\n confirmHandler={handleDeleteContact}\n confirmIsDestructive\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { userId }): StateProps => {\n const user = selectUser(global, userId);\n const chat = selectChat(global, userId)!;\n const { progress } = global.management;\n\n return { user, chat, progress };\n },\n (global, actions): DispatchProps => pick(actions, [\n 'updateContact', 'deleteUser', 'closeManagement', 'openChat', 'deleteHistory',\n ]),\n)(ManageUser));\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ManagementScreens, ManagementProgress } from '../../../types';\nimport { ApiChat, ApiChatBannedRights, ApiMediaFormat } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\n\nimport { getChatAvatarHash, getHasAdminRight, isChatBasicGroup } from '../../../modules/helpers';\nimport useMedia from '../../../hooks/useMedia';\nimport useLang from '../../../hooks/useLang';\nimport useFlag from '../../../hooks/useFlag';\nimport { selectChat } from '../../../modules/selectors';\nimport { formatInteger } from '../../../util/textFormat';\nimport { pick } from '../../../util/iteratees';\nimport renderText from '../../common/helpers/renderText';\n\nimport AvatarEditable from '../../ui/AvatarEditable';\nimport InputText from '../../ui/InputText';\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport Spinner from '../../ui/Spinner';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\nimport './Management.scss';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n};\n\ntype StateProps = {\n chat: ApiChat;\n progress?: ManagementProgress;\n isBasicGroup: boolean;\n hasLinkedChannel: boolean;\n canChangeInfo?: boolean;\n canBanUsers?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'togglePreHistoryHidden' | 'updateChat' | 'closeManagement' |\n 'deleteHistory' | 'leaveChannel' | 'deleteChannel' | 'openChat'\n)>;\n\nconst GROUP_TITLE_EMPTY = 'Group title can\\'t be empty';\n\n// Some checkboxes control multiple rights, and some rights are not controlled from Permissions screen,\n// so we need to define the amount manually\nconst TOTAL_PERMISSIONS_COUNT = 8;\n\nconst ManageGroup: FC<OwnProps & StateProps & DispatchProps> = ({\n chatId,\n chat,\n progress,\n isBasicGroup,\n hasLinkedChannel,\n canChangeInfo,\n canBanUsers,\n onScreenSelect,\n togglePreHistoryHidden,\n updateChat,\n deleteHistory,\n leaveChannel,\n deleteChannel,\n closeManagement,\n openChat,\n}) => {\n const [isDeleteDialogOpen, openDeleteDialog, closeDeleteDialog] = useFlag();\n const currentTitle = chat.title;\n const currentAbout = chat.fullInfo ? (chat.fullInfo.about || '') : '';\n\n const [isProfileFieldsTouched, setIsProfileFieldsTouched] = useState(false);\n const [title, setTitle] = useState(currentTitle);\n const [about, setAbout] = useState(currentAbout);\n const [photo, setPhoto] = useState<File | undefined>();\n const [error, setError] = useState<string | undefined>();\n const imageHash = getChatAvatarHash(chat);\n const currentAvatarBlobUrl = useMedia(imageHash, false, ApiMediaFormat.BlobUrl);\n const lang = useLang();\n\n useEffect(() => {\n if (progress === ManagementProgress.Complete) {\n setIsProfileFieldsTouched(false);\n setError(undefined);\n }\n }, [progress]);\n\n const handleClickEditType = useCallback(() => {\n onScreenSelect(ManagementScreens.ChatPrivacyType);\n }, [onScreenSelect]);\n\n const handleClickDiscussion = useCallback(() => {\n onScreenSelect(ManagementScreens.Discussion);\n }, [onScreenSelect]);\n\n const handleClickPermissions = useCallback(() => {\n onScreenSelect(ManagementScreens.GroupPermissions);\n }, [onScreenSelect]);\n\n const handleClickAdministrators = useCallback(() => {\n onScreenSelect(ManagementScreens.ChatAdministrators);\n }, [onScreenSelect]);\n\n const handleSetPhoto = useCallback((file: File) => {\n setPhoto(file);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleTitleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setTitle(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleAboutChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setAbout(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleUpdateGroup = useCallback(() => {\n const trimmedTitle = title.trim();\n const trimmedAbout = about.trim();\n\n if (!trimmedTitle.length) {\n setError(GROUP_TITLE_EMPTY);\n return;\n }\n\n updateChat({\n chatId,\n title: trimmedTitle,\n about: trimmedAbout,\n photo,\n });\n }, [about, chatId, photo, title, updateChat]);\n\n const handleClickMembers = useCallback(() => {\n onScreenSelect(ManagementScreens.GroupMembers);\n }, [onScreenSelect]);\n\n const handleTogglePreHistory = useCallback(() => {\n if (!chat.fullInfo) {\n return;\n }\n\n const { isPreHistoryHidden } = chat.fullInfo;\n\n togglePreHistoryHidden({ chatId: chat.id, isEnabled: !isPreHistoryHidden });\n }, [chat, togglePreHistoryHidden]);\n\n const enabledPermissionsCount = useMemo(() => {\n if (!chat.defaultBannedRights) {\n return 0;\n }\n\n let totalCount = [\n 'sendMessages',\n 'sendMedia',\n 'embedLinks',\n 'sendPolls',\n 'changeInfo',\n 'inviteUsers',\n 'pinMessages',\n ].filter(\n (key) => !chat.defaultBannedRights![key as keyof ApiChatBannedRights],\n ).length;\n\n const { sendStickers, sendGifs } = chat.defaultBannedRights;\n\n // These two rights are controlled with a single checkbox\n if (!sendStickers && !sendGifs) {\n totalCount += 1;\n }\n\n return totalCount;\n }, [chat]);\n\n const adminsCount = (chat.fullInfo && chat.fullInfo.adminMembers && chat.fullInfo.adminMembers.length) || 0;\n\n const handleDeleteGroup = useCallback(() => {\n if (isBasicGroup) {\n deleteHistory({ chatId: chat.id, maxId: chat.lastMessage!.id, shouldDeleteForAll: false });\n } else if (!chat.isCreator) {\n leaveChannel({ chatId: chat.id });\n } else {\n deleteChannel({ chatId: chat.id });\n }\n closeDeleteDialog();\n closeManagement();\n openChat({ id: undefined });\n }, [\n isBasicGroup, chat.isCreator, chat.id, chat.lastMessage,\n closeDeleteDialog, closeManagement, deleteHistory, leaveChannel, deleteChannel, openChat,\n ]);\n\n if (chat.isRestricted) {\n return undefined;\n }\n\n const isLoading = progress === ManagementProgress.InProgress;\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <AvatarEditable\n currentAvatarBlobUrl={currentAvatarBlobUrl}\n onChange={handleSetPhoto}\n disabled={!canChangeInfo}\n />\n <InputText\n id=\"group-title\"\n label={lang('GroupName')}\n onChange={handleTitleChange}\n value={title}\n error={error === GROUP_TITLE_EMPTY ? error : undefined}\n disabled={!canChangeInfo}\n />\n <InputText\n id=\"group-about\"\n className=\"mb-2\"\n label={lang('DescriptionPlaceholder')}\n onChange={handleAboutChange}\n value={about}\n disabled={!canChangeInfo}\n />\n {chat.isCreator && (\n <ListItem icon=\"lock\" multiline ripple onClick={handleClickEditType}>\n <span className=\"title\">{lang('GroupType')}</span>\n <span className=\"subtitle\">{chat.username ? lang('TypePublic') : lang('TypePrivate')}</span>\n </ListItem>\n )}\n {hasLinkedChannel && (\n <ListItem icon=\"message\" multiline ripple onClick={handleClickDiscussion}>\n <span className=\"title\">{lang('LinkedChannel')}</span>\n <span className=\"subtitle\">{lang('DiscussionUnlink')}</span>\n </ListItem>\n )}\n <ListItem icon=\"permissions\" multiline ripple onClick={handleClickPermissions} disabled={!canBanUsers}>\n <span className=\"title\">{lang('ChannelPermissions')}</span>\n <span className=\"subtitle\">{enabledPermissionsCount}/{TOTAL_PERMISSIONS_COUNT}</span>\n </ListItem>\n <ListItem icon=\"admin\" multiline ripple onClick={handleClickAdministrators}>\n <span className=\"title\">{lang('ChannelAdministrators')}</span>\n <span className=\"subtitle\">{formatInteger(adminsCount)}</span>\n </ListItem>\n </div>\n <div className=\"section\">\n <ListItem icon=\"group\" multiline ripple onClick={handleClickMembers}>\n <span className=\"title\">{lang('GroupMembers')}</span>\n <span className=\"subtitle\">{formatInteger(chat.membersCount!)}</span>\n </ListItem>\n\n {chat.fullInfo && (\n <div className=\"ListItem narrow no-selection\">\n <Checkbox\n checked={!chat.fullInfo.isPreHistoryHidden}\n label={lang('ChatHistory')}\n onChange={handleTogglePreHistory}\n disabled={!canBanUsers}\n />\n </div>\n )}\n </div>\n <div className=\"section\">\n <ListItem icon=\"delete\" ripple destructive onClick={openDeleteDialog}>\n {lang('DeleteMega')}\n </ListItem>\n </div>\n </div>\n <FloatingActionButton\n isShown={isProfileFieldsTouched}\n onClick={handleUpdateGroup}\n disabled={isLoading}\n ariaLabel={lang('Save')}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n <ConfirmDialog\n isOpen={isDeleteDialogOpen}\n onClose={closeDeleteDialog}\n textParts={renderText(\n isBasicGroup || !chat.isCreator\n ? lang('AreYouSureDeleteAndExit')\n : lang('AreYouSureDeleteThisChatWithGroup', chat.title),\n ['br', 'simple_markdown'],\n )}\n confirmLabel={isBasicGroup || !chat.isCreator ? lang('DeleteMega') : lang('DeleteGroupForAll')}\n confirmHandler={handleDeleteGroup}\n confirmIsDestructive\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const { progress } = global.management;\n const hasLinkedChannel = Boolean(chat.fullInfo && chat.fullInfo.linkedChatId);\n\n return {\n chat,\n progress,\n isBasicGroup: isChatBasicGroup(chat),\n hasLinkedChannel,\n canChangeInfo: getHasAdminRight(chat, 'changeInfo'),\n canBanUsers: getHasAdminRight(chat, 'banUsers'),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'togglePreHistoryHidden', 'updateChat', 'closeManagement',\n 'deleteHistory', 'leaveChannel', 'deleteChannel', 'openChat',\n ]),\n)(ManageGroup));\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ManagementScreens } from '../../../types';\nimport { ApiChat, ApiChatBannedRights, ApiChatMember } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\n\nimport useLang from '../../../hooks/useLang';\nimport { selectChat } from '../../../modules/selectors';\nimport { pick } from '../../../util/iteratees';\n\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n onChatMemberSelect: (memberId: number, isPromotedByCurrentUser?: boolean) => void;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n currentUserId?: number;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'updateChatDefaultBannedRights'>;\n\nconst FLOATING_BUTTON_ANIMATION_TIMEOUT_MS = 250;\n\nfunction getLangKeyForBannedRightKey(key: string) {\n switch (key) {\n case 'sendMessages':\n return 'UserRestrictionsNoSend';\n case 'sendMedia':\n return 'UserRestrictionsNoSendMedia';\n case 'sendStickers':\n return 'UserRestrictionsNoSendStickers';\n case 'embedLinks':\n return 'UserRestrictionsNoEmbedLinks';\n case 'sendPolls':\n return 'UserRestrictionsNoSendPolls';\n case 'changeInfo':\n return 'UserRestrictionsNoChangeInfo';\n case 'inviteUsers':\n return 'UserRestrictionsInviteUsers';\n case 'pinMessages':\n return 'UserRestrictionsPinMessages';\n default:\n return undefined;\n }\n}\n\nconst ManageGroupPermissions: FC<OwnProps & StateProps & DispatchProps> = ({\n onScreenSelect,\n onChatMemberSelect,\n chat,\n currentUserId,\n updateChatDefaultBannedRights,\n}) => {\n const [permissions, setPermissions] = useState<ApiChatBannedRights>({});\n const [havePermissionChanged, setHavePermissionChanged] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const lang = useLang();\n\n const handleRemovedUsersClick = useCallback(() => {\n onScreenSelect(ManagementScreens.GroupRemovedUsers);\n }, [onScreenSelect]);\n\n const handleAddExceptionClick = useCallback(() => {\n onScreenSelect(ManagementScreens.GroupUserPermissionsCreate);\n }, [onScreenSelect]);\n\n const handleExceptionMemberClick = useCallback((member: ApiChatMember) => {\n onChatMemberSelect(member.userId, member.promotedByUserId === currentUserId);\n onScreenSelect(ManagementScreens.GroupUserPermissions);\n }, [currentUserId, onChatMemberSelect, onScreenSelect]);\n\n useEffect(() => {\n setPermissions((chat && chat.defaultBannedRights) || {});\n setHavePermissionChanged(false);\n setTimeout(() => {\n setIsLoading(false);\n }, FLOATING_BUTTON_ANIMATION_TIMEOUT_MS);\n }, [chat]);\n\n const handlePermissionChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { name } = e.target;\n\n function getUpdatedPermissionValue(value: true | undefined) {\n return value ? undefined : true;\n }\n\n setPermissions((p) => ({\n ...p,\n [name]: getUpdatedPermissionValue(p[name as keyof ApiChatBannedRights]),\n ...(name === 'sendStickers' && {\n sendGifs: getUpdatedPermissionValue(p[name]),\n }),\n }));\n setHavePermissionChanged(true);\n }, []);\n\n const handleSavePermissions = useCallback(() => {\n if (!chat) {\n return;\n }\n\n setIsLoading(true);\n updateChatDefaultBannedRights({ chatId: chat.id, bannedRights: permissions });\n }, [chat, permissions, updateChatDefaultBannedRights]);\n\n const removedUsersCount = useMemo(() => {\n if (!chat || !chat.fullInfo || !chat.fullInfo.kickedMembers) {\n return 0;\n }\n\n return chat.fullInfo.kickedMembers.length;\n }, [chat]);\n\n const exceptionMembers = useMemo(() => {\n if (!chat || !chat.fullInfo || !chat.fullInfo.members) {\n return [];\n }\n\n return chat.fullInfo.members.filter(({ bannedRights }) => !!bannedRights);\n }, [chat]);\n\n const getMemberExceptions = useCallback((member: ApiChatMember) => {\n const { bannedRights } = member;\n if (!bannedRights || !chat) {\n return undefined;\n }\n\n const { defaultBannedRights } = chat;\n\n return Object.keys(bannedRights).reduce((result, key) => {\n if (\n !bannedRights[key as keyof ApiChatBannedRights]\n || (defaultBannedRights && defaultBannedRights[key as keyof ApiChatBannedRights])\n || key === 'sendInline' || key === 'viewMessages' || key === 'sendGames'\n ) {\n return result;\n }\n\n const langKey = getLangKeyForBannedRightKey(key);\n\n if (!langKey) {\n return result;\n }\n\n const translatedString = lang(langKey);\n\n return `${result}${!result.length ? translatedString : `, ${translatedString}`}`;\n }, '');\n }, [chat, lang]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <h3 className=\"section-heading\">{lang('ChannelPermissionsHeader')}</h3>\n\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendMessages\"\n checked={!permissions.sendMessages}\n label={lang('UserRestrictionsSend')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendMedia\"\n checked={!permissions.sendMedia}\n label={lang('UserRestrictionsSendMedia')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendStickers\"\n checked={!permissions.sendStickers && !permissions.sendGifs}\n label={lang('UserRestrictionsSendStickers')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendPolls\"\n checked={!permissions.sendPolls}\n label={lang('UserRestrictionsSendPolls')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"embedLinks\"\n checked={!permissions.embedLinks}\n label={lang('UserRestrictionsEmbedLinks')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"inviteUsers\"\n checked={!permissions.inviteUsers}\n label={lang('UserRestrictionsInviteUsers')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"pinMessages\"\n checked={!permissions.pinMessages}\n label={lang('UserRestrictionsPinMessages')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!permissions.changeInfo}\n label={lang('UserRestrictionsChangeInfo')}\n blocking\n onChange={handlePermissionChange}\n />\n </div>\n </div>\n\n <div className=\"section\">\n <ListItem icon=\"delete-user\" multiline ripple narrow onClick={handleRemovedUsersClick}>\n <span className=\"title\">{lang('ChannelBlockedUsers')}</span>\n <span className=\"subtitle\">{removedUsersCount}</span>\n </ListItem>\n </div>\n\n <div className=\"section\">\n <h3 className=\"section-heading\">{lang('PrivacyExceptions')}</h3>\n\n <ListItem\n icon=\"add-user\"\n ripple\n onClick={handleAddExceptionClick}\n >\n {lang('ChannelAddException')}\n </ListItem>\n\n {exceptionMembers.map((member) => (\n <ListItem\n key={member.userId}\n className=\"chat-item-clickable exceptions-member\"\n ripple\n onClick={() => handleExceptionMemberClick(member)}\n >\n <PrivateChatInfo\n userId={member.userId}\n status={getMemberExceptions(member)}\n />\n </ListItem>\n ))}\n </div>\n </div>\n\n <FloatingActionButton\n isShown={havePermissionChanged}\n onClick={handleSavePermissions}\n ariaLabel={lang('Save')}\n disabled={isLoading}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n\n return { chat, currentUserId: global.currentUserId };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['updateChatDefaultBannedRights']),\n)(ManageGroupPermissions));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiChatMember, ApiUser } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\n\nimport { selectChat } from '../../../modules/selectors';\nimport { getUserFullName } from '../../../modules/helpers';\nimport { pick } from '../../../util/iteratees';\nimport useLang from '../../../hooks/useLang';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport ListItem from '../../ui/ListItem';\n\ntype OwnProps = {\n chatId: number;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n usersById: Record<number, ApiUser>;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'updateChatMemberBannedRights'>;\n\nconst ManageGroupRemovedUsers: FC<OwnProps & StateProps & DispatchProps> = ({\n chat,\n usersById,\n updateChatMemberBannedRights,\n}) => {\n const lang = useLang();\n\n const removedMembers = useMemo(() => {\n if (!chat || !chat.fullInfo || !chat.fullInfo.kickedMembers) {\n return [];\n }\n\n return chat.fullInfo.kickedMembers;\n }, [chat]);\n\n const getRemovedBy = useCallback((member: ApiChatMember) => {\n if (!member.kickedByUserId) {\n return undefined;\n }\n\n const kickedByUser = usersById[member.kickedByUserId];\n if (!kickedByUser) {\n return undefined;\n }\n\n return lang('UserRemovedBy', getUserFullName(kickedByUser));\n }, [lang, usersById]);\n\n const getContextActions = useCallback((member: ApiChatMember) => {\n if (!chat) {\n return undefined;\n }\n\n return [{\n title: lang('Unblock'),\n icon: 'delete',\n destructive: true,\n handler: () => updateChatMemberBannedRights({\n chatId: chat.id,\n userId: member.userId,\n bannedRights: {},\n }),\n }];\n }, [lang, chat, updateChatMemberBannedRights]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <p className=\"text-muted\">{lang('NoBlockedGroup2')}</p>\n\n {removedMembers.map((member) => (\n <ListItem\n key={member.userId}\n className=\"chat-item-clickable\"\n ripple\n contextActions={getContextActions(member)}\n >\n <PrivateChatInfo\n userId={member.userId}\n status={getRemovedBy(member)}\n />\n </ListItem>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const { byId: usersById } = global.users;\n\n return { chat, usersById };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['updateChatMemberBannedRights']),\n)(ManageGroupRemovedUsers));\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ManagementScreens, ManagementProgress } from '../../../types';\nimport { ApiChat, ApiMediaFormat } from '../../../api/types';\n\nimport { pick } from '../../../util/iteratees';\nimport { getChatAvatarHash, getHasAdminRight } from '../../../modules/helpers';\nimport useMedia from '../../../hooks/useMedia';\nimport useLang from '../../../hooks/useLang';\nimport { selectChat } from '../../../modules/selectors';\n\nimport AvatarEditable from '../../ui/AvatarEditable';\nimport InputText from '../../ui/InputText';\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport Spinner from '../../ui/Spinner';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\nimport useFlag from '../../../hooks/useFlag';\n\nimport './Management.scss';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n};\n\ntype StateProps = {\n chat: ApiChat;\n progress?: ManagementProgress;\n isSignaturesShown: boolean;\n canChangeInfo?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'toggleSignatures' | 'updateChat' | 'closeManagement' | 'leaveChannel' | 'deleteChannel' | 'openChat'\n)>;\n\nconst CHANNEL_TITLE_EMPTY = 'Channel title can\\'t be empty';\n\nconst ManageChannel: FC<OwnProps & StateProps & DispatchProps> = ({\n chatId,\n chat,\n progress,\n isSignaturesShown,\n canChangeInfo,\n onScreenSelect,\n updateChat,\n toggleSignatures,\n closeManagement,\n leaveChannel,\n deleteChannel,\n openChat,\n}) => {\n const currentTitle = chat ? (chat.title || '') : '';\n const currentAbout = chat && chat.fullInfo ? (chat.fullInfo.about || '') : '';\n const hasLinkedChat = chat && chat.fullInfo && chat.fullInfo.linkedChatId;\n\n const [isDeleteDialogOpen, openDeleteDialog, closeDeleteDialog] = useFlag();\n const [isProfileFieldsTouched, setIsProfileFieldsTouched] = useState(false);\n const [title, setTitle] = useState(currentTitle);\n const [about, setAbout] = useState(currentAbout);\n const [photo, setPhoto] = useState<File | undefined>();\n const [error, setError] = useState<string | undefined>();\n const imageHash = chat && getChatAvatarHash(chat);\n const currentAvatarBlobUrl = useMedia(imageHash, false, ApiMediaFormat.BlobUrl);\n const lang = useLang();\n\n useEffect(() => {\n if (progress === ManagementProgress.Complete) {\n setIsProfileFieldsTouched(false);\n setError(undefined);\n }\n }, [progress]);\n\n const adminsCount = (chat && chat.fullInfo && chat.fullInfo.adminMembers && chat.fullInfo.adminMembers.length) || 0;\n\n const handleClickEditType = useCallback(() => {\n onScreenSelect(ManagementScreens.ChatPrivacyType);\n }, [onScreenSelect]);\n\n const handleClickDiscussion = useCallback(() => {\n onScreenSelect(ManagementScreens.Discussion);\n }, [onScreenSelect]);\n\n const handleClickAdministrators = useCallback(() => {\n onScreenSelect(ManagementScreens.ChatAdministrators);\n }, [onScreenSelect]);\n\n const handleSetPhoto = useCallback((file: File) => {\n setPhoto(file);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleTitleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setTitle(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleAboutChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n setAbout(e.target.value);\n setIsProfileFieldsTouched(true);\n }, []);\n\n const handleUpdateChannel = useCallback(() => {\n const trimmedTitle = title.trim();\n const trimmedAbout = about.trim();\n\n if (!trimmedTitle.length) {\n setError(CHANNEL_TITLE_EMPTY);\n return;\n }\n\n updateChat({\n chatId,\n title: trimmedTitle,\n about: trimmedAbout,\n photo,\n });\n }, [about, chatId, photo, title, updateChat]);\n\n const handleToggleSignatures = useCallback(() => {\n toggleSignatures({ chatId, isEnabled: !isSignaturesShown });\n }, [chatId, isSignaturesShown, toggleSignatures]);\n\n const handleClickSubscribers = useCallback(() => {\n onScreenSelect(ManagementScreens.ChannelSubscribers);\n }, [onScreenSelect]);\n\n\n const handleDeleteChannel = useCallback(() => {\n if (chat.isCreator) {\n deleteChannel({ chatId: chat.id });\n } else {\n leaveChannel({ chatId: chat.id });\n }\n\n closeDeleteDialog();\n closeManagement();\n openChat({ id: undefined });\n }, [chat.isCreator, chat.id, closeDeleteDialog, closeManagement, leaveChannel, deleteChannel, openChat]);\n\n if (chat.isRestricted) {\n return undefined;\n }\n\n const isLoading = progress === ManagementProgress.InProgress;\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <AvatarEditable\n currentAvatarBlobUrl={currentAvatarBlobUrl}\n onChange={handleSetPhoto}\n disabled={!canChangeInfo}\n />\n <InputText\n id=\"channel-title\"\n label={lang('EnterChannelName')}\n onChange={handleTitleChange}\n value={title}\n error={error === CHANNEL_TITLE_EMPTY ? error : undefined}\n disabled={!canChangeInfo}\n />\n <InputText\n id=\"channel-about\"\n className=\"mb-2\"\n label={lang('DescriptionPlaceholder')}\n onChange={handleAboutChange}\n value={about}\n disabled={!canChangeInfo}\n />\n {chat.isCreator && (\n <ListItem icon=\"lock\" ripple multiline onClick={handleClickEditType}>\n <span className=\"title\">{lang('ChannelType')}</span>\n <span className=\"subtitle\">{chat.username ? lang('TypePublic') : lang('TypePrivate')}</span>\n </ListItem>\n )}\n <ListItem icon=\"message\" multiline ripple onClick={handleClickDiscussion} disabled={!canChangeInfo}>\n <span className=\"title\">{lang('Discussion')}</span>\n <span className=\"subtitle\">{hasLinkedChat ? lang('DiscussionUnlink') : lang('Add')}</span>\n </ListItem>\n <ListItem icon=\"admin\" multiline ripple onClick={handleClickAdministrators}>\n <span className=\"title\">{lang('ChannelAdministrators')}</span>\n <span className=\"subtitle\">{adminsCount}</span>\n </ListItem>\n <div className=\"ListItem no-selection narrow\">\n <Checkbox\n checked={isSignaturesShown}\n label={lang('ChannelSignMessages')}\n onChange={handleToggleSignatures}\n />\n </div>\n </div>\n <div className=\"section\">\n <ListItem icon=\"group\" multiline ripple onClick={handleClickSubscribers}>\n <span className=\"title\">{lang('ChannelSubscribers')}</span>\n <span className=\"subtitle\">{lang('Subscribers', chat.membersCount!, 'i')}</span>\n </ListItem>\n </div>\n <div className=\"section\">\n <ListItem icon=\"delete\" ripple destructive onClick={openDeleteDialog}>\n {chat.isCreator ? lang('ChannelDelete') : lang('LeaveChannel')}\n </ListItem>\n </div>\n </div>\n <FloatingActionButton\n isShown={isProfileFieldsTouched}\n onClick={handleUpdateChannel}\n disabled={isLoading}\n ariaLabel={lang('Save')}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n <ConfirmDialog\n isOpen={isDeleteDialogOpen}\n onClose={closeDeleteDialog}\n text={chat.isCreator ? lang('ChannelDeleteAlert') : lang('ChannelLeaveAlert')}\n confirmLabel={chat.isCreator ? lang('ChannelDelete') : lang('LeaveChannel')}\n confirmHandler={handleDeleteChannel}\n confirmIsDestructive\n />\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const { progress } = global.management;\n const isSignaturesShown = Boolean(chat && chat.isSignaturesShown);\n\n return {\n chat,\n progress,\n isSignaturesShown,\n canChangeInfo: getHasAdminRight(chat, 'changeInfo'),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'toggleSignatures', 'updateChat', 'closeManagement', 'leaveChannel', 'deleteChannel', 'openChat',\n ]),\n)(ManageChannel));\n","import React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat } from '../../../api/types';\nimport { ManagementProgress } from '../../../types';\n\nimport { selectChat, selectManagement } from '../../../modules/selectors';\nimport { pick } from '../../../util/iteratees';\nimport { isChatChannel } from '../../../modules/helpers';\nimport useFlag from '../../../hooks/useFlag';\nimport useLang from '../../../hooks/useLang';\n\nimport SafeLink from '../../common/SafeLink';\nimport ListItem from '../../ui/ListItem';\nimport RadioGroup from '../../ui/RadioGroup';\nimport Loading from '../../ui/Loading';\nimport Spinner from '../../ui/Spinner';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport UsernameInput from '../../common/UsernameInput';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\ntype PrivacyType = 'private' | 'public';\n\ntype OwnProps = {\n chatId: number;\n};\n\ntype StateProps = {\n chat: ApiChat;\n isChannel: boolean;\n progress?: ManagementProgress;\n isUsernameAvailable?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, (\n 'checkPublicLink' | 'updatePublicLink' | 'updatePrivateLink'\n)>;\n\nconst ManageChatPrivacyType: FC<OwnProps & StateProps & DispatchProps> = ({\n chat,\n isChannel,\n progress,\n isUsernameAvailable,\n checkPublicLink,\n updatePublicLink,\n updatePrivateLink,\n}) => {\n const isPublic = Boolean(chat.username);\n const privateLink = chat.fullInfo && chat.fullInfo.inviteLink;\n\n const [privacyType, setPrivacyType] = useState<PrivacyType>(isPublic ? 'public' : 'private');\n const [username, setUsername] = useState();\n const [isRevokeConfirmDialogOpen, openRevokeConfirmDialog, closeRevokeConfirmDialog] = useFlag();\n\n const canUpdate = (\n (privacyType === 'public' && username && isUsernameAvailable)\n || (privacyType === 'private' && isPublic)\n );\n\n useEffect(() => {\n if (privacyType && !privateLink) {\n updatePrivateLink();\n }\n }, [privacyType, privateLink, updatePrivateLink]);\n\n const handleOptionChange = useCallback((value: string) => {\n setPrivacyType(value as PrivacyType);\n }, []);\n\n const handleSave = useCallback(() => {\n updatePublicLink({ username: privacyType === 'public' ? username : '' });\n }, [privacyType, updatePublicLink, username]);\n\n const handleRevokePrivateLink = useCallback(() => {\n closeRevokeConfirmDialog();\n updatePrivateLink();\n }, [closeRevokeConfirmDialog, updatePrivateLink]);\n\n const lang = useLang();\n const langPrefix1 = isChannel ? 'Channel' : 'Mega';\n const langPrefix2 = isChannel ? 'Channel' : 'Group';\n\n const options = [\n { value: 'private', label: lang(`${langPrefix1}Private`), subLabel: lang(`${langPrefix1}PrivateInfo`) },\n { value: 'public', label: lang(`${langPrefix1}Public`), subLabel: lang(`${langPrefix1}PublicInfo`) },\n ];\n\n const isLoading = progress === ManagementProgress.InProgress;\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <h3 className=\"section-heading\">{lang(`${langPrefix2}Type`)}</h3>\n <RadioGroup\n selected={privacyType}\n name=\"channel-type\"\n options={options}\n onChange={handleOptionChange}\n />\n </div>\n {privacyType === 'private' ? (\n <div className=\"section\">\n {privateLink ? (\n <>\n <SafeLink url={privateLink} className=\"group-link\" text={privateLink} />\n <p className=\"section-info\">{lang(`${langPrefix1}PrivateLinkHelp`)}</p>\n\n <ListItem icon=\"delete\" ripple destructive onClick={openRevokeConfirmDialog}>\n {lang('RevokeLink')}\n </ListItem>\n <ConfirmDialog\n isOpen={isRevokeConfirmDialogOpen}\n onClose={closeRevokeConfirmDialog}\n text={lang('RevokeAlert')}\n confirmLabel={lang('RevokeButton')}\n confirmHandler={handleRevokePrivateLink}\n confirmIsDestructive\n />\n </>\n ) : (\n <Loading />\n )}\n </div>\n ) : (\n <div className=\"section no-border\">\n <UsernameInput\n asLink\n currentUsername={chat.username}\n isLoading={isLoading}\n isUsernameAvailable={isUsernameAvailable}\n checkUsername={checkPublicLink}\n onChange={setUsername}\n />\n <p className=\"section-info\">\n {lang(`${langPrefix2}.Username.CreatePublicLinkHelp`)}\n </p>\n </div>\n )}\n </div>\n <FloatingActionButton\n isShown={canUpdate}\n disabled={isLoading}\n ariaLabel={lang('Save')}\n onClick={handleSave}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const { isUsernameAvailable } = selectManagement(global, chatId)!;\n\n return {\n chat,\n isChannel: isChatChannel(chat),\n progress: global.management.progress,\n isUsernameAvailable,\n };\n },\n (setGlobal, actions) => pick(actions, [\n 'checkPublicLink', 'updatePublicLink', 'updatePrivateLink',\n ]),\n)(ManageChatPrivacyType));\n","import React, {\n FC, memo, useCallback, useEffect, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { GlobalActions } from '../../../global/types';\nimport { ApiChat } from '../../../api/types';\nimport { ManagementScreens } from '../../../types';\n\nimport { STICKER_SIZE_DISCUSSION_GROUPS } from '../../../config';\nimport { selectChat } from '../../../modules/selectors';\nimport { pick } from '../../../util/iteratees';\nimport getAnimationData from '../../common/helpers/animatedAssets';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport NothingFound from '../../common/NothingFound';\nimport GroupChatInfo from '../../common/GroupChatInfo';\nimport AnimatedSticker from '../../common/AnimatedSticker';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\nimport useFlag from '../../../hooks/useFlag';\nimport renderText from '../../common/helpers/renderText';\nimport Avatar from '../../common/Avatar';\nimport { isChatChannel } from '../../../modules/helpers';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n chatsByIds: Record<number, ApiChat>;\n linkedChat?: ApiChat;\n forDiscussionIds?: number[];\n isChannel?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'loadGroupsForDiscussion' | 'linkDiscussionGroup' | 'unlinkDiscussionGroup'>;\n\nconst ManageDiscussion: FC<OwnProps & StateProps & DispatchProps> = ({\n chat,\n chatId,\n chatsByIds,\n linkedChat,\n forDiscussionIds,\n isChannel,\n onScreenSelect,\n loadGroupsForDiscussion,\n linkDiscussionGroup,\n unlinkDiscussionGroup,\n}) => {\n const [linkedGroupId, setLinkedGroupId] = useState<number>();\n const [animationData, setAnimationData] = useState<Record<string, any>>();\n const [isAnimationLoaded, setIsAnimationLoaded] = useState(false);\n const handleAnimationLoad = useCallback(() => setIsAnimationLoaded(true), []);\n const [isConfirmUnlinkGroupDialogOpen, openConfirmUnlinkGroupDialog, closeConfirmUnlinkGroupDialog] = useFlag();\n const [isConfirmLinkGroupDialogOpen, openConfirmLinkGroupDialog, closeConfirmLinkGroupDialog] = useFlag();\n const lang = useLang();\n const linkedChatId = linkedChat && linkedChat.id;\n\n useEffect(() => {\n loadGroupsForDiscussion();\n }, [loadGroupsForDiscussion]);\n\n useEffect(() => {\n if (!animationData) {\n getAnimationData('DiscussionGroups').then(setAnimationData);\n }\n }, [animationData]);\n\n const handleUnlinkGroupSessions = useCallback(() => {\n closeConfirmUnlinkGroupDialog();\n unlinkDiscussionGroup({ channelId: isChannel ? chatId : linkedChatId });\n if (!isChannel) {\n onScreenSelect(ManagementScreens.Initial);\n }\n }, [closeConfirmUnlinkGroupDialog, unlinkDiscussionGroup, isChannel, chatId, linkedChatId, onScreenSelect]);\n\n const handleLinkGroupSessions = useCallback(() => {\n closeConfirmLinkGroupDialog();\n linkDiscussionGroup({ channelId: chatId, chatId: linkedGroupId });\n }, [closeConfirmLinkGroupDialog, linkDiscussionGroup, chatId, linkedGroupId]);\n\n const onDiscussionClick = (groupId: number) => {\n setLinkedGroupId(groupId);\n openConfirmLinkGroupDialog();\n };\n\n function renderUnlinkGroupHeader() {\n return (\n <div className=\"modal-header\">\n <Avatar\n size=\"tiny\"\n chat={linkedChat}\n />\n <div className=\"modal-title\">\n {lang(isChannel ? 'DiscussionUnlinkGroup' : 'DiscussionUnlinkChannel')}\n </div>\n </div>\n );\n }\n function renderLinkGroupHeader() {\n const linkedGroup = chatsByIds[linkedGroupId];\n\n if (!linkedGroup) {\n return undefined;\n }\n\n return (\n <div className=\"modal-header\">\n <Avatar\n size=\"tiny\"\n chat={linkedGroup}\n />\n <div className=\"modal-title\">\n {lang('Channel.DiscussionGroup.LinkGroup')}\n </div>\n </div>\n );\n }\n\n function renderLinkGroupConfirmText() {\n const linkedGroup = chatsByIds[linkedGroupId];\n\n if (!linkedGroup) {\n return undefined;\n }\n\n if (linkedGroup.hasPrivateLink) {\n return renderText(\n `Do you want to make **${linkedGroup.title}** the discussion board for **${chat!.title}**?`,\n ['br', 'simple_markdown'],\n );\n // return renderText(\n // lang('DiscussionLinkGroupPublicAlert', linkedChat.title, chat!.title),\n // ['br', 'simple_markdown'],\n // );\n }\n\n return renderText(\n // eslint-disable-next-line max-len\n `Do you want to make **${linkedGroup.title}** the discussion board for **${chat!.title}**?\\n\\nAnyone from the channel will be able to see messages in this group.`,\n ['br', 'simple_markdown'],\n );\n // return renderText(\n // lang('DiscussionLinkGroupPrivateAlert', linkedChat.title, chat!.title),\n // ['br', 'simple_markdown'],\n // );\n }\n\n function renderLinkedGroup() {\n return (\n <div>\n <ListItem\n className=\"chat-item-clickable\"\n inactive\n >\n <GroupChatInfo chatId={linkedChat!.id} />\n </ListItem>\n <ListItem\n icon=\"delete\"\n ripple\n destructive\n onClick={openConfirmUnlinkGroupDialog}\n >\n {lang(isChannel ? 'DiscussionUnlinkGroup' : 'DiscussionUnlinkChannel')}\n </ListItem>\n <ConfirmDialog\n isOpen={isConfirmUnlinkGroupDialogOpen}\n onClose={closeConfirmUnlinkGroupDialog}\n header={renderUnlinkGroupHeader()}\n textParts={renderText(\n lang(isChannel ? 'DiscussionUnlinkChannelAlert' : 'DiscussionUnlinkGroupAlert', linkedChat!.title),\n ['br', 'simple_markdown'],\n )}\n confirmLabel={lang(isChannel ? 'DiscussionUnlinkGroup' : 'DiscussionUnlinkChannel')}\n confirmHandler={handleUnlinkGroupSessions}\n confirmIsDestructive\n />\n </div>\n );\n }\n\n function renderDiscussionGroups() {\n return (\n <div>\n <p className=\"section-help\">{lang('DiscussionChannelHelp')}</p>\n\n <div teactFastList>\n <ListItem\n key=\"create-group\"\n icon=\"group\"\n ripple\n teactOrderKey={0}\n className=\"not-implemented\"\n >\n {lang('DiscussionCreateGroup')}\n </ListItem>\n {forDiscussionIds ? (\n forDiscussionIds.map((id, i) => (\n <ListItem\n key={id}\n teactOrderKey={i + 1}\n className=\"chat-item-clickable scroll-item\"\n onClick={() => { onDiscussionClick(id); }}\n >\n <GroupChatInfo chatId={id} />\n </ListItem>\n ))\n ) : (\n <NothingFound key=\"nothing-found\" teactOrderKey={0} text=\"No discussion groups found\" />\n )}\n </div>\n <p className=\"mt-4 mb-0 section-help\">{lang('DiscussionChannelHelp2')}</p>\n <ConfirmDialog\n isOpen={isConfirmLinkGroupDialogOpen}\n onClose={closeConfirmLinkGroupDialog}\n header={renderLinkGroupHeader()}\n textParts={renderLinkGroupConfirmText()}\n confirmLabel={lang('DiscussionLinkGroup')}\n confirmHandler={handleLinkGroupSessions}\n isButtonsInOneRow\n />\n </div>\n );\n }\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <div className=\"section-icon\">\n {animationData && (\n <AnimatedSticker\n id=\"discussionGroupsDucks\"\n size={STICKER_SIZE_DISCUSSION_GROUPS}\n animationData={animationData}\n play={isAnimationLoaded}\n noLoop\n onLoad={handleAnimationLoad}\n />\n )}\n </div>\n {linkedChat && renderLinkedGroup()}\n {!linkedChat && renderDiscussionGroups()}\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const { forDiscussionIds, byId: chatsByIds } = global.chats;\n const linkedChat = chat && chat.fullInfo && chat.fullInfo.linkedChatId\n ? selectChat(global, chat.fullInfo.linkedChatId)\n : undefined;\n\n return {\n chat,\n chatsByIds,\n forDiscussionIds,\n linkedChat,\n isChannel: chat && isChatChannel(chat),\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'loadGroupsForDiscussion', 'linkDiscussionGroup', 'unlinkDiscussionGroup',\n ]),\n)(ManageDiscussion));\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiChatBannedRights } from '../../../api/types';\nimport { ManagementScreens } from '../../../types';\nimport { GlobalActions } from '../../../global/types';\n\nimport { pick } from '../../../util/iteratees';\nimport { selectChat } from '../../../modules/selectors';\nimport useLang from '../../../hooks/useLang';\nimport useFlag from '../../../hooks/useFlag';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\n\ntype OwnProps = {\n chatId: number;\n selectedChatMemberId?: number;\n isPromotedByCurrentUser?: boolean;\n onScreenSelect: (screen: ManagementScreens) => void;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n isFormFullyDisabled?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'updateChatMemberBannedRights'>;\n\nconst ManageGroupUserPermissions: FC<OwnProps & StateProps & DispatchProps> = ({\n chat,\n selectedChatMemberId,\n onScreenSelect,\n updateChatMemberBannedRights,\n isFormFullyDisabled,\n}) => {\n const [permissions, setPermissions] = useState<ApiChatBannedRights>({});\n const [havePermissionChanged, setHavePermissionChanged] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [isBanConfirmationDialogOpen, openBanConfirmationDialog, closeBanConfirmationDialog] = useFlag();\n const lang = useLang();\n\n const selectedChatMember = useMemo(() => {\n if (!chat || !chat.fullInfo || !chat.fullInfo.members) {\n return undefined;\n }\n\n return chat.fullInfo.members.find(({ userId }) => userId === selectedChatMemberId);\n }, [chat, selectedChatMemberId]);\n\n useEffect(() => {\n if (chat && chat.fullInfo && selectedChatMemberId && !selectedChatMember) {\n onScreenSelect(ManagementScreens.GroupPermissions);\n }\n }, [chat, onScreenSelect, selectedChatMember, selectedChatMemberId]);\n\n useEffect(() => {\n setPermissions((selectedChatMember && selectedChatMember.bannedRights) || (chat && chat.defaultBannedRights) || {});\n setHavePermissionChanged(false);\n setIsLoading(false);\n }, [chat, selectedChatMember]);\n\n const handlePermissionChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { name } = e.target;\n\n function getUpdatedPermissionValue(value: true | undefined) {\n return value ? undefined : true;\n }\n\n setPermissions((p) => ({\n ...p,\n [name]: getUpdatedPermissionValue(p[name as keyof ApiChatBannedRights]),\n ...(name === 'sendStickers' && {\n sendGifs: getUpdatedPermissionValue(p[name]),\n }),\n }));\n setHavePermissionChanged(true);\n }, []);\n\n const handleSavePermissions = useCallback(() => {\n if (!chat || !selectedChatMemberId) {\n return;\n }\n\n setIsLoading(true);\n updateChatMemberBannedRights({\n chatId: chat.id,\n userId: selectedChatMemberId,\n bannedRights: permissions,\n });\n }, [chat, selectedChatMemberId, permissions, updateChatMemberBannedRights]);\n\n const handleBanFromGroup = useCallback(() => {\n if (!chat || !selectedChatMemberId) {\n return;\n }\n\n updateChatMemberBannedRights({\n chatId: chat.id,\n userId: selectedChatMemberId,\n bannedRights: {\n viewMessages: true,\n },\n });\n }, [chat, selectedChatMemberId, updateChatMemberBannedRights]);\n\n const getControlIsDisabled = useCallback((key: keyof ApiChatBannedRights) => {\n if (isFormFullyDisabled) {\n return true;\n }\n\n if (!chat || !chat.defaultBannedRights) {\n return false;\n }\n\n return chat.defaultBannedRights[key];\n }, [chat, isFormFullyDisabled]);\n\n if (!selectedChatMember) {\n return undefined;\n }\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <ListItem inactive className=\"chat-item-clickable\">\n <PrivateChatInfo userId={selectedChatMember.userId} />\n </ListItem>\n\n <h3 className=\"section-heading mt-4\">{lang('UserRestrictionsCanDo')}</h3>\n\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendMessages\"\n checked={!permissions.sendMessages}\n label={lang('UserRestrictionsSend')}\n blocking\n disabled={getControlIsDisabled('sendMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendMedia\"\n checked={!permissions.sendMedia}\n label={lang('UserRestrictionsSendMedia')}\n blocking\n disabled={getControlIsDisabled('sendMedia')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendStickers\"\n checked={!permissions.sendStickers && !permissions.sendGifs}\n label={lang('UserRestrictionsSendStickers')}\n blocking\n disabled={getControlIsDisabled('sendStickers')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"sendPolls\"\n checked={!permissions.sendPolls}\n label={lang('UserRestrictionsSendPolls')}\n blocking\n disabled={getControlIsDisabled('sendPolls')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"embedLinks\"\n checked={!permissions.embedLinks}\n label={lang('UserRestrictionsEmbedLinks')}\n blocking\n disabled={getControlIsDisabled('embedLinks')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"inviteUsers\"\n checked={!permissions.inviteUsers}\n label={lang('UserRestrictionsInviteUsers')}\n blocking\n disabled={getControlIsDisabled('inviteUsers')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"pinMessages\"\n checked={!permissions.pinMessages}\n label={lang('UserRestrictionsPinMessages')}\n blocking\n disabled={getControlIsDisabled('pinMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!permissions.changeInfo}\n label={lang('UserRestrictionsChangeInfo')}\n blocking\n disabled={getControlIsDisabled('changeInfo')}\n onChange={handlePermissionChange}\n />\n </div>\n </div>\n\n {!isFormFullyDisabled && (\n <div className=\"section\">\n <ListItem icon=\"delete-user\" ripple destructive onClick={openBanConfirmationDialog}>\n {lang('UserRestrictionsBlock')}\n </ListItem>\n </div>\n )}\n </div>\n\n <FloatingActionButton\n isShown={havePermissionChanged}\n onClick={handleSavePermissions}\n ariaLabel={lang('Save')}\n disabled={isLoading}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n\n <ConfirmDialog\n isOpen={isBanConfirmationDialogOpen}\n onClose={closeBanConfirmationDialog}\n text=\"Are you sure you want to ban and remove this user from the group?\"\n confirmLabel=\"Remove\"\n confirmHandler={handleBanFromGroup}\n confirmIsDestructive\n />\n </div>\n );\n};\n\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId, isPromotedByCurrentUser }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const isFormFullyDisabled = !(chat.isCreator || isPromotedByCurrentUser);\n\n return { chat, isFormFullyDisabled };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['updateChatMemberBannedRights']),\n)(ManageGroupUserPermissions));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ManagementScreens } from '../../../types';\nimport { ApiChat, ApiChatMember, ApiUser } from '../../../api/types';\nimport { getUserFullName, isChatChannel } from '../../../modules/helpers';\n\nimport { selectChat } from '../../../modules/selectors';\nimport useLang from '../../../hooks/useLang';\n\nimport ListItem from '../../ui/ListItem';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n onChatMemberSelect: (memberId: number, isPromotedByCurrentUser?: boolean) => void;\n};\n\ntype StateProps = {\n chat: ApiChat;\n currentUserId?: number;\n isChannel: boolean;\n usersById: Record<number, ApiUser>;\n};\n\nconst ManageChatAdministrators: FC<OwnProps & StateProps> = ({\n chat,\n isChannel,\n currentUserId,\n usersById,\n onScreenSelect,\n onChatMemberSelect,\n}) => {\n const lang = useLang();\n\n function handleRecentActionsClick() {\n onScreenSelect(ManagementScreens.GroupRecentActions);\n }\n\n const adminMembers = useMemo(() => {\n if (!chat.fullInfo || !chat.fullInfo.adminMembers) {\n return [];\n }\n\n return chat.fullInfo.adminMembers.sort((a, b) => {\n if (a.isOwner) {\n return -1;\n } else if (b.isOwner) {\n return 1;\n }\n\n return 0;\n });\n }, [chat]);\n\n const handleAdminMemberClick = useCallback((member: ApiChatMember) => {\n onChatMemberSelect(member.userId, member.promotedByUserId === currentUserId);\n onScreenSelect(ManagementScreens.ChatAdminRights);\n }, [currentUserId, onChatMemberSelect, onScreenSelect]);\n\n const getMemberStatus = useCallback((member: ApiChatMember) => {\n if (member.isOwner) {\n return lang('ChannelCreator');\n }\n\n const promotedByUser = member.promotedByUserId ? usersById[member.promotedByUserId] : undefined;\n\n if (promotedByUser) {\n return lang('EditAdminPromotedBy', getUserFullName(promotedByUser));\n }\n\n return lang('ChannelAdmin');\n }, [lang, usersById]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <ListItem icon=\"recent\" multiline ripple onClick={handleRecentActionsClick}>\n <span className=\"title\">{lang('EventLog')}</span>\n <span className=\"subtitle\">{lang(isChannel ? 'EventLogInfoDetailChannel' : 'EventLogInfoDetail')}</span>\n </ListItem>\n </div>\n\n <div className=\"section\">\n <p className=\"text-muted\">\n {isChannel\n ? 'You can add administrators to help you manage your channel.'\n : 'You can add administrators to help you manage your group.'}\n </p>\n\n {adminMembers.map((member) => (\n <ListItem\n key={member.userId}\n className=\"chat-item-clickable\"\n ripple\n onClick={() => handleAdminMemberClick(member)}\n >\n <PrivateChatInfo\n userId={member.userId}\n status={getMemberStatus(member)}\n forceShowSelf\n />\n </ListItem>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const { byId: usersById } = global.users;\n\n return {\n chat,\n currentUserId: global.currentUserId,\n isChannel: isChatChannel(chat),\n usersById,\n };\n },\n // (setGlobal, actions): DispatchProps => pick(actions, ['togglePreHistoryHidden', 'updateChat']),\n)(ManageChatAdministrators));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiChatMember } from '../../../api/types';\nimport useLang from '../../../hooks/useLang';\nimport { selectChat } from '../../../modules/selectors';\n\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\n\ntype OwnProps = {\n chatId: number;\n};\n\ntype StateProps = {\n chat?: ApiChat;\n};\n\nconst ManageGroupRecentActions: FC<OwnProps & StateProps> = ({ chat }) => {\n const lang = useLang();\n\n const adminMembers = useMemo(() => {\n if (!chat || !chat.fullInfo || !chat.fullInfo.adminMembers) {\n return [];\n }\n\n return chat.fullInfo.adminMembers.sort((a, b) => {\n if (a.isOwner) {\n return -1;\n } else if (b.isOwner) {\n return 1;\n }\n\n return 0;\n });\n }, [chat]);\n\n const getMemberStatus = useCallback((member: ApiChatMember) => {\n if (member.isOwner) {\n return lang('ChannelCreator');\n }\n\n return lang('ChannelAdmin');\n }, [lang]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section not-implemented\">\n <h3 className=\"section-heading\">Actions</h3>\n\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogAllEvents')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterNewAdmins')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterNewMembers')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterChannelInfo')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterDeletedMessages')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterEditedMessages')}\n onChange={undefined}\n />\n </div>\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogFilterLeavingMembers')}\n onChange={undefined}\n />\n </div>\n </div>\n\n <div className=\"section not-implemented\">\n <h3 className=\"section-heading\">{lang('Channel.Management.Title')}</h3>\n\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!false}\n label={lang('EventLogAllAdmins')}\n onChange={undefined}\n />\n </div>\n\n {adminMembers.map((member) => (\n <ListItem\n key={member.userId}\n className=\"chat-item-clickable picker-list-item\"\n onClick={undefined}\n ripple\n >\n <Checkbox label=\"\" checked={!false} />\n <PrivateChatInfo\n userId={member.userId}\n status={getMemberStatus(member)}\n forceShowSelf\n />\n </ListItem>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n\n return { chat };\n },\n)(ManageGroupRecentActions));\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChat, ApiChatAdminRights, ApiUser } from '../../../api/types';\nimport { ManagementScreens } from '../../../types';\nimport { GlobalActions } from '../../../global/types';\n\nimport { pick } from '../../../util/iteratees';\nimport { selectChat } from '../../../modules/selectors';\nimport { getUserFullName, isChatBasicGroup, isChatChannel } from '../../../modules/helpers';\nimport useLang from '../../../hooks/useLang';\nimport useFlag from '../../../hooks/useFlag';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport ListItem from '../../ui/ListItem';\nimport Checkbox from '../../ui/Checkbox';\nimport FloatingActionButton from '../../ui/FloatingActionButton';\nimport Spinner from '../../ui/Spinner';\nimport ConfirmDialog from '../../ui/ConfirmDialog';\nimport InputText from '../../ui/InputText';\n\ntype OwnProps = {\n chatId: number;\n selectedChatMemberId?: number;\n isPromotedByCurrentUser?: boolean;\n onScreenSelect: (screen: ManagementScreens) => void;\n};\n\ntype StateProps = {\n chat: ApiChat;\n usersById: Record<number, ApiUser>;\n currentUserId?: number;\n isChannel: boolean;\n isFormFullyDisabled: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'updateChatAdmin'>;\n\nconst CUSTOM_TITLE_MAX_LENGTH = 16;\n\nconst ManageGroupAdminRights: FC<OwnProps & StateProps & DispatchProps> = ({\n selectedChatMemberId,\n onScreenSelect,\n chat,\n usersById,\n currentUserId,\n isChannel,\n isFormFullyDisabled,\n updateChatAdmin,\n}) => {\n const [permissions, setPermissions] = useState<ApiChatAdminRights>({});\n const [isTouched, setIsTouched] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [isDismissConfirmationDialogOpen, openDismissConfirmationDialog, closeDismissConfirmationDialog] = useFlag();\n const [customTitle, setCustomTitle] = useState('');\n const lang = useLang();\n\n const selectedChatMember = useMemo(() => {\n if (!chat.fullInfo || !chat.fullInfo.adminMembers) {\n return undefined;\n }\n\n return chat.fullInfo.adminMembers.find(({ userId }) => userId === selectedChatMemberId);\n }, [chat, selectedChatMemberId]);\n\n useEffect(() => {\n if (chat && chat.fullInfo && selectedChatMemberId && !selectedChatMember) {\n onScreenSelect(ManagementScreens.ChatAdministrators);\n }\n }, [chat, onScreenSelect, selectedChatMember, selectedChatMemberId]);\n\n useEffect(() => {\n setPermissions((selectedChatMember && selectedChatMember.adminRights) || {});\n setCustomTitle(((selectedChatMember && selectedChatMember.customTitle) || '').substr(0, CUSTOM_TITLE_MAX_LENGTH));\n setIsTouched(false);\n setIsLoading(false);\n }, [selectedChatMember]);\n\n const handlePermissionChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const { name } = e.target;\n\n function getUpdatedPermissionValue(value: true | undefined) {\n return value ? undefined : true;\n }\n\n setPermissions((p) => ({\n ...p,\n [name]: getUpdatedPermissionValue(p[name as keyof ApiChatAdminRights]),\n }));\n setIsTouched(true);\n }, []);\n\n const handleSavePermissions = useCallback(() => {\n if (!selectedChatMemberId) {\n return;\n }\n\n setIsLoading(true);\n updateChatAdmin({\n chatId: chat.id,\n userId: selectedChatMemberId,\n adminRights: permissions,\n customTitle,\n });\n }, [chat, selectedChatMemberId, permissions, customTitle, updateChatAdmin]);\n\n const handleDismissAdmin = useCallback(() => {\n if (!selectedChatMemberId) {\n return;\n }\n\n updateChatAdmin({\n chatId: chat.id,\n userId: selectedChatMemberId,\n adminRights: {},\n });\n closeDismissConfirmationDialog();\n }, [chat.id, closeDismissConfirmationDialog, selectedChatMemberId, updateChatAdmin]);\n\n const getControlIsDisabled = useCallback((key: keyof ApiChatAdminRights) => {\n if (isChatBasicGroup(chat)) {\n return false;\n }\n\n if (isFormFullyDisabled || !chat.adminRights) {\n return true;\n }\n\n return !chat.adminRights![key];\n }, [chat, isFormFullyDisabled]);\n\n const memberStatus = useMemo(() => {\n if (!selectedChatMember) {\n return undefined;\n }\n\n if (selectedChatMember.isOwner) {\n return lang('ChannelCreator');\n }\n\n const promotedByUser = selectedChatMember.promotedByUserId\n ? usersById[selectedChatMember.promotedByUserId]\n : undefined;\n\n if (promotedByUser) {\n return lang('EditAdminPromotedBy', getUserFullName(promotedByUser));\n }\n\n return lang('ChannelAdmin');\n }, [selectedChatMember, usersById, lang]);\n\n const handleCustomTitleChange = useCallback((e) => {\n const { value } = e.target;\n setCustomTitle(value);\n setIsTouched(true);\n }, []);\n\n if (!selectedChatMember) {\n return undefined;\n }\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\">\n <ListItem inactive className=\"chat-item-clickable\">\n <PrivateChatInfo\n userId={selectedChatMember.userId}\n status={memberStatus}\n forceShowSelf\n />\n </ListItem>\n\n <h3 className=\"section-heading mt-4\">{lang('EditAdminWhatCanDo')}</h3>\n\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"changeInfo\"\n checked={!!permissions.changeInfo}\n label={lang(isChannel ? 'EditAdminChangeChannelInfo' : 'EditAdminChangeGroupInfo')}\n blocking\n disabled={getControlIsDisabled('changeInfo')}\n onChange={handlePermissionChange}\n />\n </div>\n {isChannel && (\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"postMessages\"\n checked={!!permissions.postMessages}\n label={lang('EditAdminPostMessages')}\n blocking\n disabled={getControlIsDisabled('postMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n )}\n {isChannel && (\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"editMessages\"\n checked={!!permissions.editMessages}\n label={lang('EditAdminEditMessages')}\n blocking\n disabled={getControlIsDisabled('editMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n )}\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"deleteMessages\"\n checked={!!permissions.deleteMessages}\n label={lang(isChannel ? 'EditAdminDeleteMessages' : 'EditAdminGroupDeleteMessages')}\n blocking\n disabled={getControlIsDisabled('deleteMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n {!isChannel && (\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"banUsers\"\n checked={!!permissions.banUsers}\n label={lang('EditAdminBanUsers')}\n blocking\n disabled={getControlIsDisabled('banUsers')}\n onChange={handlePermissionChange}\n />\n </div>\n )}\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"inviteUsers\"\n checked={!!permissions.inviteUsers}\n label={lang('EditAdminAddUsers')}\n blocking\n disabled={getControlIsDisabled('inviteUsers')}\n onChange={handlePermissionChange}\n />\n </div>\n {!isChannel && (\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"pinMessages\"\n checked={!!permissions.pinMessages}\n label={lang('EditAdminPinMessages')}\n blocking\n disabled={getControlIsDisabled('pinMessages')}\n onChange={handlePermissionChange}\n />\n </div>\n )}\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"addAdmins\"\n checked={!!permissions.addAdmins}\n label={lang('EditAdminAddAdmins')}\n blocking\n disabled={getControlIsDisabled('addAdmins')}\n onChange={handlePermissionChange}\n />\n </div>\n {!isChannel && (\n <div className=\"ListItem no-selection\">\n <Checkbox\n name=\"anonymous\"\n checked={!!permissions.anonymous}\n label={lang('EditAdminSendAnonymously')}\n blocking\n disabled={getControlIsDisabled('anonymous')}\n onChange={handlePermissionChange}\n />\n </div>\n )}\n\n {isFormFullyDisabled && (\n <p className=\"section-info mb-4\">\n {lang('Channel.EditAdmin.CannotEdit')}\n </p>\n )}\n\n {!isChannel && (\n <InputText\n id=\"admin-title\"\n label={lang('EditAdminRank')}\n onChange={handleCustomTitleChange}\n value={customTitle}\n disabled={isFormFullyDisabled}\n maxLength={CUSTOM_TITLE_MAX_LENGTH}\n />\n )}\n\n {currentUserId !== selectedChatMemberId && !isFormFullyDisabled && (\n <ListItem icon=\"delete\" ripple destructive onClick={openDismissConfirmationDialog}>\n {lang('EditAdminRemoveAdmin')}\n </ListItem>\n )}\n </div>\n </div>\n\n <FloatingActionButton\n isShown={isTouched}\n onClick={handleSavePermissions}\n ariaLabel={lang('Save')}\n disabled={isLoading}\n >\n {isLoading ? (\n <Spinner color=\"white\" />\n ) : (\n <i className=\"icon-check\" />\n )}\n </FloatingActionButton>\n\n <ConfirmDialog\n isOpen={isDismissConfirmationDialogOpen}\n onClose={closeDismissConfirmationDialog}\n text=\"Are you sure you want to dismiss this admin?\"\n confirmLabel=\"Dismiss\"\n confirmHandler={handleDismissAdmin}\n confirmIsDestructive\n />\n </div>\n );\n};\n\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId, isPromotedByCurrentUser }): StateProps => {\n const chat = selectChat(global, chatId)!;\n const { byId: usersById } = global.users;\n const { currentUserId } = global;\n const isChannel = isChatChannel(chat);\n const isFormFullyDisabled = !(chat.isCreator || isPromotedByCurrentUser);\n\n return {\n chat,\n usersById,\n currentUserId,\n isChannel,\n isFormFullyDisabled,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, ['updateChatAdmin']),\n)(ManageGroupAdminRights));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChatMember, ApiUser } from '../../../api/types';\nimport { GlobalActions } from '../../../global/types';\nimport { selectChat } from '../../../modules/selectors';\nimport { sortUserIds, isChatChannel } from '../../../modules/helpers';\nimport { pick } from '../../../util/iteratees';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport NothingFound from '../../common/NothingFound';\nimport ListItem from '../../ui/ListItem';\n\ntype OwnProps = {\n chatId: number;\n};\n\ntype StateProps = {\n usersById: Record<number, ApiUser>;\n members?: ApiChatMember[];\n isChannel?: boolean;\n};\n\ntype DispatchProps = Pick<GlobalActions, 'openUserInfo'>;\n\nconst ManageGroupMembers: FC<OwnProps & StateProps & DispatchProps> = ({\n members,\n usersById,\n isChannel,\n openUserInfo,\n}) => {\n const memberIds = useMemo(() => {\n if (!members || !usersById) {\n return undefined;\n }\n\n return sortUserIds(members.map(({ userId }) => userId), usersById);\n }, [members, usersById]);\n\n const handleMemberClick = useCallback((id: number) => {\n openUserInfo({ id });\n }, [openUserInfo]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\" teactFastList>\n {memberIds ? (\n memberIds.map((id, i) => (\n <ListItem\n key={id}\n teactOrderKey={i}\n className=\"chat-item-clickable scroll-item\"\n onClick={() => handleMemberClick(id)}\n >\n <PrivateChatInfo userId={id} forceShowSelf />\n </ListItem>\n ))\n ) : (\n <NothingFound\n teactOrderKey={0}\n key=\"nothing-found\"\n text={isChannel ? 'No subscribers found' : 'No members found'}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const { byId: usersById } = global.users;\n const members = chat && chat.fullInfo && chat.fullInfo.members;\n const isChannel = chat && isChatChannel(chat);\n\n return {\n members,\n usersById,\n isChannel,\n };\n },\n (setGlobal, actions): DispatchProps => pick(actions, [\n 'openUserInfo',\n ]),\n)(ManageGroupMembers));\n","import React, {\n FC, memo, useCallback, useMemo,\n} from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ApiChatMember, ApiUser } from '../../../api/types';\nimport { ManagementScreens } from '../../../types';\n\nimport { selectChat } from '../../../modules/selectors';\nimport { sortUserIds, isChatChannel } from '../../../modules/helpers';\n\nimport PrivateChatInfo from '../../common/PrivateChatInfo';\nimport ListItem from '../../ui/ListItem';\nimport NothingFound from '../../common/NothingFound';\n\ntype OwnProps = {\n chatId: number;\n onScreenSelect: (screen: ManagementScreens) => void;\n onChatMemberSelect: (memberId: number) => void;\n};\n\ntype StateProps = {\n usersById: Record<number, ApiUser>;\n members?: ApiChatMember[];\n isChannel?: boolean;\n};\n\nconst ManageGroupUserPermissionsCreate: FC<OwnProps & StateProps> = ({\n usersById,\n members,\n isChannel,\n onScreenSelect,\n onChatMemberSelect,\n}) => {\n const memberIds = useMemo(() => {\n if (!members || !usersById) {\n return undefined;\n }\n\n return sortUserIds(members.filter((member) => !member.isOwner).map(({ userId }) => userId), usersById);\n }, [members, usersById]);\n\n const handleExceptionMemberClick = useCallback((memberId: number) => {\n onChatMemberSelect(memberId);\n onScreenSelect(ManagementScreens.GroupUserPermissions);\n }, [onChatMemberSelect, onScreenSelect]);\n\n return (\n <div className=\"Management\">\n <div className=\"custom-scroll\">\n <div className=\"section\" teactFastList>\n {memberIds ? (\n memberIds.map((id, i) => (\n <ListItem\n key={id}\n teactOrderKey={i}\n className=\"chat-item-clickable scroll-item\"\n onClick={() => handleExceptionMemberClick(id)}\n >\n <PrivateChatInfo userId={id} forceShowSelf />\n </ListItem>\n ))\n ) : (\n <NothingFound\n teactOrderKey={0}\n key=\"nothing-found\"\n text={isChannel ? 'No subscribers found' : 'No members found'}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n\nexport default memo(withGlobal<OwnProps>(\n (global, { chatId }): StateProps => {\n const chat = selectChat(global, chatId);\n const { byId: usersById } = global.users;\n const members = chat && chat.fullInfo && chat.fullInfo.members;\n const isChannel = chat && isChatChannel(chat);\n\n return {\n members,\n usersById,\n isChannel,\n };\n },\n)(ManageGroupUserPermissionsCreate));\n","import React, { FC, memo } from '../../../lib/teact/teact';\nimport { withGlobal } from '../../../lib/teact/teactn';\n\nimport { ManagementScreens, ManagementType } from '../../../types';\n\nimport { selectCurrentManagementType } from '../../../modules/selectors';\n\nimport ManageUser from './ManageUser';\nimport ManageGroup from './ManageGroup';\nimport ManageGroupPermissions from './ManageGroupPermissions';\nimport ManageGroupRemovedUsers from './ManageGroupRemovedUsers';\nimport ManageChannel from './ManageChannel';\nimport ManageChatPrivacyType from './ManageChatPrivacyType';\nimport ManageDiscussion from './ManageDiscussion';\nimport ManageGroupUserPermissions from './ManageGroupUserPermissions';\nimport ManageChatAdministrators from './ManageChatAdministrators';\nimport ManageGroupRecentActions from './ManageGroupRecentActions';\nimport ManageGroupAdminRights from './ManageGroupAdminRights';\nimport ManageGroupMembers from './ManageGroupMembers';\nimport ManageGroupUserPermissionsCreate from './ManageGroupUserPermissionsCreate';\n\nexport type OwnProps = {\n chatId: number;\n currentScreen: ManagementScreens;\n selectedChatMemberId?: number;\n isPromotedByCurrentUser?: boolean;\n onScreenSelect: (screen: ManagementScreens) => void;\n onChatMemberSelect: (memberId: number, isPromotedByCurrentUser?: boolean) => void;\n};\n\ntype StateProps = {\n managementType?: ManagementType;\n};\n\nconst Management: FC<OwnProps & StateProps> = ({\n chatId,\n currentScreen,\n selectedChatMemberId,\n isPromotedByCurrentUser,\n onScreenSelect,\n onChatMemberSelect,\n managementType,\n}) => {\n switch (currentScreen) {\n case ManagementScreens.Initial: {\n switch (managementType) {\n case 'user':\n return <ManageUser key={chatId} userId={chatId} />;\n case 'group':\n return <ManageGroup key={chatId} chatId={chatId} onScreenSelect={onScreenSelect} />;\n case 'channel':\n return <ManageChannel key={chatId} chatId={chatId} onScreenSelect={onScreenSelect} />;\n }\n\n break;\n }\n\n case ManagementScreens.ChatPrivacyType:\n return (\n <ManageChatPrivacyType chatId={chatId} />\n );\n\n case ManagementScreens.Discussion:\n return (\n <ManageDiscussion\n chatId={chatId}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case ManagementScreens.GroupPermissions:\n return (\n <ManageGroupPermissions\n chatId={chatId}\n onScreenSelect={onScreenSelect}\n onChatMemberSelect={onChatMemberSelect}\n />\n );\n\n case ManagementScreens.GroupRemovedUsers:\n return (\n <ManageGroupRemovedUsers chatId={chatId} />\n );\n\n case ManagementScreens.GroupUserPermissionsCreate:\n return (\n <ManageGroupUserPermissionsCreate\n chatId={chatId}\n onChatMemberSelect={onChatMemberSelect}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case ManagementScreens.GroupUserPermissions:\n return (\n <ManageGroupUserPermissions\n chatId={chatId}\n selectedChatMemberId={selectedChatMemberId}\n isPromotedByCurrentUser={isPromotedByCurrentUser}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case ManagementScreens.ChatAdministrators:\n return (\n <ManageChatAdministrators\n chatId={chatId}\n onScreenSelect={onScreenSelect}\n onChatMemberSelect={onChatMemberSelect}\n />\n );\n\n case ManagementScreens.GroupRecentActions:\n return (\n <ManageGroupRecentActions\n chatId={chatId}\n />\n );\n\n case ManagementScreens.ChatAdminRights:\n return (\n <ManageGroupAdminRights\n chatId={chatId}\n selectedChatMemberId={selectedChatMemberId}\n isPromotedByCurrentUser={isPromotedByCurrentUser}\n onScreenSelect={onScreenSelect}\n />\n );\n\n case ManagementScreens.ChannelSubscribers:\n case ManagementScreens.GroupMembers:\n return (\n <ManageGroupMembers chatId={chatId} />\n );\n }\n\n return undefined; // Never reached\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const managementType = selectCurrentManagementType(global);\n\n return {\n managementType,\n };\n },\n)(Management));\n","const CURRENCIES: Record<string, string> = {\n USD: '$',\n EUR: '€',\n GBP: '£',\n JPY: '¥',\n RUB: '₽',\n UAH: '₴',\n INR: '₹',\n AED: 'د.إ',\n};\n\nexport function getCurrencySign(currency: string | undefined): string {\n if (!currency) {\n return '';\n }\n return CURRENCIES[currency] || '';\n}\n","const VISA = /^4[0-9]{12}(?:[0-9]{1,3})?$/;\nconst MASTERCARD1 = /^5[1-5][0-9]{11,14}$/;\nconst MASTERCARD2 = /^2[2-7][0-9]{11,14}$/;\n\nexport enum CardType {\n Default,\n Visa,\n Mastercard,\n}\n\nconst cards: Record<number, string> = {\n [CardType.Default]: '',\n [CardType.Visa]: 'visa',\n [CardType.Mastercard]: 'mastercard',\n};\n\nexport function detectCardType(cardNumber: string): number {\n cardNumber = cardNumber.replace(/\\s/g, '');\n if (VISA.test(cardNumber)) {\n return CardType.Visa;\n }\n if (MASTERCARD1.test(cardNumber) || MASTERCARD2.test(cardNumber)) {\n return CardType.Mastercard;\n }\n return CardType.Default;\n}\n\nexport function detectCardTypeText(cardNumber: string): string {\n const cardType = detectCardType(cardNumber);\n return cards[cardType as number] || '';\n}\n","import useReducer, { StateReducer, Dispatch } from '../useReducer';\nimport { countryList } from '../../util/phoneNumber';\n\nexport type FormState = {\n streetLine1: string;\n streetLine2: string;\n city: string;\n state: string;\n countryIso2: string;\n postCode: string;\n fullName: string;\n email: string;\n phone: string;\n shipping: string;\n cardNumber: string;\n cardholder: string;\n expiry: string;\n cvv: string;\n billingCountry: string;\n billingZip: string;\n saveInfo: boolean;\n saveCredentials: boolean;\n formErrors: Record<string, string>;\n};\n\nexport type FormActions = (\n 'changeAddress1' | 'changeAddress2' | 'changeCity' | 'changeState' | 'changeCountry' |\n 'changePostCode' | 'changeFullName' | 'changeEmail' | 'changePhone' | 'changeShipping' | 'updateUserInfo' |\n 'changeCardNumber' | 'changeCardholder' | 'changeExpiryDate' | 'changeCvvCode' | 'changeBillingCountry' |\n 'changeBillingZip' | 'changeSaveInfo' | 'changeSaveCredentials' | 'setFormErrors'\n);\nexport type FormEditDispatch = Dispatch<FormActions>;\n\nconst INITIAL_STATE: FormState = {\n streetLine1: '',\n streetLine2: '',\n city: '',\n state: '',\n countryIso2: '',\n postCode: '',\n fullName: '',\n email: '',\n phone: '',\n shipping: '',\n cardNumber: '',\n cardholder: '',\n expiry: '',\n cvv: '',\n billingCountry: '',\n billingZip: '',\n saveInfo: true,\n saveCredentials: false,\n formErrors: {},\n};\n\nconst reducer: StateReducer<FormState, FormActions> = (state, action) => {\n switch (action.type) {\n case 'changeAddress1':\n return {\n ...state,\n streetLine1: action.payload,\n formErrors: {\n ...state.formErrors,\n streetLine1: undefined,\n },\n };\n case 'changeAddress2':\n return {\n ...state,\n streetLine2: action.payload,\n formErrors: {\n ...state.formErrors,\n streetLine2: undefined,\n },\n };\n case 'changeCity':\n return {\n ...state,\n city: action.payload,\n formErrors: {\n ...state.formErrors,\n city: undefined,\n },\n };\n case 'changeState':\n return {\n ...state,\n state: action.payload,\n formErrors: {\n ...state.formErrors,\n state: undefined,\n },\n };\n case 'changeCountry':\n return {\n ...state,\n countryIso2: action.payload,\n billingCountry: getBillingCountry(action.payload),\n formErrors: {\n ...state.formErrors,\n countryIso2: undefined,\n },\n };\n case 'changePostCode':\n return {\n ...state,\n postCode: action.payload,\n formErrors: {\n ...state.formErrors,\n postCode: undefined,\n },\n };\n case 'changeFullName':\n return {\n ...state,\n fullName: action.payload,\n formErrors: {\n ...state.formErrors,\n fullName: undefined,\n },\n };\n case 'changeEmail':\n return {\n ...state,\n email: action.payload,\n formErrors: {\n ...state.formErrors,\n email: undefined,\n },\n };\n case 'changePhone':\n return {\n ...state,\n phone: action.payload,\n formErrors: {\n ...state.formErrors,\n phone: undefined,\n },\n };\n case 'changeShipping':\n return { ...state, shipping: action.payload };\n case 'changeCardNumber':\n return {\n ...state,\n cardNumber: action.payload,\n formErrors: {\n ...state.formErrors,\n cardNumber: undefined,\n },\n };\n case 'changeCardholder':\n return {\n ...state,\n cardholder: action.payload,\n formErrors: {\n ...state.formErrors,\n cardholder: undefined,\n },\n };\n case 'changeExpiryDate':\n return {\n ...state,\n expiry: action.payload,\n formErrors: {\n ...state.formErrors,\n expiry: undefined,\n },\n };\n case 'changeCvvCode':\n return {\n ...state,\n cvv: action.payload,\n formErrors: {\n ...state.formErrors,\n cvv: undefined,\n },\n };\n case 'changeBillingCountry':\n return {\n ...state,\n billingCountry: action.payload,\n formErrors: {\n ...state.formErrors,\n billingCountry: undefined,\n },\n };\n case 'changeBillingZip':\n return {\n ...state,\n billingZip: action.payload,\n formErrors: {\n ...state.formErrors,\n billingZip: undefined,\n },\n };\n case 'changeSaveInfo':\n return { ...state, saveInfo: action.payload };\n case 'changeSaveCredentials':\n return { ...state, saveCredentials: action.payload };\n case 'updateUserInfo':\n if (action.payload.countryIso2) {\n return {\n ...state,\n ...action.payload,\n billingCountry: getBillingCountry(action.payload.countryIso2),\n };\n }\n return { ...state, ...action.payload };\n case 'setFormErrors':\n return {\n ...state,\n formErrors: {\n ...state.formErrors,\n ...action.payload,\n },\n };\n default:\n return state;\n }\n};\n\nfunction getBillingCountry(countryCode: string) {\n const country = countryList.find(({ id }) => id === countryCode);\n return country ? country.name : '';\n}\n\nexport default () => {\n return useReducer(reducer, INITIAL_STATE);\n};\n","import { RefObject } from 'react';\n\nimport { IS_TOUCH_ENV } from '../util/environment';\nimport { fastRaf } from '../util/schedulers';\nimport { useEffect } from '../lib/teact/teact';\n\nconst DEFAULT_DURATION = 400;\n\nexport default function useFocusAfterAnimation(\n ref: RefObject<HTMLInputElement>, animationDuration = DEFAULT_DURATION,\n) {\n useEffect(() => {\n if (IS_TOUCH_ENV) {\n return;\n }\n\n setTimeout(() => {\n fastRaf(() => {\n if (ref.current) {\n ref.current.focus();\n }\n });\n }, animationDuration);\n }, [ref, animationDuration]);\n}\n","import { ChangeEvent, RefObject } from 'react';\nimport React, { FC, memo } from '../../lib/teact/teact';\n\n\nimport buildClassName from '../../util/buildClassName';\n\ntype OwnProps = {\n id?: string;\n value?: string;\n label?: string;\n error?: string;\n ref?: RefObject<HTMLSelectElement>;\n hasArrow?: boolean;\n placeholder?: string;\n onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n children: any;\n};\n\nconst Select: FC<OwnProps> = (props) => {\n const {\n id,\n value,\n label,\n hasArrow,\n error,\n ref,\n placeholder,\n onChange,\n children,\n } = props;\n const labelText = error || label;\n const fullClassName = buildClassName(\n 'input-group',\n value && 'touched',\n error && 'error',\n labelText && 'with-label',\n hasArrow && 'with-arrow',\n 'input-group',\n );\n\n return (\n <div className={fullClassName}>\n <select\n className=\"form-control\"\n id={id}\n value={value || ''}\n onChange={onChange}\n placeholder={placeholder || label}\n ref={ref}\n >\n {children}\n </select>\n {labelText && id && (\n <label htmlFor={id}>{labelText}</label>\n )}\n </div>\n );\n};\n\nexport default memo(Select);\n","import React, {\n FC, useRef, useCallback, useEffect, memo,\n} from '../../lib/teact/teact';\n\nimport { FormState, FormEditDispatch } from '../../hooks/reducers/usePaymentReducer';\nimport useFocusAfterAnimation from '../../hooks/useFocusAfterAnimation';\nimport useLang from '../../hooks/useLang';\nimport { countryList } from '../../util/phoneNumber';\n\nimport InputText from '../ui/InputText';\nimport Select from '../ui/Select';\nimport Checkbox from '../ui/Checkbox';\n\nimport './ShippingInfo.scss';\n\nexport type OwnProps = {\n state: FormState;\n needEmail: boolean;\n needPhone: boolean;\n needName: boolean;\n needAddress: boolean;\n dispatch: FormEditDispatch;\n};\n\nconst ShippingInfo: FC<OwnProps> = ({\n state,\n needEmail,\n needPhone,\n needName,\n needAddress,\n dispatch,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n // eslint-disable-next-line no-null/no-null\n const phoneRef = useRef<HTMLInputElement>(null);\n // eslint-disable-next-line no-null/no-null\n const selectCountryRef = useRef<HTMLSelectElement>(null);\n\n useEffect(() => {\n if (selectCountryRef.current\n && selectCountryRef.current.value !== state.countryIso2) {\n selectCountryRef.current.value = state.countryIso2;\n }\n }, [state.countryIso2]);\n\n const lang = useLang();\n\n useFocusAfterAnimation(inputRef);\n\n const handleAddress1Change = useCallback((e) => {\n dispatch({ type: 'changeAddress1', payload: e.target.value });\n }, [dispatch]);\n\n const handleAddress2Change = useCallback((e) => {\n dispatch({ type: 'changeAddress2', payload: e.target.value });\n }, [dispatch]);\n\n const handleCityChange = useCallback((e) => {\n dispatch({ type: 'changeCity', payload: e.target.value });\n }, [dispatch]);\n\n const handleStateChange = useCallback((e) => {\n dispatch({ type: 'changeState', payload: e.target.value });\n }, [dispatch]);\n\n const handleCountryChange = useCallback((e) => {\n dispatch({ type: 'changeCountry', payload: e.target.value });\n }, [dispatch]);\n\n const handlePostCodeChange = useCallback((e) => {\n dispatch({ type: 'changePostCode', payload: e.target.value });\n }, [dispatch]);\n\n const handleFullNameChange = useCallback((e) => {\n dispatch({ type: 'changeFullName', payload: e.target.value });\n }, [dispatch]);\n\n const handleEmailChange = useCallback((e) => {\n dispatch({ type: 'changeEmail', payload: e.target.value });\n }, [dispatch]);\n\n const handlePhoneChange = useCallback((e) => {\n let { value } = e.target;\n value = `+${value.replace(/\\D/g, '')}`;\n if (phoneRef.current) {\n phoneRef.current.value = value;\n }\n dispatch({ type: 'changePhone', payload: value });\n }, [dispatch]);\n\n const handleSaveInfoChange = useCallback((e) => {\n dispatch({ type: 'changeSaveInfo', payload: e.target.value });\n }, [dispatch]);\n\n const { formErrors } = state;\n return (\n <div className=\"ShippingInfo\">\n <form>\n {needAddress ? (\n <div>\n <h5>{lang('PaymentShippingAddress')}</h5>\n <InputText\n ref={inputRef}\n label=\"Address1 (Street)\"\n onChange={handleAddress1Change}\n value={state.streetLine1}\n inputMode=\"text\"\n error={formErrors.streetLine1}\n />\n <InputText\n label=\"Address2 (Street)\"\n onChange={handleAddress2Change}\n value={state.streetLine2}\n inputMode=\"text\"\n error={formErrors.streetLine2}\n />\n <InputText\n label=\"City\"\n onChange={handleCityChange}\n value={state.city}\n inputMode=\"text\"\n error={formErrors.city}\n />\n <InputText\n label=\"State\"\n onChange={handleStateChange}\n value={state.state}\n inputMode=\"text\"\n error={formErrors.state}\n />\n <Select\n label=\"Country\"\n placeholder=\"Country\"\n onChange={handleCountryChange}\n value={state.countryIso2}\n hasArrow={Boolean(true)}\n id=\"shipping-country\"\n error={formErrors.countryIso2}\n ref={selectCountryRef}\n >\n {countryList.map(({ name, id }) => (\n <option\n value={id}\n className=\"county-item\"\n >\n {name}\n </option>\n ))}\n </Select>\n\n <InputText\n label=\"Post Code\"\n onChange={handlePostCodeChange}\n value={state.postCode}\n inputMode=\"text\"\n error={formErrors.postCode}\n />\n </div>\n ) : undefined}\n { needName || needEmail || needPhone ? (\n <h5>{lang('PaymentShippingReceiver')}</h5>\n ) : undefined }\n { needName && (\n <InputText\n label=\"Full name\"\n onChange={handleFullNameChange}\n value={state.fullName}\n inputMode=\"text\"\n error={formErrors.fullName}\n />\n ) }\n { needEmail && (\n <InputText\n label=\"Email\"\n onChange={handleEmailChange}\n value={state.email}\n inputMode=\"email\"\n error={formErrors.email}\n />\n ) }\n { needPhone && (\n <InputText\n label=\"Phone number\"\n onChange={handlePhoneChange}\n value={state.phone}\n inputMode=\"tel\"\n error={formErrors.phone}\n ref={phoneRef}\n />\n ) }\n <Checkbox\n label={lang('PaymentShippingSave')}\n subLabel={lang('PaymentShippingSaveInfo')}\n checked={Boolean(state.saveInfo)}\n onChange={handleSaveInfoChange}\n />\n </form>\n </div>\n );\n};\n\nexport default memo(ShippingInfo);\n","import React, {\n FC, useCallback, memo, useMemo, useEffect,\n} from '../../lib/teact/teact';\n\nimport { ShippingOption } from '../../types/index';\n\nimport { FormState, FormEditDispatch } from '../../hooks/reducers/usePaymentReducer';\n\nimport RadioGroup from '../ui/RadioGroup';\n\nimport './Shipping.scss';\n\nexport type OwnProps = {\n state: FormState;\n shippingOptions: ShippingOption[];\n currency: string;\n dispatch: FormEditDispatch;\n};\n\nconst Shipping: FC<OwnProps> = ({\n state,\n shippingOptions,\n currency,\n dispatch,\n}) => {\n useEffect(() => {\n if (!shippingOptions || state.shipping) {\n return;\n }\n dispatch({ type: 'changeShipping', payload: shippingOptions[0].id });\n }, [shippingOptions, state.shipping, dispatch]);\n\n const handleShippingSelect = useCallback((value) => {\n dispatch({ type: 'changeShipping', payload: value });\n }, [dispatch]);\n\n const options = useMemo(() => (shippingOptions.map(({ id: value, title: label, amount }) => ({\n label,\n subLabel: `${currency} ${String(amount / 100)}`,\n value,\n }))), [shippingOptions, currency]);\n\n return (\n <div className=\"Shipping\">\n <form>\n <p>Select shipping method</p>\n <RadioGroup\n name=\"shipping-options\"\n options={options}\n onChange={handleShippingSelect}\n selected={state.shipping}\n />\n </form>\n </div>\n );\n};\n\nexport default memo(Shipping);\n","import React, {\n FC, memo,\n} from '../../lib/teact/teact';\n\nimport { Price } from '../../types';\n\nimport './Checkout.scss';\n\nexport type OwnProps = {\n invoiceContent?: {\n title?: string;\n description?: string;\n text?: string;\n photoUrl?: string;\n };\n checkoutInfo?: {\n paymentMethod?: string;\n paymentProvider?: string;\n shippingAddress?: string;\n name?: string;\n phone?: string;\n shippingMethod?: string;\n };\n prices?: Price[];\n totalPrice?: number;\n shippingPrices?: Price[];\n currency?: string;\n};\n\nconst Checkout: FC<OwnProps> = ({\n invoiceContent,\n prices,\n shippingPrices,\n checkoutInfo,\n currency,\n totalPrice,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const { photoUrl, title, text } = (invoiceContent || {});\n const {\n paymentMethod,\n paymentProvider,\n shippingAddress,\n name,\n phone,\n shippingMethod,\n } = (checkoutInfo || {});\n return (\n <div className=\"Checkout\">\n <div className=\"description has-image\">\n { photoUrl && (\n <img src={photoUrl} alt=\"\" />\n )}\n <div className=\"text\">\n <h5>{ title }</h5>\n <p>{ text }</p>\n </div>\n </div>\n <div className=\"price-info\">\n { prices && prices.map((item) => (\n renderPaymentItem(item.label, item.amount, currency, false)\n )) }\n { shippingPrices && shippingPrices.map((item) => (\n renderPaymentItem(item.label, item.amount, currency, false)\n )) }\n { totalPrice !== undefined && (\n renderPaymentItem('Total', totalPrice, currency, true)\n ) }\n </div>\n <div className=\"invoice-info\">\n {paymentMethod && renderCheckoutItem('icon-card', paymentMethod, 'Payment method')}\n {paymentProvider && renderCheckoutItem('stripe-provider', paymentProvider, 'Payment provider')}\n {shippingAddress && renderCheckoutItem('icon-location', shippingAddress, 'Shipping address')}\n {name && renderCheckoutItem('icon-user', name, 'Name')}\n {phone && renderCheckoutItem('icon-phone', phone, 'Phone number')}\n {shippingMethod && renderCheckoutItem('icon-truck', shippingMethod, 'Shipping method')}\n </div>\n </div>\n );\n};\n\nfunction renderPaymentItem(title: string, value: number, currency?: string, main = false) {\n return (\n <div className={`price-info-item ${main ? 'price-info-item-main' : ''}`}>\n <div className=\"title\">\n { title }\n </div>\n <div className=\"value\">\n { `${currency || ''} ${(value / 100).toFixed(2)}` }\n </div>\n </div>\n );\n}\n\nfunction renderCheckoutItem(icon: string, title: string, data: string) {\n return (\n <div className=\"checkout-info-item\">\n <i className={icon}> </i>\n <div className=\"info\">\n <div className=\"title\">\n { title }\n </div>\n <p className=\"data\">\n { data }\n </p>\n </div>\n </div>\n );\n}\n\nexport default memo(Checkout);\n","import React, {\n FC, memo, useCallback, useRef,\n} from '../../lib/teact/teact';\n\nimport { formatCardExpiry } from '../middle/helpers/inputFormatters';\n\nimport InputText from '../ui/InputText';\n\nconst MAX_FIELD_LENGTH = 5;\n\nexport type OwnProps = {\n value: string;\n error?: string;\n onChange: (value: string) => void;\n};\n\nconst ExpiryInput : FC<OwnProps> = ({ value, error, onChange }) => {\n // eslint-disable-next-line no-null/no-null\n const expiryInputRef = useRef<HTMLInputElement>(null);\n\n const handleKeyDown = useCallback((e) => {\n if (e.key === 'Backspace' && value.charAt(value.length - 1) === '/') {\n const newValue = value.slice(0, value.length - 1);\n if (expiryInputRef.current) {\n expiryInputRef.current.value = newValue;\n }\n }\n }, [value]);\n\n const handleChange = useCallback((e) => {\n onChange(formatCardExpiry(e.target.value));\n }, [onChange]);\n\n return (\n <InputText\n label=\"Expiry date\"\n ref={expiryInputRef}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={value}\n error={error}\n inputMode=\"numeric\"\n maxLength={MAX_FIELD_LENGTH}\n />\n );\n};\n\nexport default memo(ExpiryInput);\n","export function formatCardExpiry(input: string) {\n input = input.replace(/[^\\d]/g, '').slice(0, 4);\n const parts = input.match(/.{1,2}/g);\n if (parts && parts[0] && Number(parts[0]) > 12) {\n parts[0] = '12';\n }\n if (parts && parts[0] && parts[0].length === 2 && !parts[1]) {\n parts[1] = '';\n }\n return parts ? parts.join('/') : '';\n}\n\nexport function formatCardNumber(input: string) {\n input = input.replace(/[^\\d]/g, '');\n const parts = input.match(/.{1,4}/g);\n return parts ? parts.join(' ') : '';\n}\n","export default __webpack_public_path__ + \"mastercard.4216118edafe23cc2dec7b8807ba4622.svg\";","export default __webpack_public_path__ + \"visa.e5a7c336e1deb4b92a636e2e053878c4.svg\";","import React, {\n FC, memo, useCallback, useState, useRef, useEffect,\n} from '../../lib/teact/teact';\n\nimport useFocusAfterAnimation from '../../hooks/useFocusAfterAnimation';\nimport { formatCardNumber } from '../middle/helpers/inputFormatters';\nimport { detectCardType, CardType } from '../common/helpers/detectCardType';\n\nimport InputText from '../ui/InputText';\n\nimport './CardInput.scss';\n\n// @ts-ignore\nimport mastercardIconPath from '../../assets/mastercard.svg';\n// @ts-ignore\nimport visaIconPath from '../../assets/visa.svg';\n\nconst CARD_NUMBER_MAX_LENGTH = 23;\n\nexport type OwnProps = {\n value: string;\n error?: string;\n onChange: (value: string) => void;\n};\n\nconst CardInput : FC<OwnProps> = ({ value, error, onChange }) => {\n // eslint-disable-next-line no-null/no-null\n const cardNumberRef = useRef<HTMLInputElement>(null);\n\n useFocusAfterAnimation(cardNumberRef);\n\n const [cardType, setCardType] = useState<number>(CardType.Default);\n useEffect(() => {\n const newCardType = detectCardType(value);\n setCardType(newCardType);\n // eslint-disable-next-line\n }, []);\n\n const handleChange = useCallback((e) => {\n const newValue = formatCardNumber(e.target.value);\n const newCardType = detectCardType(e.target.value);\n setCardType(newCardType);\n onChange(newValue);\n if (cardNumberRef.current) {\n cardNumberRef.current.value = newValue;\n }\n }, [onChange, cardNumberRef]);\n\n const cardIcon = getCardIcon(cardType);\n\n return (\n <div className=\"CardInput\">\n <span className=\"left-addon\">{cardIcon}</span>\n <InputText\n ref={cardNumberRef}\n label=\"Card number\"\n onChange={handleChange}\n value={value}\n inputMode=\"numeric\"\n className={cardType ? 'has-left-addon' : ''}\n error={error}\n maxLength={CARD_NUMBER_MAX_LENGTH}\n />\n </div>\n );\n};\n\nexport default memo(CardInput);\n\nfunction getCardIcon(cardType: CardType) {\n switch (cardType) {\n case CardType.Mastercard:\n return <img src={mastercardIconPath} alt=\"\" />;\n case CardType.Visa:\n return <img src={visaIconPath} alt=\"\" />;\n default:\n return undefined;\n }\n}\n","import React, {\n FC, useCallback, memo, useRef, useEffect,\n} from '../../lib/teact/teact';\n\nimport { FormState, FormEditDispatch } from '../../hooks/reducers/usePaymentReducer';\nimport useLang from '../../hooks/useLang';\nimport { countryList } from '../../util/phoneNumber';\n\nimport InputText from '../ui/InputText';\nimport Checkbox from '../ui/Checkbox';\nimport Select from '../ui/Select';\nimport ExpiryInput from './ExpiryInput';\nimport CardInput from './CardInput';\n\nimport './PaymentInfo.scss';\n\nexport type OwnProps = {\n state: FormState;\n canSaveCredentials: boolean;\n needCardholderName?: boolean;\n needCountry?: boolean;\n needZip?: boolean;\n dispatch: FormEditDispatch;\n};\n\nconst PaymentInfo: FC<OwnProps> = ({\n state,\n canSaveCredentials,\n needCardholderName,\n needCountry,\n needZip,\n dispatch,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const selectCountryRef = useRef<HTMLSelectElement>(null);\n\n useEffect(() => {\n if (selectCountryRef.current\n && selectCountryRef.current.value !== state.billingCountry) {\n selectCountryRef.current.value = state.billingCountry;\n }\n }, [state.billingCountry]);\n\n const handleCardNumberChange = useCallback((value) => {\n dispatch({ type: 'changeCardNumber', payload: value });\n }, [dispatch]);\n\n const handleCardholderChange = useCallback((e) => {\n dispatch({ type: 'changeCardholder', payload: e.target.value.toUpperCase() });\n }, [dispatch]);\n\n const handleExpiryChange = useCallback((value) => {\n dispatch({ type: 'changeExpiryDate', payload: value });\n }, [dispatch]);\n\n const handleCvvChange = useCallback((e) => {\n dispatch({ type: 'changeCvvCode', payload: e.target.value });\n }, [dispatch]);\n\n const handleCountryChange = useCallback((e) => {\n dispatch({ type: 'changeBillingCountry', payload: e.target.value });\n }, [dispatch]);\n\n const handleBillingPostCodeChange = useCallback((e) => {\n dispatch({ type: 'changeBillingZip', payload: e.target.value });\n }, [dispatch]);\n\n const handleChangeSaveCredentials = useCallback((e) => {\n dispatch({ type: 'changeSaveCredentials', payload: e.target.value });\n }, [dispatch]);\n\n const lang = useLang();\n\n const { formErrors = {} } = state;\n\n return (\n <div className=\"PaymentInfo\">\n <form>\n <h5>{lang('PaymentCardTitle')}</h5>\n <CardInput\n onChange={handleCardNumberChange}\n value={state.cardNumber}\n error={formErrors.cardNumber}\n />\n { needCardholderName && (\n <InputText\n label=\"Name on card\"\n onChange={handleCardholderChange}\n value={state.cardholder}\n inputMode=\"text\"\n error={formErrors.cardholder}\n />\n )}\n <section className=\"inline-inputs\">\n <ExpiryInput\n value={state.expiry}\n onChange={handleExpiryChange}\n error={formErrors.expiry}\n />\n <InputText\n label=\"CVV code\"\n onChange={handleCvvChange}\n value={state.cvv}\n inputMode=\"numeric\"\n maxLength={3}\n error={formErrors.cvv}\n />\n </section>\n { needCountry || needZip ? (\n <h5>{lang('PaymentBillingAddress')}</h5>\n ) : undefined }\n { needCountry && (\n <Select\n label=\"Country\"\n placeholder=\"Country\"\n onChange={handleCountryChange}\n value={state.billingCountry}\n hasArrow={Boolean(true)}\n id=\"billing-country\"\n error={formErrors.billingCountry}\n ref={selectCountryRef}\n >\n {\n countryList.map(({ name }) => (\n <option\n value={name}\n className=\"county-item\"\n >\n {name}\n </option>\n ))\n }\n </Select>\n ) }\n { needZip && (\n <InputText\n label=\"Post Code\"\n onChange={handleBillingPostCodeChange}\n value={state.billingZip}\n inputMode=\"text\"\n error={formErrors.billingZip}\n />\n )}\n { canSaveCredentials && (\n <Checkbox\n label={lang('PaymentCardSavePaymentInformation')}\n checked={state.saveCredentials}\n onChange={handleChangeSaveCredentials}\n />\n ) }\n </form>\n </div>\n );\n};\n\nexport default memo(PaymentInfo);\n","import React, {\n FC, memo, useCallback, useEffect, useMemo, useState,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { GlobalActions, GlobalState } from '../../global/types';\nimport { PaymentStep, ShippingOption, Price } from '../../types';\nimport { ApiError } from '../../api/types';\n\nimport { pick } from '../../util/iteratees';\nimport { getCurrencySign } from '../middle/helpers/getCurrencySign';\nimport { detectCardTypeText } from '../common/helpers/detectCardType';\nimport { getShippingError } from '../../modules/helpers/payments';\nimport usePaymentReducer, { FormState } from '../../hooks/reducers/usePaymentReducer';\nimport useLang from '../../hooks/useLang';\n\nimport ShippingInfo from './ShippingInfo';\nimport Shipping from './Shipping';\nimport Checkout from './Checkout';\nimport PaymentInfo from './PaymentInfo';\nimport Button from '../ui/Button';\nimport Modal from '../ui/Modal';\nimport Transition from '../ui/Transition';\nimport Spinner from '../ui/Spinner';\n\nimport './PaymentModal.scss';\n\nconst DEFAULT_PROVIDER = 'stripe';\n\nexport type OwnProps = {\n isOpen: boolean;\n onClose: () => void;\n};\n\ntype StateProps = {\n nameRequested?: boolean;\n shippingAddressRequested?: boolean;\n phoneRequested?: boolean;\n emailRequested?: boolean;\n flexible?: boolean;\n phoneToProvider?: boolean;\n emailToProvider?: boolean;\n currency?: string;\n prices?: Price[];\n isProviderError: boolean;\n needCardholderName?: boolean;\n needCountry?: boolean;\n needZip?: boolean;\n globalErrors?: ApiError[];\n};\n\ntype GlobalStateProps = Pick<GlobalState['payment'], 'step' | 'shippingOptions' |\n'savedInfo' | 'canSaveCredentials' | 'nativeProvider' | 'passwordMissing' | 'invoiceContent' |\n'error'>;\n\ntype DispatchProps = Pick<GlobalActions, 'validateRequestedInfo' | 'sendPaymentForm' | 'setPaymentStep'\n| 'sendCredentialsInfo' | 'clearPaymentError' >;\n\nconst Invoice: FC<OwnProps & StateProps & GlobalStateProps & DispatchProps> = ({\n isOpen,\n onClose,\n step,\n shippingOptions,\n savedInfo,\n canSaveCredentials,\n nameRequested,\n shippingAddressRequested,\n phoneRequested,\n emailRequested,\n phoneToProvider,\n emailToProvider,\n currency,\n passwordMissing,\n isProviderError,\n invoiceContent,\n nativeProvider,\n prices,\n needCardholderName,\n needCountry,\n needZip,\n error,\n globalErrors,\n validateRequestedInfo,\n sendPaymentForm,\n setPaymentStep,\n sendCredentialsInfo,\n clearPaymentError,\n}) => {\n const [paymentState, paymentDispatch] = usePaymentReducer();\n const currencySign = getCurrencySign(currency);\n const [isLoading, setIsLoading] = useState(false);\n const lang = useLang();\n\n useEffect(() => {\n if (step || error || globalErrors) {\n setIsLoading(false);\n }\n }, [step, error, globalErrors]);\n\n useEffect(() => {\n if (error && error.field) {\n paymentDispatch({\n type: 'setFormErrors',\n payload: {\n [error.field]: error.fieldError,\n },\n });\n return;\n }\n if (globalErrors && globalErrors.length) {\n const errors = getShippingError(globalErrors);\n paymentDispatch({\n type: 'setFormErrors',\n payload: {\n ...errors,\n },\n });\n }\n }, [error, globalErrors, paymentDispatch]);\n\n useEffect(() => {\n if (savedInfo) {\n const {\n name: fullName, phone, email, shippingAddress,\n } = savedInfo;\n paymentDispatch({\n type: 'updateUserInfo',\n payload: {\n fullName,\n phone: phone && phone.charAt(0) !== '+'\n ? `+${phone}`\n : phone,\n email,\n ...(shippingAddress || {}),\n },\n });\n }\n }, [savedInfo, paymentDispatch]);\n\n const handleErrorModalClose = useCallback(() => {\n clearPaymentError();\n }, [clearPaymentError]);\n\n const totalPrice = useMemo(() => {\n if (step !== PaymentStep.Checkout) {\n return 0;\n }\n\n return getTotalPrice(prices, shippingOptions, paymentState.shipping);\n }, [step, paymentState.shipping, prices, shippingOptions]);\n\n const checkoutInfo = useMemo(() => {\n if (step !== PaymentStep.Checkout) {\n return undefined;\n }\n return getCheckoutInfo(paymentState, shippingOptions, nativeProvider || '');\n }, [step, paymentState, shippingOptions, nativeProvider]);\n\n function renderError() {\n if (!error) {\n return undefined;\n }\n return (\n <Modal\n className=\"error\"\n isOpen={Boolean(error)}\n onClose={handleErrorModalClose}\n >\n <h4>{error.description || 'Error'}</h4>\n {error.description || 'Error'}\n <Button\n isText\n onClick={clearPaymentError}\n >\n OK\n </Button>\n </Modal>\n );\n }\n\n function renderModalContent(cuurentStep: PaymentStep) {\n switch (cuurentStep) {\n case PaymentStep.ShippingInfo:\n return (\n <ShippingInfo\n state={paymentState}\n dispatch={paymentDispatch}\n needAddress={Boolean(shippingAddressRequested)}\n needEmail={Boolean(emailRequested || emailToProvider)}\n needPhone={Boolean(phoneRequested || phoneToProvider)}\n needName={Boolean(nameRequested)}\n />\n );\n case PaymentStep.Shipping:\n return (\n <Shipping\n state={paymentState}\n dispatch={paymentDispatch}\n shippingOptions={shippingOptions || []}\n currency={currencySign}\n />\n );\n case PaymentStep.PaymentInfo:\n return (\n <PaymentInfo\n state={paymentState}\n dispatch={paymentDispatch}\n canSaveCredentials={Boolean(!passwordMissing && canSaveCredentials)}\n needCardholderName={needCardholderName}\n needCountry={needCountry}\n needZip={needZip}\n />\n );\n case PaymentStep.Checkout:\n return (\n <Checkout\n prices={prices}\n shippingPrices={paymentState.shipping && shippingOptions\n ? getShippingPrices(shippingOptions, paymentState.shipping)\n : undefined}\n totalPrice={totalPrice}\n invoiceContent={invoiceContent}\n checkoutInfo={checkoutInfo}\n currency={currencySign}\n />\n );\n default:\n return undefined;\n }\n }\n\n const validateRequest = useCallback(() => {\n const { saveInfo } = paymentState;\n const requestInfo = getRequestInfo(paymentState);\n validateRequestedInfo({ requestInfo, saveInfo });\n }, [validateRequestedInfo, paymentState]);\n\n const sendCredentials = useCallback(() => {\n const credentials = getCredentials(paymentState);\n sendCredentialsInfo({\n credentials,\n });\n }, [sendCredentialsInfo, paymentState]);\n\n const sendForm = useCallback(() => {\n sendPaymentForm({\n shippingOptionId: paymentState.shipping,\n saveCredentials: paymentState.saveCredentials,\n });\n }, [sendPaymentForm, paymentState]);\n\n const setStep = useCallback((nextStep) => {\n setPaymentStep({ step: nextStep });\n }, [setPaymentStep]);\n\n const handleButtonClick = useCallback(() => {\n setIsLoading(true);\n switch (step) {\n case PaymentStep.ShippingInfo:\n return validateRequest();\n case PaymentStep.Shipping:\n return setStep(PaymentStep.PaymentInfo);\n case PaymentStep.PaymentInfo:\n return sendCredentials();\n case PaymentStep.Checkout:\n return sendForm();\n default:\n return () => {};\n }\n }, [step, validateRequest, setStep, sendCredentials, sendForm]);\n\n const modalHeader = useMemo(() => {\n switch (step) {\n case PaymentStep.ShippingInfo:\n return lang('PaymentShippingInfo');\n case PaymentStep.Shipping:\n return lang('PaymentShippingMethod');\n case PaymentStep.PaymentInfo:\n return lang('PaymentCardInfo');\n case PaymentStep.Checkout:\n return lang('PaymentCheckout');\n default:\n return '';\n }\n }, [step, lang]);\n\n const buttonText = useMemo(() => {\n switch (step) {\n case PaymentStep.Checkout:\n return `Pay ${currencySign}${(totalPrice / 100).toFixed(2)}`;\n default:\n return 'Next Step';\n }\n }, [step, totalPrice, currencySign]);\n\n if (isProviderError) {\n return (\n <Modal\n className=\"error\"\n isOpen={isOpen}\n onClose={onClose}\n >\n Sorry, Telegram T doesn&apos;t support payments with this provider yet.\n Please use one of our mobile apps to do this.\n <Button\n isText\n onClick={onClose}\n >\n OK\n </Button>\n </Modal>\n );\n }\n\n return (\n <Modal\n className=\"PaymentModal\"\n isOpen={isOpen}\n onClose={onClose}\n >\n <div className=\"header\">\n <Button\n className=\"close-button\"\n color=\"translucent\"\n round\n size=\"smaller\"\n onClick={onClose}\n ariaLabel=\"Close\"\n >\n <i className=\"icon-close\" />\n </Button>\n <h3>{ modalHeader }</h3>\n </div>\n {step !== undefined ? (\n <Transition name=\"slide\" activeKey={step}>\n {() => (\n <div className=\"content custom-scroll\">\n {renderModalContent(step)}\n </div>\n )}\n </Transition>\n ) : (\n <div className=\"empty-content\">\n <Spinner color=\"gray\" />\n </div>\n )}\n <div className=\"footer\">\n <Button\n type=\"submit\"\n onClick={handleButtonClick}\n disabled={isLoading}\n isLoading={isLoading}\n >\n {buttonText}\n </Button>\n </div>\n {error && !error.field && renderError()}\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps & GlobalStateProps => {\n const {\n step,\n shippingOptions,\n savedInfo,\n canSaveCredentials,\n invoice,\n invoiceContent,\n nativeProvider,\n nativeParams,\n passwordMissing,\n error,\n } = global.payment;\n\n const isProviderError = Boolean(invoice && (!nativeProvider || nativeProvider !== DEFAULT_PROVIDER));\n const { needCardholderName, needCountry, needZip } = (nativeParams || {});\n const {\n nameRequested,\n phoneRequested,\n emailRequested,\n shippingAddressRequested,\n flexible,\n phoneToProvider,\n emailToProvider,\n currency,\n prices,\n } = (invoice || {});\n\n return {\n step,\n shippingOptions,\n savedInfo,\n canSaveCredentials,\n nativeProvider,\n passwordMissing,\n nameRequested,\n shippingAddressRequested,\n phoneRequested,\n emailRequested,\n flexible,\n phoneToProvider,\n emailToProvider,\n currency,\n prices,\n isProviderError,\n invoiceContent,\n needCardholderName,\n needCountry,\n needZip,\n error,\n globalErrors: global.errors,\n };\n },\n (setGlobal, actions): DispatchProps => {\n return pick(actions, [\n 'validateRequestedInfo',\n 'sendPaymentForm',\n 'setPaymentStep',\n 'sendCredentialsInfo',\n 'clearPaymentError',\n ]);\n },\n)(Invoice));\n\nfunction findShippingOption(shippingOptions: ShippingOption[], optionId: string) {\n return shippingOptions.find(({ id }) => id === optionId);\n}\n\nfunction getShippingPrices(shippingOptions: ShippingOption[], shippingOption: string) {\n const option = findShippingOption(shippingOptions, shippingOption);\n return option ? option.prices : undefined;\n}\n\nfunction getTotalPrice(prices: Price[] = [], shippingOptions: ShippingOption[] | undefined, shippingOption: string) {\n const shippingPrices = shippingOptions\n ? getShippingPrices(shippingOptions, shippingOption)\n : [];\n let total = 0;\n const totalPrices = prices.concat(shippingPrices || []);\n total = totalPrices.reduce((acc, cur) => {\n return acc + cur.amount;\n }, total);\n return total;\n}\n\nfunction getCheckoutInfo(state: FormState, shippingOptions: ShippingOption[] | undefined, paymentProvider: string) {\n const cardTypeText = detectCardTypeText(state.cardNumber);\n const paymentMethod = `${cardTypeText} *${state.cardNumber.slice(-4)}`;\n const shippingAddress = state.streetLine1\n ? `${state.streetLine1}, ${state.city}, ${state.countryIso2}`\n : undefined;\n const { phone, fullName: name } = state;\n const shippingOption = shippingOptions ? findShippingOption(shippingOptions, state.shipping) : undefined;\n const shippingMethod = shippingOption ? shippingOption.title : undefined;\n return {\n paymentMethod,\n paymentProvider,\n shippingAddress,\n name,\n phone,\n shippingMethod,\n };\n}\n\nfunction getRequestInfo(paymentState: FormState) {\n const {\n streetLine1,\n streetLine2,\n city,\n state,\n countryIso2,\n postCode,\n fullName: name,\n phone,\n email,\n } = paymentState;\n\n const shippingAddress = {\n streetLine1,\n streetLine2,\n city,\n state,\n countryIso2,\n postCode,\n };\n\n return {\n name,\n phone,\n email,\n shippingAddress,\n };\n}\n\nfunction getCredentials(paymentState: FormState) {\n const {\n cardNumber, cardholder, expiry, cvv, billingCountry, billingZip,\n } = paymentState;\n const [expiryMonth, expiryYear] = expiry.split('/');\n const data = {\n cardNumber,\n cardholder,\n expiryMonth,\n expiryYear,\n cvv,\n country: billingCountry,\n zip: billingZip,\n };\n\n return {\n data,\n };\n}\n","import React, {\n FC, memo, useMemo,\n} from '../../lib/teact/teact';\nimport { withGlobal } from '../../lib/teact/teactn';\n\nimport { Price } from '../../types';\nimport { ApiShippingAddress } from '../../api/types/payments';\n\nimport useLang from '../../hooks/useLang';\nimport { getCurrencySign } from '../middle/helpers/getCurrencySign';\n\nimport Checkout from './Checkout';\nimport Modal from '../ui/Modal';\nimport Button from '../ui/Button';\n\nimport './PaymentModal.scss';\n\nexport type OwnProps = {\n isOpen: boolean;\n onClose: () => void;\n};\n\ntype StateProps = {\n prices?: Price[];\n shippingPrices: any;\n totalAmount?: number;\n currency?: string;\n info?: {\n shippingAddress?: ApiShippingAddress;\n phone?: string;\n name?: string;\n };\n photoUrl?: string;\n text?: string;\n title?: string;\n credentialsTitle?: string;\n shippingMethod?: string;\n};\n\nconst ReceiptModal: FC<OwnProps & StateProps> = ({\n isOpen,\n onClose,\n prices,\n shippingPrices,\n totalAmount,\n currency,\n info,\n photoUrl,\n text,\n title,\n credentialsTitle,\n shippingMethod,\n}) => {\n const lang = useLang();\n const currencySign = getCurrencySign(currency);\n const checkoutInfo = useMemo(() => {\n return getCheckoutInfo(credentialsTitle, info, shippingMethod);\n }, [info, shippingMethod, credentialsTitle]);\n return (\n <Modal\n className=\"PaymentModal PaymentModal-receipt\"\n isOpen={isOpen}\n onClose={onClose}\n >\n <div>\n <div className=\"header\">\n <Button\n className=\"close-button\"\n color=\"translucent\"\n round\n size=\"smaller\"\n onClick={onClose}\n ariaLabel=\"Close\"\n >\n <i className=\"icon-close\" />\n </Button>\n <h3> {lang('PaymentReceipt')} </h3>\n </div>\n <div className=\"receipt-content custom-scroll\">\n <Checkout\n prices={prices}\n shippingPrices={shippingPrices}\n totalPrice={totalAmount}\n invoiceContent={{\n photoUrl,\n text,\n title,\n }}\n checkoutInfo={checkoutInfo}\n currency={currencySign}\n />\n </div>\n </div>\n </Modal>\n );\n};\n\nexport default memo(withGlobal<OwnProps>(\n (global): StateProps => {\n const { receipt } = global.payment;\n const {\n currency,\n prices: mapedPrices,\n info,\n totalAmount,\n credentialsTitle,\n shippingPrices,\n shippingMethod,\n photoUrl,\n text,\n title,\n } = (receipt || {});\n\n return {\n currency,\n prices: mapedPrices,\n info,\n totalAmount,\n credentialsTitle,\n shippingPrices,\n shippingMethod,\n photoUrl,\n text,\n title,\n };\n },\n)(ReceiptModal));\n\nfunction getCheckoutInfo(paymentMethod?: string,\n info?:\n { phone?: string;\n name?: string;\n shippingAddress?: ApiShippingAddress;\n },\n shippingMethod?: string) {\n if (!info) {\n return { paymentMethod };\n }\n const { shippingAddress } = info;\n const fullAddress = shippingAddress && shippingAddress.streetLine1\n ? `${shippingAddress.streetLine1}, ${shippingAddress.city}, ${shippingAddress.countryIso2}`\n : undefined;\n const { phone, name } = info;\n return {\n paymentMethod,\n paymentProvider: 'Stripe',\n shippingAddress: fullAddress,\n name,\n phone,\n shippingMethod,\n };\n}\n","import { ApiMediaFormat } from '../../../api/types';\n\nimport * as mediaLoader from '../../../util/mediaLoader';\n\n// @ts-ignore\nimport MonkeyIdle from '../../../assets/TwoFactorSetupMonkeyIdle.tgs';\n// @ts-ignore\nimport MonkeyTracking from '../../../assets/TwoFactorSetupMonkeyTracking.tgs';\n// @ts-ignore\nimport MonkeyClose from '../../../assets/TwoFactorSetupMonkeyClose.tgs';\n// @ts-ignore\nimport MonkeyPeek from '../../../assets/TwoFactorSetupMonkeyPeek.tgs';\n// @ts-ignore\nimport FoldersAll from '../../../assets/FoldersAll.tgs';\n// @ts-ignore\nimport FoldersNew from '../../../assets/FoldersNew.tgs';\n// @ts-ignore\nimport DiscussionGroups from '../../../assets/DiscussionGroupsDucks.tgs';\n\nexport const ANIMATED_STICKERS_PATHS = {\n MonkeyIdle,\n MonkeyTracking,\n MonkeyClose,\n MonkeyPeek,\n FoldersAll,\n FoldersNew,\n DiscussionGroups,\n};\n\nexport default function getAnimationData(name: keyof typeof ANIMATED_STICKERS_PATHS) {\n const path = ANIMATED_STICKERS_PATHS[name].replace(window.location.origin, '');\n\n return mediaLoader.fetch(`file${path}`, ApiMediaFormat.Lottie);\n}\n","export default __webpack_public_path__ + \"TwoFactorSetupMonkeyIdle.dea4a492c144df84ddab778dc8a3f0cd.tgs\";","export default __webpack_public_path__ + \"TwoFactorSetupMonkeyTracking.eb5a7a6f166fb7589c12e6248561fb58.tgs\";","export default __webpack_public_path__ + \"TwoFactorSetupMonkeyClose.604c4c833d322b7e6c3ea19bef058241.tgs\";","export default __webpack_public_path__ + \"TwoFactorSetupMonkeyPeek.1905436b042520363d7e59f5d7f903ab.tgs\";","export default __webpack_public_path__ + \"FoldersAll.3f9f9e243d19f0fbf9aaaff11cbd4572.tgs\";","export default __webpack_public_path__ + \"FoldersNew.9a40d71c0c8be70f5bd14ff2d7bc1593.tgs\";","export default __webpack_public_path__ + \"DiscussionGroupsDucks.9ea453d1be9d1b0ee77a992f8e587485.tgs\";","import React, {\n FC, useEffect, useState, memo,\n} from '../../lib/teact/teact';\n\nimport { DEBUG } from '../../config';\nimport { blobToFile, blobToDataUri } from '../../util/files';\nimport useLang from '../../hooks/useLang';\n\nimport Button from './Button';\nimport Modal from './Modal';\nimport Loading from './Loading';\n\nimport './CropModal.scss';\n\n// Change to 'base64' to get base64-encoded string\nconst cropperResultOptions: Croppie.ResultOptions & { type: 'blob' } = {\n type: 'blob',\n quality: 0.8,\n format: 'jpeg',\n circle: false,\n};\n\ntype ICroppie = typeof import('croppie');\nlet Croppie: ICroppie;\nlet croppiePromise: Promise<{ default: ICroppie }>;\n\nasync function ensureCroppie() {\n if (!croppiePromise) {\n croppiePromise = import('../../lib/croppie') as unknown as Promise<{ default: ICroppie }>;\n Croppie = (await croppiePromise).default;\n }\n\n return croppiePromise;\n}\n\nlet cropper: Croppie;\n\nasync function initCropper(imgFile: File) {\n try {\n const cropContainer = document.getElementById('avatar-crop');\n if (!cropContainer) {\n return;\n }\n\n const { offsetWidth, offsetHeight } = cropContainer;\n\n cropper = new Croppie(cropContainer, {\n enableZoom: true,\n boundary: {\n width: offsetWidth,\n height: offsetHeight,\n },\n viewport: {\n width: offsetWidth - 16,\n height: offsetHeight - 16,\n type: 'circle',\n },\n });\n\n const dataUri = await blobToDataUri(imgFile);\n await cropper.bind({ url: dataUri });\n } catch (err) {\n if (DEBUG) {\n // eslint-disable-next-line no-console\n console.error(err);\n }\n }\n}\n\ntype OwnProps = {\n file?: File;\n onChange: (file: File) => void;\n onClose: () => void;\n};\n\nconst CropModal: FC<OwnProps> = ({ file, onChange, onClose }: OwnProps) => {\n const [isCroppieReady, setIsCroppieReady] = useState(false);\n\n useEffect(() => {\n if (!file) {\n return;\n }\n\n if (!isCroppieReady) {\n ensureCroppie().then(() => setIsCroppieReady(true));\n\n return;\n }\n\n initCropper(file);\n }, [file, isCroppieReady]);\n\n const lang = useLang();\n\n async function handleCropClick() {\n if (!cropper) {\n return;\n }\n\n const result: Blob | string = await cropper.result(cropperResultOptions);\n const croppedImg = typeof result === 'string' ? result : blobToFile(result, 'avatar.jpg');\n\n onChange(croppedImg);\n }\n\n return (\n <Modal\n isOpen={Boolean(file)}\n onClose={onClose}\n title=\"Drag to reposition\"\n className=\"CropModal\"\n hasCloseButton\n >\n {isCroppieReady ? (\n <div id=\"avatar-crop\" />\n ) : (\n <Loading />\n )}\n <Button\n className=\"confirm-button\"\n round\n color=\"primary\"\n onClick={handleCropClick}\n ariaLabel={lang('CropImage')}\n >\n <i className=\"icon-check\" />\n </Button>\n </Modal>\n );\n};\n\nexport default memo(CropModal);\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, useState, useEffect, memo,\n} from '../../lib/teact/teact';\n\nimport buildClassName from '../../util/buildClassName';\n\nimport CropModal from './CropModal';\n\nimport './AvatarEditable.scss';\n\ninterface OwnProps {\n title?: string;\n disabled?: boolean;\n currentAvatarBlobUrl?: string;\n onChange: (file: File) => void;\n}\n\nconst AvatarEditable: FC<OwnProps> = ({\n title = 'Change your profile picture',\n disabled,\n currentAvatarBlobUrl,\n onChange,\n}) => {\n const [selectedFile, setSelectedFile] = useState<File | undefined>();\n const [croppedBlobUrl, setCroppedBlobUrl] = useState<string | undefined>(currentAvatarBlobUrl);\n\n useEffect(() => {\n setCroppedBlobUrl(currentAvatarBlobUrl);\n }, [currentAvatarBlobUrl]);\n\n function handleSelectFile(event: ChangeEvent<HTMLInputElement>) {\n const target = event.target as HTMLInputElement;\n\n if (!target || !target.files || !target.files[0]) {\n return;\n }\n\n setSelectedFile(target.files[0]);\n target.value = '';\n }\n\n function handleAvatarCrop(croppedImg: File) {\n setSelectedFile(undefined);\n onChange(croppedImg);\n\n if (croppedBlobUrl) {\n URL.revokeObjectURL(croppedBlobUrl);\n }\n setCroppedBlobUrl(URL.createObjectURL(croppedImg));\n }\n\n function handleModalClose() {\n setSelectedFile(undefined);\n }\n\n const labelClassName = buildClassName(\n croppedBlobUrl && 'filled',\n disabled && 'disabled',\n );\n\n return (\n <div className=\"AvatarEditable\">\n <label\n className={labelClassName}\n role=\"button\"\n tabIndex={0}\n title={title}\n >\n <input\n type=\"file\"\n onChange={handleSelectFile}\n accept=\"image/png, image/jpeg\"\n />\n <i className=\"icon-camera-add\" />\n {croppedBlobUrl && <img src={croppedBlobUrl} alt=\"Avatar\" />}\n </label>\n <CropModal file={selectedFile} onClose={handleModalClose} onChange={handleAvatarCrop} />\n </div>\n );\n};\n\nexport default memo(AvatarEditable);\n","import React, {\n FC, useState, useEffect, useCallback, memo,\n} from '../../lib/teact/teact';\n\nimport { STICKER_SIZE_AUTH, STICKER_SIZE_AUTH_MOBILE, STICKER_SIZE_TWO_FA } from '../../config';\nimport { IS_MOBILE_SCREEN } from '../../util/environment';\nimport getAnimationData from './helpers/animatedAssets';\n\nimport AnimatedSticker from './AnimatedSticker';\n\nimport './PasswordMonkey.scss';\n\ntype OwnProps = {\n isPasswordVisible: boolean;\n isBig?: boolean;\n};\n\nconst PEEK_MONKEY_SHOW_DELAY = 2000;\nconst SEGMENT_COVER_EYES: [number, number] = [0, 50];\nconst SEGMENT_UNCOVER_EYE: [number, number] = [0, 20];\nconst SEGMENT_COVER_EYE: [number, number] = [20, 0];\nconst STICKER_SIZE = IS_MOBILE_SCREEN ? STICKER_SIZE_AUTH_MOBILE : STICKER_SIZE_AUTH;\n\nconst PasswordMonkey: FC<OwnProps> = ({ isPasswordVisible, isBig }) => {\n const [closeMonkeyData, setCloseMonkeyData] = useState<Record<string, any>>();\n const [peekMonkeyData, setPeekMonkeyData] = useState<Record<string, any>>();\n const [isFirstMonkeyLoaded, setIsFirstMonkeyLoaded] = useState(false);\n const [isPeekShown, setIsPeekShown] = useState(false);\n\n useEffect(() => {\n if (!closeMonkeyData) {\n getAnimationData('MonkeyClose').then(setCloseMonkeyData);\n } else {\n setTimeout(() => setIsPeekShown(true), PEEK_MONKEY_SHOW_DELAY);\n }\n }, [closeMonkeyData]);\n\n useEffect(() => {\n if (!peekMonkeyData) {\n getAnimationData('MonkeyPeek').then(setPeekMonkeyData);\n }\n }, [peekMonkeyData]);\n\n const handleFirstMonkeyLoad = useCallback(() => setIsFirstMonkeyLoaded(true), []);\n\n return (\n <div id=\"monkey\" className={isBig ? 'big' : ''}>\n {!isFirstMonkeyLoaded && (\n <div className=\"monkey-preview\" />\n )}\n {closeMonkeyData && (\n <AnimatedSticker\n id=\"closeMonkey\"\n size={isBig ? STICKER_SIZE_TWO_FA : STICKER_SIZE}\n className={isPeekShown ? 'hidden' : 'shown'}\n animationData={closeMonkeyData}\n playSegment={SEGMENT_COVER_EYES}\n noLoop\n onLoad={handleFirstMonkeyLoad}\n />\n )}\n {peekMonkeyData && (\n <AnimatedSticker\n id=\"peekMonkey\"\n size={isBig ? STICKER_SIZE_TWO_FA : STICKER_SIZE}\n className={isPeekShown ? 'shown' : 'hidden'}\n animationData={peekMonkeyData}\n playSegment={isPasswordVisible ? SEGMENT_UNCOVER_EYE : SEGMENT_COVER_EYE}\n noLoop\n />\n )}\n </div>\n );\n};\n\nexport default memo(PasswordMonkey);\n","import { ChangeEvent } from 'react';\nimport React, {\n FC, memo, useEffect, useRef, useState,\n} from '../../lib/teact/teact';\n\nimport { MIN_PASSWORD_LENGTH } from '../../config';\nimport { IS_TOUCH_ENV, IS_MOBILE_SCREEN } from '../../util/environment';\nimport buildClassName from '../../util/buildClassName';\n\nimport Button from '../ui/Button';\n\ntype OwnProps = {\n submitLabel?: string;\n error?: string;\n hint?: string;\n placeholder?: string;\n isLoading?: boolean;\n isPasswordVisible?: boolean;\n clearError: NoneToVoidFunction;\n onChangePasswordVisibility: (state: boolean) => void;\n onInputChange?: (password: string) => void;\n onSubmit: (password: string) => void;\n};\n\nconst FOCUS_DELAY_TIMEOUT_MS = IS_MOBILE_SCREEN ? 550 : 400;\n\nconst PasswordForm: FC<OwnProps> = ({\n isLoading = false,\n isPasswordVisible,\n error,\n hint,\n placeholder = 'Password',\n submitLabel = 'Next',\n clearError,\n onChangePasswordVisibility,\n onInputChange,\n onSubmit,\n}) => {\n // eslint-disable-next-line no-null/no-null\n const inputRef = useRef<HTMLInputElement>(null);\n\n const [password, setPassword] = useState('');\n const [canSubmit, setCanSubmit] = useState(false);\n\n useEffect(() => {\n if (!IS_TOUCH_ENV) {\n setTimeout(() => {\n inputRef.current!.focus();\n }, FOCUS_DELAY_TIMEOUT_MS);\n }\n }, []);\n\n useEffect(() => {\n if (error) {\n requestAnimationFrame(() => {\n inputRef.current!.focus();\n inputRef.current!.select();\n });\n }\n }, [error]);\n\n function onPasswordChange(e: ChangeEvent<HTMLInputElement>) {\n if (error) {\n clearError();\n }\n\n const { target } = e;\n setPassword(target.value);\n setCanSubmit(target.value.length >= MIN_PASSWORD_LENGTH);\n if (onInputChange) {\n onInputChange(target.value);\n }\n }\n\n function togglePasswordVisibility() {\n onChangePasswordVisibility(!isPasswordVisible);\n }\n\n function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n event.preventDefault();\n\n if (isLoading) {\n return;\n }\n\n if (canSubmit) {\n onSubmit(password);\n }\n }\n\n return (\n <form action=\"\" onSubmit={handleSubmit} autoComplete=\"off\">\n <div className={buildClassName('input-group password-input', password && 'touched', error && 'error')}>\n <input\n ref={inputRef}\n className=\"form-control\"\n type={isPasswordVisible ? 'text' : 'password'}\n id=\"sign-in-password\"\n value={password || ''}\n autoComplete=\"current-password\"\n onChange={onPasswordChange}\n />\n <label>{error || hint || placeholder}</label>\n <div\n className=\"toggle-password\"\n onClick={togglePasswordVisibility}\n role=\"button\"\n tabIndex={0}\n title=\"Toggle password visibility\"\n >\n <i className={isPasswordVisible ? 'icon-eye' : 'icon-eye-closed'} />\n </div>\n </div>\n {canSubmit && (\n <Button type=\"submit\" ripple isLoading={isLoading}>\n {submitLabel}\n </Button>\n )}\n </form>\n );\n};\n\nexport default memo(PasswordForm);\n"],"sourceRoot":""}