https://spb.theater/assets/v2/dynamic-Pagination.14135f63-spb_theater.chunk.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7147573d-1228-4423-9275-71c1160e018e",e._sentryDebugIdIdentifier="sentry-dbid-7147573d-1228-4423-9275-71c1160e018e")}catch(e){}}(),(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3711],{70081:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return x}});var n=a(90179),r=a.n(n),i=a(96540),o=a(27383),s=a.n(o),l=a(32389),c=a(41035),p=a(77387),u=a(67846);var d=function(e){function t(t){var a;return(a=e.call(this,t)||this).state={isLoading:!1},a.loadMore=a.loadMore.bind(a),a}(0,p.A)(t,e);var a=t.prototype;return a.loadMore=async function(){const{loadMore:e}=this.props;this.setState({isLoading:!0}),await e(),this.setState({isLoading:!1})},a.render=function(){const{t:e}=this.props,{isLoading:t}=this.state;return i.createElement(u.A,{variant:"hollow",onClick:this.loadMore,loading:t},e("common:load_more"))},t}(i.Component),g=a(24141),f=a.n(g),b=a(55365),v=a.n(b),h=a(54516),m="container_spb_theater_b04bf",y="wrapper_spb_theater_16094",C="loadMore_spb_theater_963f4",P=a(73101),k=a(1670),L=a(43276);var x=(0,c.A)(e=>{let{meta:t,queryPaginate:n,isDesktop:o,loadMore:c,onChange:p,scrollKey:u}=e;const{t:g}=(0,l.Bd)(),{0:b,1:x}=(0,i.useState)("pagination"),N=(0,k.r)(),E=e=>{let a=N.route;const n=L.A.stringify(r()(N.query,["page"]))||"";return a=1===e?a.replace(`/page/${t.page}`,""):a.includes(`/page/${t.page}`)?a.replace(`/page/${t.page}`,`/page/${e}`):a.concat(`/page/${e}`),a.concat(n.length>0?`?${n}`:"")};(0,i.useEffect)(()=>{x(`pagination_${t.page}`)},[t.page]);return!t.count||t.last_page<=1?null:i.createElement(h.A,null,i.createElement("div",{className:m},c&&i.createElement("div",{className:C},i.createElement(d,{t:g,loadMore:c,meta:t})),i.createElement("div",{className:y},t&&t.page&&i.createElement(s(),{key:b,previousLabel:i.createElement(i.Fragment,null,i.createElement(f(),null)," ",g("common:pagination.prev")),nextLabel:i.createElement(i.Fragment,null,g("common:pagination.next")," ",i.createElement(v(),null)),initialPage:t.page-1,pageCount:t.last_page,pageRangeDisplayed:o?4:1,marginPagesDisplayed:o?0:1,onPageChange:n?e=>{const t=e.selected+1;p?p(t):(0,P.t)({page:1===t?void 0:t}),(async()=>{if(!u)return;const{scroller:e}=await Promise.resolve().then(a.bind(a,56848));e.scrollTo(u,{duration:500,smooth:!0,offset:-100})})()}:e=>{const t=e.selected+1;window.location.href=E(t)},hrefBuilder:n?void 0:E,disableInitialCallback:!0}))))})},27383:function(e,t,a){var n;n=e=>(()=>{var t={703:(e,t,a)=>{"use strict";var n=a(414);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,a,r,i,o){if(o!==n){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}},697:(e,t,a)=>{e.exports=a(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},98:t=>{"use strict";t.exports=e}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var i=a[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";n.r(r),n.d(r,{default:()=>C});var e=n(98),t=n.n(e),a=n(697),i=n.n(a);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},o.apply(this,arguments)}var s=function(e){var a=e.pageClassName,n=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,l=e.activeLinkClassName,c=e.getEventListener,p=e.pageSelectedHandler,u=e.href,d=e.extraAriaContext,g=e.pageLabelBuilder,f=e.rel,b=e.ariaLabel||"Page "+r+(d?" "+d:""),v=null;return i&&(v="page",b=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==n?void 0!==l&&(n=n+" "+l):n=l),t().createElement("li",{className:a},t().createElement("a",o({rel:f,role:u?void 0:"button",className:n,href:u,tabIndex:i?"-1":"0","aria-label":b,"aria-current":v,onKeyPress:p},c(p)),g(r)))};s.propTypes={pageSelectedHandler:i().func.isRequired,selected:i().bool.isRequired,pageClassName:i().string,pageLinkClassName:i().string,activeClassName:i().string,activeLinkClassName:i().string,extraAriaContext:i().string,href:i().string,ariaLabel:i().string,page:i().number.isRequired,getEventListener:i().func.isRequired,pageLabelBuilder:i().func.isRequired,rel:i().string};const l=s;function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}var p=function(e){var a=e.breakLabel,n=e.breakAriaLabel,r=e.breakClassName,i=e.breakLinkClassName,o=e.breakHandler,s=e.getEventListener,l=r||"break";return t().createElement("li",{className:l},t().createElement("a",c({className:i,role:"button",tabIndex:"0","aria-label":n,onKeyPress:o},s(o)),a))};p.propTypes={breakLabel:i().oneOfType([i().string,i().node]),breakAriaLabel:i().string,breakClassName:i().string,breakLinkClassName:i().string,breakHandler:i().func.isRequired,getEventListener:i().func.isRequired};const u=p;function d(e){return null!=e?e:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(this,arguments)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}

