https://shopstat.ru/_next/static/chunks/133-728b60d882d4c909.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[133],{42562:function(e,t,n){"use strict";n.d(t,{Z:function(){return blog_Post}});var r,i,o,s,c,a,l=n(24043),u=n(85893),d=n(67294),f=n(67838),h=n(57144),m=n(86886),p=n(54776),v=n(69417),_=n(13516),g=n(43726),w=n.n(g),x=n(91036),b=n.n(x),j=n(45220),P=n.n(j),E=n(25675),C=n.n(E),Z=n(77134),y=n(2962),replaceAnchorName=function(e){return"a-".concat(e.toLowerCase().replace(/[^A-ZА-ЯЁ0-9\s]/gi,"").replace(/\s/g,"-"))},A=n(1397),S=n(248),k=n(84096),L=n(40328),D=n.n(L),blog_PostContents=function(e){var t=e.contentPost,n=e.contentRef,r=e.contentsOpen,i=e.setContentsOpen,o=e.selectedContentsElement,s=e.scrollToBottom,c=(0,f.Z)(function(e){return e.breakpoints.down("md")}),a=(0,d.useRef)(null),h=(0,l._)((0,d.useState)(void 0),2),m=h[0],p=h[1];(0,d.useEffect)(function(){var e;(null==a?void 0:a.current)&&(a.current.querySelectorAll("li > a").forEach(function(e){return e.classList.remove(D().active)}),null===(e=a.current.querySelector('[href="#'.concat(o,'"]')))||void 0===e||e.classList.add(D().active))},[o]),(0,d.useEffect)(function(){setTimeout(function(){var e;(null==a?void 0:a.current)&&r&&(null===(e=a.current.querySelector(".".concat(D().active)))||void 0===e||e.scrollIntoView({behavior:"smooth"}))},100)},[r]);var v=(0,d.useMemo)(function(){return(0,S._)(t.matchAll(/(<h\d.*?>)(.*?)(<\/h\d>)/gi)).map(function(e){var t=(0,l._)(e,3)[2],r=w()(b()(t)),o=replaceAnchorName(r);return(0,u.jsx)("li",{children:(0,u.jsx)("a",{onClick:function(e){var t,r=null===(t=n.current)||void 0===t?void 0:t.querySelector("[name=".concat(o,"]"));r&&(e.preventDefault(),e.stopPropagation(),i(!1),window.scrollTo({top:r.getBoundingClientRect().y+window.scrollY-(s?-50:0),behavior:"smooth"}))},href:"#".concat(o),children:r})})})},[t,n,s,i]);(0,d.useEffect)(function(){var windowUpdate=function(){a.current&&p(window.innerHeight-a.current.getBoundingClientRect().top-40-window.scrollY)};return windowUpdate(),window.addEventListener("resize",windowUpdate,!1),function(){window.removeEventListener("resize",windowUpdate,!1)}},[]);var _=(0,d.useMemo)(function(){return(0,u.jsx)("ul",{ref:a,className:D().contents,children:v})},[v]);return(0,d.useMemo)(function(){return c?_:(0,u.jsx)(k.Z,{style:{maxHeight:m,minHeight:200},autoHide:!1,children:_})},[c,m,_])},N=n(9539),O=n(75766),R=n(93967),T=n.n(R),B=n(79912),I=n.n(B),blog_PostDescription=function(e){var t=e.descriptionPost,n=(0,f.Z)(function(e){return e.breakpoints.down("md")}),r=(0,d.useRef)(null),i=(0,l._)((0,d.useState)(void 0),2),o=i[0],s=i[1];(0,d.useEffect)(function(){var windowUpdate=function(){r.current&&s(window.innerHeight-r.current.getBoundingClientRect().top-40-window.scrollY)};return windowUpdate(),window.addEventListener("resize",windowUpdate,!1),function(){window.removeEventListener("resize",windowUpdate,!1)}},[]);var c=(0,l._)((0,d.useState)(!1),2),a=c[0],h=c[1],m=(0,l._)((0,d.useState)(null),2),p=m[0],_=m[1],g=(0,d.useMemo)(function(){var e=!n||p&&p.clientHeight<=300;return(0,u.jsxs)("div",{ref:r,className:I().description,children:[(0,u.jsx)("div",{className:T()(I().truncOuter,(0,O._)({},I().isTrunc,!e&&!a)),children:(0,u.jsx)("div",{ref:function(e){return _(e)},children:(0,u.jsx)("div",{className:I().content,dangerouslySetInnerHTML:{__html:t}})})}),!e&&(0,u.jsx)(v.Z,{className:I().moreLink,color:"primary",variant:"outlined",onClick:function(){return h(!a)},children:a?"Скрыть":"Подробнее"})]})},[n,p,a,t]);return n?g:(0,u.jsx)(k.Z,{style:{maxHeight:o,minHeight:200},autoHide:!1,children:g})},M=n(65320),U=n(54109),z=n(11010),H=n(72253),F=n(14932),G=n(97582),V=n(67720),Y=n(19027),q=n(97762),W=n(27955),J=n.n(W),X=n(7654),$=n.n(X),K=n(5152),Q=n.n(K),ee=n(54408),et=n(57189),en=n.n(et),er=n(11163),ei=Q()(function(){return n.e(261).then(n.bind(n,19261))},{loadableGenerated:{webpack:function(){return[19261]}},ssr:!1}),blog_PostContentBlock=function(e){var t=e.contentPost,r=e.title,i=e.divider,o=void 0===i||i,s=(0,er.useRouter)().asPath;return(0,d.useEffect)(function(){(0,z._)(function(){return(0,G.Jh)(this,function(e){switch(e.label){case 0:return[4,n.e(213).then(n.t.bind(n,92213,23))];case 1:return e.sent(),refreshFsLightbox(),[2]}})})()},[s]),(0,u.jsxs)(ee.Z,{padding:!0,className:en().content,children:[(0,u.jsx)(Y.wZ,{transform:function(e){var t=e.getAttribute("src");if("img"===e.tagName&&t){var n=e.getAttribute("alt"),r=e.getAttribute("width"),i=e.getAttribute("height"),o=e.parentNode,s=o.getAttribute("href"),modValue=function(e){return $()(parseInt(e,10))?e:parseInt(e,10)},c=(0,u.jsx)(C(),(0,F._)((0,H._)({src:t,width:r&&parseInt(r,10)||0,height:i&&parseInt(i,10)||0,alt:null!=n?n:"",sizes:"100vw",className:en().img,priority:!0}

