"use strict";(self.webpackChunkbongacams=self.webpackChunkbongacams||[]).push([[351],{98303:function(n,e,i){i.d(e,{F5:function(){return t},YC:function(){return o},Zf:function(){return u},qT:function(){return r}});var t=".js-invisible-mode-switcher-container",o=".js-invisible-mode-feature-list",r=".js-invisible_mode_overview",u=".js-invisible-mode-context-switch"},20346:function(n,e,i){i.r(e),i.d(e,{InvisibleModeApiService:function(){return u},InvisibleModeSwitch:function(){return l},InvisibleModeSwitchContainer:function(){return w},init:function(){return _},useInvisibleModeToggle:function(){return p}});var t=i(15215),o=i(57933),r=i(63861),u=function(){function n(){}return n.requestPopup=function(){return(0,t.sH)(this,void 0,void 0,function(){var n;return(0,t.YH)(this,function(e){switch(e.label){case 0:return[4,(0,o.gQ)((0,r.ip)("@api_member_account_invisible_mode_popup"))];case 1:return n=e.sent().data,[2,void 0===n?null:n]}})})},n.requestToggleInvisibleMode=function(){return(0,t.sH)(this,void 0,void 0,function(){var n;return(0,t.YH)(this,function(e){switch(e.label){case 0:return n={method:"POST"},[4,(0,o.gQ)((0,r.ip)("@ajax_invisible_mode_switch"),n)];case 1:return[2,"success"===e.sent().status]}})})},n}(),s=i(74848),c=i(43284),a=i(73437),l=function(n){var e=n.isShowAnimationOnMount,i=void 0!==e&&e,t=n.isChecked,o=void 0!==t&&t,r=n.onClick,u=void 0===r?a.noop:r,l=(0,c.A)(["imsw_switcher",o&&"__checked"]),d=(0,c.A)(["imsw_switcher_wrp",i&&"__first_animation",o&&"__checked"]);return(0,s.jsx)("div",{className:"im_switcher",children:(0,s.jsx)("div",{className:d,children:(0,s.jsx)("button",{type:"button",className:l,onClick:u})})})},d=i(96540),f=i(46517),v=i(99525),h=i(99128),m=i(98303),b=function(n){var e,i,t=p(),o=t.isActive,r=t.onToggleMode;e=o,i=(0,d.useRef)(null),(0,d.useEffect)(function(){var n=document.querySelector(m.YC);n&&(i.current=n)},[]),(0,d.useEffect)(function(){i.current&&i.current.classList.toggle("__checked",e)},[e]);var u,s;return{isActive:o,isShowFirstAnimation:(u=n.isShowFirstAnimation,s=(0,d.useRef)(u),(0,d.useEffect)(function(){s.current=!1},[]),{isShowFirstAnimation:s.current}).isShowFirstAnimation,handleToggleMode:function(n){n.preventDefault(),r()}}},w=function(n){var e=b(n),i=e.isActive,t=e.isShowFirstAnimation,o=e.handleToggleMode;return(0,s.jsx)(l,{isChecked:i,isShowAnimationOnMount:t,onClick:o})};function _(){var n=document.querySelector(m.F5);if(n instanceof HTMLElement){var e=Boolean(n.dataset.isFirstAnimation),i=(0,d.createElement)(w,{isShowFirstAnimation:e}),t=(0,d.createElement)(f.Kq,{store:v.A},i);h.w.replaceContainer(t,n)}}var g=i(81578),A=function(n){return n.isInvisibleModeEnabled},p=function(){var n=(0,f.d4)(A),e=(0,d.useRef)(null),i=(0,d.useRef)(!1),t=(0,f.wA)();return{buttonRef:e,isActive:n,onToggleMode:(0,d.useCallback)(function(){i.current||(i.current=!0,u.requestToggleInvisibleMode().then(function(n){var e,o,r;n&&(t(g.T)(),(null===(o=null===(e=window.chat)||void 0===e?void 0:e.userData)||void 0===o?void 0:o.chathost)&&(null===(r=chat.service)||void 0===r||r.update())),i.current=!1}))},[t])}}},81578:function(n,e,i){i.d(e,{T:function(){return t}});var t=function(n){return{isInvisibleModeEnabled:!n.isInvisibleModeEnabled}}},43284:function(n,e){e.A=function(n){return n.filter(function(n){return!!n}).join(" ")||void 0}}}]);