1function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function m(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(s,e);var a,n,r,i,o=(r=s,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,t=h(r);if(i){var a=h(this).constructor;e=Reflect.construct(t,arguments,a)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}(this,e)});function s(e){var a,n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),m(v(a=o.call(this,e)),"handlePreviousPage",function(e){var t=a.state.selected;a.handleClick(e,null,t>0?t-1:void 0,{isPrevious:!0})}),m(v(a),"handleNextPage",function(e){var t=a.state.selected,n=a.props.pageCount;a.handleClick(e,null,t<n-1?t+1:void 0,{isNext:!0})}),m(v(a),"handlePageSelected",function(e,t){if(a.state.selected===e)return a.callActiveCallback(e),void a.handleClick(t,null,void 0,{isActive:!0});a.handleClick(t,null,e)}),m(v(a),"handlePageChange",function(e){a.state.selected!==e&&(a.setState({selected:e}

1),a.callCallback(e))}),m(v(a),"getEventListener",function(e){return m({},a.props.eventListener,e)}),m(v(a),"handleClick",function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=r.isPrevious,o=void 0!==i&&i,s=r.isNext,l=void 0!==s&&s,c=r.isBreak,p=void 0!==c&&c,u=r.isActive,d=void 0!==u&&u;e.preventDefault?e.preventDefault():e.returnValue=!1;var g=a.state.selected,f=a.props.onClick,b=n;if(f){var v=f({index:t,selected:g,nextSelectedPage:n,event:e,isPrevious:o,isNext:l,isBreak:p,isActive:d});if(!1===v)return;Number.isInteger(v)&&(b=v)}void 0!==b&&a.handlePageChange(b)}),m(v(a),"handleBreakClick",function(e,t){var n=a.state.selected;a.handleClick(t,e,n<e?a.getForwardJump():a.getBackwardJump(),{isBreak:!0})}),m(v(a),"callCallback",function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e})}),m(v(a),"callActiveCallback",function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e})}),m(v(a),"getElementPageRel",function(e){var t=a.state.selected,n=a.props,r=n.nextPageRel,i=n.prevPageRel,o=n.selectedPageRel;return t-1===e?i:t===e?o:t+1===e?r:void 0}),m(v(a),"pagination",function(){var e=[],n=a.props,r=n.pageRangeDisplayed,i=n.pageCount,o=n.marginPagesDisplayed,s=n.breakLabel,l=n.breakClassName,c=n.breakLinkClassName,p=n.breakAriaLabels,d=a.state.selected;if(i<=r)for(var g=0;g<i;g++)e.push(a.getPageElement(g));else{var f=r/2,b=r-f;d>i-r/2?f=r-(b=i-d):d<r/2&&(b=r-(f=d));var v,h,m=function(e){return a.getPageElement(e)},y=[];for(v=0;v<i;v++){var C=v+1;if(C<=o)y.push({type:"page",index:v,display:m(v)});else if(C>i-o)y.push({type:"page",index:v,display:m(v)});else if(v>=d-f&&v<=d+(0===d&&r>1?b-1:b))y.push({type:"page",index:v,display:m(v)});else if(s&&y.length>0&&y[y.length-1].display!==h&&(r>0||o>0)){var P=v<d?p.backward:p.forward;h=t().createElement(u,{key:v,breakAriaLabel:P,breakLabel:s,breakClassName:l,breakLinkClassName:c,breakHandler:a.handleBreakClick.bind(null,v),getEventListener:a.getEventListener}),y.push({type:"break",index:v,display:h})}}y.forEach(function(t,a){var n=t;"break"===t.type&&y[a-1]&&"page"===y[a-1].type&&y[a+1]&&"page"===y[a+1].type&&y[a+1].index-y[a-1].index<=2&&(n={type:"page",index:t.index,display:m(t.index)}),e.push(n.display)})}return e}),void 0!==e.initialPage&&void 0!==e.forcePage&&console.warn("(react-paginate): Both initialPage (".concat(e.initialPage,") and forcePage (").concat(e.forcePage,") props are provided, which is discouraged.")+" Use exclusively forcePage prop for a controlled component.\nSee https://reactjs.org/docs/forms.html#controlled-components"),n=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:n},a}return a=s,(n=[{key:"componentDidMount",value:function(){var e=this.props,t=e.initialPage,a=e.disableInitialCallback,n=e.extraAriaContext,r=e.pageCount,i=e.forcePage;void 0===t||a||this.callCallback(t),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead."),Number.isInteger(r)||console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(r,"). Did you forget a Math.ceil()?")),void 0!==t&&t>r-1&&console.warn("(react-paginate): The initialPage prop provided is greater than the maximum page index from pageCount prop (".concat(t," > ").concat(r-1,").")),void 0!==i&&i>r-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(i," > ").concat(r-1,")."))}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&(this.props.forcePage>this.props.pageCount-1&&console.warn("(react-paginate): The forcePage prop provided is greater than the maximum page index from pageCount prop (".concat(this.props.forcePage," > ").concat(this.props.pageCount-1,").")),this.setState({selected:this.props.forcePage})),Number.isInteger(e.pageCount)&&!Number.isInteger(this.props.pageCount)&&console.warn("(react-paginate): The pageCount prop value provided is not an integer (".concat(this.props.pageCount,"). Did you forget a Math.ceil()?"))}},{key:"getForwardJump",value:function(){var e=this.state.selected,t=this.props,a=t.pageCount,n=e+t.pageRangeDisplayed;return n>=a?a-1:n}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"getElementHref",value:function(e){var t=this.props,a=t.hrefBuilder,n=t.pageCount,r=t.hrefAllControls;if(a)return r||e>=0&&e<n?a(e+1,n,this.state.selected):void 0}},{key:"ariaLabelBuilder",value:function(e){var t=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var a=this.props.ariaLabelBuilder(e+1,t);return this.props.extraAriaContext&&!t&&(a=a+" "+this.props.extraAriaContext),a}}},{key:"getPageElement",value:function(e){var a=this.state.selected,n=this.props,r=n.pageClassName,i=n.pageLinkClassName,o=n.activeClassName,s=n.activeLinkClassName,c=n.extraAriaContext,p=n.pageLabelBuilder;return t().createElement(l,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,rel:this.getElementPageRel(e),pageClassName:r,pageLinkClassName:i,activeClassName:o,activeLinkClassName:s,extraAriaContext:c,href:this.getElementHref(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:p,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props.renderOnZeroPageCount;if(0===this.props.pageCount&&void 0!==e)return e?e(this.props):e;var a=this.props,n=a.disabledClassName,r=a.disabledLinkClassName,i=a.pageCount,o=a.className,s=a.containerClassName,l=a.previousLabel,c=a.previousClassName,p=a.previousLinkClassName,u=a.previousAriaLabel,g=a.prevRel,b=a.nextLabel,v=a.nextClassName,h=a.nextLinkClassName,m=a.nextAriaLabel,y=a.nextRel,C=this.state.selected,P=0===C,k=C===i-1,L="".concat(d(c)).concat(P?" ".concat(d(n)):""),x="".concat(d(v)).concat(k?" ".concat(d(n)):""),N="".concat(d(p)).concat(P?" ".concat(d(r)):""),E="".concat(d(h)).concat(k?" ".concat(d(r)):""),w=P?"true":"false",O=k?"true":"false";return t().createElement("ul",{className:o||s,role:"navigation","aria-label":"Pagination"},t().createElement("li",{className:L},t().createElement("a",f({className:N,href:this.getElementHref(C-1),tabIndex:P?"-1":"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":w,"aria-label":u,rel:g},this.getEventListener(this.handlePreviousPage)),l)),this.pagination(),t().createElement("li",{className:x},t().createElement("a",f({className:E,href:this.getElementHref(C+1),tabIndex:k?"-1":"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":O,"aria-label":m,rel:y},this.getEventListener(this.handleNextPage)),b)))}}])&&function(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(a.prototype,n),Object.defineProperty(a,"prototype",{writable:!1}),s}(e.Component);

1m(y,"propTypes",{pageCount:i().number.isRequired,pageRangeDisplayed:i().number,marginPagesDisplayed:i().number,previousLabel:i().node,previousAriaLabel:i().string,prevPageRel:i().string,prevRel:i().string,nextLabel:i().node,nextAriaLabel:i().string,nextPageRel:i().string,nextRel:i().string,breakLabel:i().oneOfType([i().string,i().node]),breakAriaLabels:i().shape({forward:i().string,backward:i().string}),hrefBuilder:i().func,hrefAllControls:i().bool,onPageChange:i().func,onPageActive:i().func,onClick:i().func,initialPage:i().number,forcePage:i().number,disableInitialCallback:i().bool,containerClassName:i().string,className:i().string,pageClassName:i().string,pageLinkClassName:i().string,pageLabelBuilder:i().func,activeClassName:i().string,activeLinkClassName:i().string,previousClassName:i().string,nextClassName:i().string,previousLinkClassName:i().string,nextLinkClassName:i().string,disabledClassName:i().string,disabledLinkClassName:i().string,breakClassName:i().string,breakLinkClassName:i().string,extraAriaContext:i().string,ariaLabelBuilder:i().func,eventListener:i().string,renderOnZeroPageCount:i().func,selectedPageRel:i().string}),m(y,"defaultProps",{pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevPageRel:"prev",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextPageRel:"next",nextRel:"next",breakLabel:"...",breakAriaLabels:{forward:"Jump forward",backward:"Jump backward"},disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick",renderOnZeroPageCount:void 0,selectedPageRel:"canonical",hrefAllControls:!1});const C=y})(),r})(),e.exports=n(a(96540))},55365:function(e,t,a){var n=a(96540);function r(e){return n.createElement("svg",e,n.createElement("path",{d:"M1 1L5 5L1 9",strokeLinejoin:"round"}))}r.defaultProps={width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",stroke:"#000000"},e.exports=r,r.default=r},24141:function(e,t,a){var n=a(96540);function r(e){return n.createElement("svg",e,n.createElement("path",{d:"M5 1L1 5L5 9",strokeLinejoin:"round"}))}r.defaultProps={width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",stroke:"#000000"},e.exports=r,r.default=r}}]);