1,(0,S._)(e.attributes).filter(function(e){return"src"!==e.name}).length<1?{}:(0,H._)({},(0,S._)(e.attributes).filter(function(e){return"src"!==e.name}).reduce(function(e,t,n){var r=t.name,i=t.value;return(0,F._)((0,H._)({},1===n?(0,O._)({},e.name,modValue(e.value)):e),(0,O._)({},r,modValue(i)))}))),{style:{width:r&&i?void 0:"auto",height:r&&i?void 0:"auto"}}));if(!s)return c;var a=q.renderToStaticMarkup(c).matchAll(/\ssrc="(.*?)"/g),l=(0,S._)(a)[0];if(!l)return c;var d=s===t&&J()(l[1]);return d&&o.setAttribute("href",d),o.setAttribute("data-fslightbox",""),c}},content:t,allowAttributes:!0}),(0,u.jsx)(ei,{title:r}),(0,u.jsx)(V.Z,{classes:{root:T()(en().divider,(0,O._)({},en().hide,!o))},orientation:"horizontal"})]})},eo=n(47522),es=n.n(eo),blog_ReadAlsoPosts=function(e){var t=e.posts,n=(0,d.useMemo)(function(){return t.items.map(function(e){var t=e.id,n=e.sections,r=e.previewText,i=e.createdAt,o=e.alias,s=e.name,c=e.imageUrl,a=n.filter(function(e){return!P()(e)}).map(function(e){var t=e.tag;return{name:t.name,alias:t.alias}});return(0,u.jsx)(A.ZP,{tags:a,label:s,content:r||"",img:c,date:i,postAlias:o,timeForReading:5,alt:s},t)})},[t]);return(0,u.jsx)("noindex",{children:(0,u.jsxs)(ee.Z,{padding:!0,className:es().wrap,children:[(0,u.jsx)("div",{className:es().title,children:"Читайте также"}),(0,u.jsx)(m.ZP,{container:!0,spacing:3,children:n})]})})},ec=n(15536),ea=n(1292),el=n.n(ea);let eu=["title","titleId"];function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}let ed=(0,d.forwardRef)((e,t)=>{let{title:n,titleId:l}=e,u=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(e,eu);return d.createElement("svg",_extends({width:16,height:10,viewBox:"0 0 16 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":l},u),n?d.createElement("title",{id:l},n):null,r||(r=d.createElement("line",{y1:.419971,x2:13.2001,y2:.419971,stroke:"#292D3D",strokeWidth:.6})),i||(i=d.createElement("rect",{width:.720007,height:.720007,transform:"matrix(1 0 0 -1 14.4001 0.719971)",fill:"#292D3D"})),o||(o=d.createElement("line",{y1:4.85991,x2:13.2001,y2:4.85991,stroke:"#292D3D",strokeWidth:.6})),s||(s=d.createElement("rect",{width:.720007,height:.720007,transform:"matrix(1 0 0 -1 14.4001 5.15991)",fill:"#292D3D"})),c||(c=d.createElement("line",{y1:9.29985,x2:13.2001,y2:9.29985,stroke:"#292D3D",strokeWidth:.6})),a||(a=d.createElement("rect",{width:.720007,height:.720007,transform:"matrix(1 0 0 -1 14.4001 9.59985)",fill:"#292D3D"})))});n.p;var ef=n(41715),eh=n(82470),blog_Post=function(e){var t,n,r=e.post.data,i=e.readAlsoPosts.data,o=(0,f.Z)(function(e){return e.breakpoints.down("md")}),s=(0,d.useMemo)(function(){return o?120:80},[o]),c=(0,d.useRef)(null),a=((null==r?void 0:r.detailText)||"").replace(/(<h\d.*?>)(.*?)(<\/h\d>)/gi,function(e,t,n){return'<a class="headerAnchor" style="position: relative; top: -'.concat(s,'px" name="').concat(replaceAnchorName(w()(b()(n))),'"></a>').concat(e)}),g=(0,l._)((0,d.useState)(""),2),x=g[0],j=g[1],E=(0,l._)((0,d.useState)(!1),2),S=E[0],k=E[1],L=(0,l._)((0,d.useState)(!1),2),D=L[0],O=L[1],R=(0,l._)((0,d.useState)(!1),2),T=R[0],B=R[1];(0,d.useEffect)(function(){if(o){var e=(0,h.Z)(function(){if(c.current){var e=c.current.querySelectorAll("h1,h2,h3,h4,h5"),t=!1;e.forEach(function(n,r){var i,o,c=n.getBoundingClientRect().top,a=(null===(i=e[r])||void 0===i?void 0:i.getBoundingClientRect().top)||0;c-s-1<0&&a>0&&!t&&(t=!0,j((null===(o=n.previousElementSibling)||void 0===o?void 0:o.getAttribute("name"))||""))})}},300),t=window.scrollY,scrollEvent2=function(){c.current&&T&&(t<window.scrollY?k(!0):k(!1),t=window.scrollY,c.current.getBoundingClientRect().top<0?O(!0):O(!1))},touchedStart=function(){return B(!0)},touchedEnd=function(){return B(!1)};return window.addEventListener("scroll",e,!1),window.addEventListener("scroll",scrollEvent2,!1),window.addEventListener("touchstart",touchedStart,!1),window.addEventListener("touchend",touchedEnd,!1),function(){window.removeEventListener("scroll",e,!1),window.removeEventListener("scroll",scrollEvent2,!1),window.removeEventListener("touchstart",touchedStart,!1),window.removeEventListener("touchend",touchedEnd,!1)}}},[s,o,T]);var I=(0,d.useMemo)(function(){return new Date(r.createdAt)},[r]),z=(0,d.useMemo)(function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(A.$G,{tags:(null==r?void 0:r.sections.filter(function(e){return!P()(e)})).map(function(e){return e.tag})||[],isLight:!0}),(0,u.jsx)(A.qp,{date:I,timeForReading:5,isLight:!0,props:{className:el().time}})]})},[I,r]),H=(0,l._)((0,d.useState)(!1),2),F=H[0],G=H[1],V=(0,d.useMemo)(function(){return r.imageUrl&&(0,u.jsx)(C(),{src:r.imageUrl,alt:r.name,width:0,height:0,sizes:"100vw",className:el().img,priority:!0})},[r]),Y=(0,d.useMemo)(function(){return(0,u.jsx)(m.ZP,{item:!0,children:(0,u.jsxs)(m.ZP,{container:!0,direction:"column",spacing:4,children:[V&&!o&&(0,u.jsx)(m.ZP,{item:!0,xs:!0,children:V}),r.detailText&&(0,u.jsx)(m.ZP,{item:!0,xs:!0,children:(0,u.jsx)(blog_PostContents,{contentsOpen:F,setContentsOpen:G,contentPost:r.detailText,contentRef:c,selectedContentsElement:x,scrollToBottom:S})})]})})},[V,o,r,F,x,S]),q=(0,d.useMemo)(function(){return(0,u.jsxs)(N.Z,{title:r.name,overtitle:z,right:!o&&Y,isDivider:!0,isNotFixSize:!0,noWrap:!0,paddingBottom:!0,children:[V&&o&&(0,u.jsxs)(u.Fragment,{children:[V,(0,u.jsx)("br",{}),(0,u.jsx)("br",{})]}),(0,u.jsx)(blog_PostDescription,{descriptionPost:r.previewText||""})]})},[r,z,o,Y,V]),W=r.metaTitle||"Актуальные кейсы и статьи от shopstat.ru",J=r.metaDescription||"Актуальные кейсы и статьи от shopstat.ru",X="".concat(ef.Z.SITE_URL).concat(eh.Z.APP_BLOG_POST.replace(":tag",String(null===(t=r.sections[0])||void 0===t?void 0:t.tag.alias)).replace(":alias",String(r.alias)).replace("undefined/",""));return(0,u.jsxs)(M.Z,{seoTitle:W,seoDescription:J,seoUrl:X,header:q,headerFullHeightDisabled:!0,breadcrumbs:(0,u.jsx)(U.Z,{title:r.name,tag:null===(n=r.sections[0])||void 0===n?void 0:n.tag,fromBlog:!0}),children:[(0,u.jsx)(y.dX,{useAppDir:!1,url:X,title:W,description:J,type:"NewsArticle",authorName:"Автор сайта Аркадий Анисимов - эксперт в области интернет-маркетинга",datePublished:r.createdAt,dateModified:r.createdAt,images:[r.localSrc&&"".concat(ef.Z.SITE_URL).concat(r.localSrc)||""]}),(0,u.jsxs)(m.ZP,{container:!0,direction:"column",children:[(0,u.jsxs)(m.ZP,{item:!0,xs:!0,style:{backgroundColor:"white"},children:[(0,u.jsxs)("div",{ref:c,children:[o&&(0,u.jsx)(Z.Z,{offsetTop:60,style:{zIndex:1},children:(0,u.jsx)(p.Z,{direction:"down",in:!D||!S,container:c.current,children:(0,u.jsx)("div",{className:el().outer,children:(0,u.jsx)(v.Z,{className:el().buttonContents,fullWidth:!0,onClick:function(){return G(!0)},children:(0,u.jsxs)(m.ZP,{item:!0,container:!0,spacing:2,wrap:"nowrap",alignItems:"center",justifyContent:"center",children:[(0,u.jsx)(m.ZP,{item:!0,children:(0,u.jsx)(ed,{})}),(0,u.jsx)(m.ZP,{item:!0,children:"Содержание"})]})})})})}

1),(0,u.jsx)(_.Z,{anchor:"bottom",open:F,onOpen:function(){return G(!0)},disableSwipeToOpen:!0,onClose:function(){return G(!1)},classes:{paper:el().paper},onClick:function(){return G(!1)},children:(0,u.jsx)("div",{className:el().paperInner,children:Y})}),(0,u.jsx)(blog_PostContentBlock,{title:r.name,contentPost:a,divider:i.total>0})]}),i.total>0&&(0,u.jsx)(blog_ReadAlsoPosts,{posts:i})]}),(0,u.jsx)(ec.Z,{isLightIcon:!0,hideScrollFromLg:!0})]})]})}},1292:function(e){e.exports={bold:"Post_bold__9rVFN",container:"Post_container__uftI4",img:"Post_img__j544n",time:"Post_time__RxzOl",outer:"Post_outer__R9eNe",buttonContents:"Post_buttonContents__03gDO",paper:"Post_paper__f721J",paperInner:"Post_paperInner__dGhmC"}},57189:function(e){e.exports={content:"PostContentBlock_content__u9G_o",img:"PostContentBlock_img__IcX6v",divider:"PostContentBlock_divider__p4bAe",hide:"PostContentBlock_hide__oImH5",wrap:"PostContentBlock_wrap__ywO3z"}},40328:function(e){e.exports={contents:"PostContents_contents__Vagfd",active:"PostContents_active__zJ4Yw"}},79912:function(e){e.exports={description:"PostDescription_description__A097a",moreLink:"PostDescription_moreLink__86oGr",truncOuter:"PostDescription_truncOuter__xJcvT",isTrunc:"PostDescription_isTrunc__kbG0O"}},47522:function(e){e.exports={wrap:"ReadAlsoPosts_wrap__VLLTg",title:"ReadAlsoPosts_title__ufXiF"}},22868:function(){},14777:function(){},99830:function(){},70209:function(){}}]);