https://edakovv.ru/static/resources/PromoDashboardWidget/promoTape…?x_module=232e916eb572e9781a399a7f1c112e06

1define("PromoDashboardWidget/promoTape",["react/jsx-runtime","react","i18n!PromoDashboardWidget-meta","UI/Adaptive","Types/collection","PromoWidget/view","PromoWidget/const","PromoWidget/baseTape","PromoDashboardWidget/func","PromoDashboardWidget/const","Frame-DataEnv/dataLoader","Env/Env","EngineUser/Info","Dashboard/new/dashboard","Controls/skeleton","Controls/scroll","Controls/Store","Controls-Templates/itemTemplates","Controls-Lists/treeTile","Controls-DataEnv/context","require","exports","css!PromoDashboardWidget/_view/Style"],(function(e,t,i,o,l,n,r,s,d,u,a,c,v,m,g,f,h,I,p,S,w,C){var D,T,E,b,y,O,R;return Object.defineProperty(C,"__esModule",{value:!0}),D=function(e,t,i){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.openChoosePanel=t.getFilterUserItems=t.getSpIds=void 0,t.getSpIds=async function(e,t){const o=[];if(e){const l=(await i.AD_OBJECT_SERVICE.call("ReadByExtIdType",{ExtIds:[e],Types:[4],ReqClient:!0,...t&&{ExtraSettings:["AdWidget"]}})).getAll();if(l.getCount())l.forEach((e=>o.push(e.get("@AdObject"))))}return o},t.getFilterUserItems=function(e,t=[]){return{Type:[31,50],SalesPointSimple:t,ImgUrls:500,WidgetPlace:e,ExtraSettings:["Title","Description","ImageLink","Url","GraphColor","BuildSettings"]}},t.openChoosePanel=async function(t,i={}){const{placeId:o,placeType:l,selectedKeys:n,onResult:r,opener:s}=t,{Opener:d}=await new Promise(((t,i)=>{e(["SabyPage/pageOpener"],t,i)}));(new d).open({pageId:"mrk-places-selector",opener:s,preloadOptions:{keys:n,isNotWebinar:!0,fromWidget:!0,placeType:l,placeId:o},popupConfig:{width:"d",modal:!0,closeOnOutsideClick:!1,hasDefaultStackTemplate:!1,...i},useNewContext:!0,eventHandlers:{onResult:r}})},t}(w,{},u),T=function(e,t,i,o,l,n,r,s,d,u,a,c){"use strict";function v({items:e,scrollTimeout:t=I,itemsComposition:s=0,horizontalScrollMode:d=f,tileWidth:a=m,isStatsEnabled:v=h,tileHeight:w=g,EstUUID:C=p,roundBorderValue:D=S,cachedItemImage:T=!1,shouldCompressImage:E=!1,onScrollChange:b,onItemClick:y},O){var R;const{height:_,layout:P}=(0,r.useContext)(n.BaseContext),W=(0,r.useRef)(O),A=(0,r.useRef)(null),[H,L]=(0,r.useState)(0),[M,k]=(0,r.useState)(!!t),N=(0,u.useSlice)("adObjects"),V=(null==N?void 0:N.state.items)||new c.RecordSet,j=2===s||3===s,x=j?o.SCROLL_DIRECTION.VERTICAL:o.SCROLL_DIRECTION.HORIZONTAL,B=(0,r.useMemo)((()=>({width:a,height:w||_})),[a,w,_]),z=(0,u.useSlice)("promoItem");(0,n.useStatsCollector)(v,V,C);const U=(0,r.useCallback)((()=>{var e,t,i,o,l,n;const r=Math.ceil(j?B.height:B.width)+8,s=Math.ceil(j?W.current.getScrollTop():W.current.getScrollLeft())+r,d=s%r;if(s+r>Math.ceil(null!==(n=j?null!==(i=null===(t=null===(e=W.current)||void 0===e?void 0:e._scrollModel)||void 0===t?void 0:t._scrollHeight)&&void 0!==i?i:0:null===(l=null===(o=W.current)||void 0===o?void 0:o._scrollModel)||void 0===l?void 0:l._scrollWidth)&&void 0!==n?n:0)+8||0!==d&&d+1<r)return 0;else return s}),[j,B]),F=(0,r.useCallback)((()=>{k(!1)}),[]),G=(0,r.useCallback)((()=>{k(!!t)}),[t]),q=null===(R=null==A?void 0:A.current)||void 0===R?void 0:R.querySelector(".controls-Scroll-Container");(0,r.useEffect)((()=>{if(!(null==W?void 0:W.current)||!q)return;const e=e=>{const t=e.target.closest('[data-qa="controls_Scroll__ArrowButton_direction_prev"],[data-qa="controls_Scroll__ArrowButton_direction_next"]');if(!t)return;e.preventDefault(),e.stopPropagation();const i="controls_Scroll__ArrowButton_direction_next"===t.getAttribute("data-qa")?1:-1,o=Math.ceil(j?B.height:B.width)+8,l=Math.ceil(j?W.current.getScrollTop():W.current.getScrollLeft())+i*o;W.current.scrollTo(l,x,!0)};return null==q||q.addEventListener("click",e),()=>{null==q||q.removeEventListener("click",e)}}),[B,x,j,W,q]),(0,r.useEffect)((()=>{if(!t)return;const i=e.getRawData(),o=e.getCount(),l=setInterval((()=>{if(M&&(null==W?void 0:W.current))W.current.scrollTo(U(),x,!0),L((e=>{var t;const l=e+1>o-1?0:e+1;return null==b||b(null===(t=i[l])||void 0===t?void 0:t.id),l}))}),1e3*t);return()=>clearInterval(l)}),[s,t,e,B,M]),(0,r.useEffect)((()=>{var e;if(null==z||z.setState({shouldCompressImage:E,cachedItemImage:T,layout:P,tileSize:B}),null==W?void 0:W.current)null===(e=W.current)||void 0===e||e.scrollTo(0,x,!0)}),[P,B,z,E]);const Z=(0,r.useCallback)(((e,t)=>{const i=null==e?void 0:e.get("id");if(i)window.dispatchEvent(new CustomEvent("clickPromoItem",{detail:i}));if(y&&"function"==typeof y)y(e,t)}),[]);return(0,i.jsx)("div",{ref:A,children:(0,i.jsx)(o.Container,{ref:W,className:`tw-w-full tw-h-full controls_border-radius-${D}`,leftShadowVisibility:o.SHADOW_VISIBILITY.HIDDEN,rightShadowVisibility:o.SHADOW_VISIBILITY.HIDDEN,bottomShadowVisibility:o.SHADOW_VISIBILITY.HIDDEN,topShadowVisibility:o.SHADOW_VISIBILITY.HIDDEN,backgroundStyle:"nobg",smoothScrolling:!0,scrollbarVisible:!1,forceScrollbarVisible:!1,scrollOrientation:j?o.SCROLL_MODE.VERTICAL:o.SCROLL_MODE.HORIZONTAL,horizontalScrollMode:!j?d:null,verticalScrollMode:j?d:null,onMouseLeave:G,onMouseEnter:F,children:(0,i.jsx)(l.Component,{storeId:"promo",onItemClick:Z})})})}

1Object.defineProperty(t,"__esModule",{value:!0}),t.TileItem=void 0,t.TileItem=function(e){var t,o;const l=null===(t=(0,u.useSlice)("promoItem"))||void 0===t?void 0:t.state,{cachedItemImage:s,layout:a,tileSize:c,shouldCompressImage:v=!0}=l,m=(0,r.useMemo)((()=>({width:c.width,height:c.height,flexShrink:0})),[e.item,c]);return(0,i.jsx)(d.BaseItem,{...e,contentClassName:"controls_border-radius-l",actionsClassName:"promoTape-actions-template",style:m,children:(0,i.jsx)(n.WatermarkedItemContent,{item:null===(o=null==e?void 0:e.item)||void 0===o?void 0:o.contents,layout:a,cachedItemImage:s,shouldCompressImage:v})})};const m=400,g=200,f="buttons",h=!0,I=5,p=void 0,S="l";return t.default=(0,r.memo)((0,r.forwardRef)((function(e,t){var o;return(0,i.jsx)(n.BaseTape,{ref:t,className:e.className,layout:e.layout,height:e.height,preventLinks:e.preventLinks,titleFontSize:e.titleFontSize,descriptionFontSize:e.descriptionFontSize,disablePopUpView:e.disablePopUpView,widgetHeader:e.widgetHeader,isShowWidgetHeader:e.isShowWidgetHeader,useContainerHeight:e.useContainerHeight,useBackfield:e.useBackfield,isHidingAds:null===(o=e.features)||void 0===o?void 0:o[a.HIDING_ADS_FEATURE],children:(null==e?void 0:e.skeletonShow)?(0,i.jsx)(s.Base,{active:!0,className:"tw-flex tw-truncate tw-h-full tw-items-center tw-justify-center controls_border-radius-s"}):(0,i.jsx)(v,{EstUUID:e.EstUUID,items:e.items,horizontalScrollMode:e.horizontalScrollMode,tileWidth:e.tileWidth,tileHeight:e.tileHeight,itemsComposition:e.itemsComposition||0,scrollTimeout:e.scrollTimeout,isStatsEnabled:e.isStatsEnabled,roundBorderValue:e.roundBorderValue,shouldCompressImage:null==e?void 0:e.shouldCompressImage,cachedItemImage:e.cachedItemImage,onScrollChange:e.onScrollChange})})}))),t}(0,{},e,f,p,s,t,g,I,S,r,l),E=T,b=function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.layoutSelector=void 0;var o;!function(e){e[e.ONE=0]="ONE",e[e.HORIZONTAL=1]="HORIZONTAL",e[e.VERTICAL=2]="VERTICAL",e[e.GRID=3]="GRID"}(o||(o={}));return t.layoutSelector=function(e,t,l){const n=function(e,t,i){if(t<92)return"line";switch(i){case o.HORIZONTAL:return"vertical";case o.VERTICAL:case o.GRID:return"horizontal";default:if(e>484&&e>t)return"horizontal";if(e<=t)return"vertical";else return"vertical"}}(e,t,l),[r,s]=((e,t,l,n,r=!1)=>{if(r&&![o.VERTICAL,o.GRID].includes(l))return(0,i.getAspectSize)(n,e,t);switch(l){case o.HORIZONTAL:return[e/2.2,t];case o.VERTICAL:return[e,t/2.2];case o.GRID:return[(e-8)/2,(t-16)/2];default:return[e,t]}})(e,t,l,n);return{width:r,height:s,layout:n}},t}(0,{},n),y=function(e,t,i,o,l,n,r,s,d,u,a,c,v){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useWidgetPromoPlace=t.useWidgetArea=t.usePromoTapeSize=t.useReloadItemsData=void 0;return t.useReloadItemsData=function(e,t,o,l){var n;const a=(0,i.useSlice)("adObjects"),m=(null==e?void 0:e.placeType)||l,g="demo"===(0,r.useDataMode)()&&c.Info.isInit()&&3===c.Info.get("ИдентификаторКлиента")&&(!m||140===m),f=(0,u.useMemo)((()=>{var i,o,l,n,r,s,u,c,v,m,f,h,I,p,S,w,C;if(g||!(null===(i=null==a?void 0:a.state)||void 0===i?void 0:i.filter))return;const D=null!==(o=null==e?void 0:e.isAuto)&&void 0!==o?o:(null===(l=null==a?void 0:a.state)||void 0===l?void 0:l.filter)&&"AdWidgetPlace"in(null===(n=null==a?void 0:a.state)||void 0===n?void 0:n.filter),T=(null==e?void 0:e.identifier)||(null===(s=null===(r=null==a?void 0:a.state)||void 0===r?void 0:r.filter)||void 0===s?void 0:s.AdWidgetPlace)||(null===(c=null===(u=null==a?void 0:a.state)||void 0===u?void 0:u.filter)||void 0===c?void 0:c.AdWidget),E=D?"AdWidgetPlace":"AdWidget",b=!D?"AdWidgetPlace":"AdWidget";return null===(m=null===(v=null==a?void 0:a.state)||void 0===v?void 0:v.filter)||void 0===m||delete m[b],{...null===(f=null==a?void 0:a.state)||void 0===f?void 0:f.filter,Frequency:null!==(h=(0,d.getFrequency)(t))&&void 0!==h?h:null===(p=null===(I=null==a?void 0:a.state)||void 0===I?void 0:I.filter)||void 0===p?void 0:p.Frequency,RandomOrder:null!==(S=null==e?void 0:e.isRandom)&&void 0!==S?S:null===(C=null===(w=null==a?void 0:a.state)||void 0===w?void 0:w.filter)||void 0===C?void 0:C.RandomOrder,[E]:T}}),[null==e?void 0:e.isAuto,null==e?void 0:e.identifier,null==e?void 0:e.isRandom,null==t?void 0:t.Count,null==t?void 0:t.Interval]);return(0,u.useEffect)((()=>{const e=v.default.declareCommand(s.RELOAD_PROMO_ITEMS_BY_ACTION,(e=>{var t;if(null===(t=null==a?void 0:a.state.items)||void 0===t?void 0:t.getRecordById(e))return a.reload()}),!1);return()=>{v.default.unsubscribe(e)}}),[a]),(0,u.useEffect)((()=>

1{if(!(null==o?void 0:o.isDesignTime)&&!(null==o?void 0:o.demoMode))return;let e=!1;return async function(){if(!f)return;const t=await(0,d.getTapeData)(f);if(!e)a.setState({items:t.getCount()?t:(0,d.getEmptyData)(),filter:f})}(),()=>{e=!0}}),[null==e?void 0:e.ads,null==e?void 0:e.isAuto,null==e?void 0:e.isRandom,null==t?void 0:t.Count,null==t?void 0:t.Interval]),{items:g?(0,d.getEmptyData)():null===(n=null==a?void 0:a.state)||void 0===n?void 0:n.items}},t.usePromoTapeSize=function(e,t,i){return(0,u.useMemo)((()=>(0,n.layoutSelector)(e,t,i)),[e,t,i])},t.useWidgetArea=function(e){const t=(0,a.useAdaptiveMode)(),i=t.container.clientWidth.value-1,o=t.container.clientHeight.value;return(0,u.useMemo)((()=>({width:i,height:e?o:272})),[i,o,e])},t.useWidgetPromoPlace=function(e,t,i,n,s,a,v){const m="demo"===(0,r.useDataMode)()&&c.Info.isInit()&&3===c.Info.get("ИдентификаторКлиента")&&(!v||140===v);(0,u.useEffect)((()=>{(async()=>{try{if(n||!e||s||m)return;const o=await(0,l.getSpIds)(e,!0);if(!t||i||o.length)return;(0,d.bindSelectedWidgets)({ExtId:e,WidgetPlace:t})}catch(e){o.IoC.resolve("ILogger").error("Ошибка при создании виджета",e)}})()}),[])},t}(0,{},S,c,D,b,a,r,d,t,o,v,h),O=function(e,t,i,o,l,n,r,s,d,u,a,c){"use strict";function v(t){var l,n;const s=(0,r.useRef)(null),{widgetId:d,useLightweightCarousel:a,isAdaptive:c}=t.utilData,v=t.Layout||0,m=(0,o.useWidgetArea)(!!t.useContainerHeight),[g,f]=(0,r.useState)((()=>{if("undefined"!=typeof document&&d&&(null==t?void 0:t.isSimpleConstructor))try{const e=document.cookie.match(/s3-pww=([^;]+)/);if(e){return JSON.parse(decodeURIComponent(e[1]))[d]||null}}catch(e){u.IoC.resolve("ILogger").error("Ошибка чтения куки")}return null})),[h,I]=(0,r.useState)(!1),[p,S]=(0,r.useState)(null),w=(0,r.useCallback)((async()=>{try{if(a){const{PromoTileView:t}=await new Promise(((t,i)=>{e(["PromoDashboardWidget/promoTape"],t,i)}));return t}else{const{View:t}=await new Promise(((t,i)=>{e(["PromoWidget/tileReact"],t,i)}));return t}}catch(e){return console.error("Failed to load component:",e),null}}),[a]);(0,r.useEffect)((()=>{let e=!0;return w().then((t=>{if(e)S(t)})),()=>{e=!1}}),[w]),(0,r.useEffect)((()=>{I(!0)}),[]);const C=(0,r.useCallback)((()=>{if((null==s?void 0:s.current)&&h&&d){const e=s.current.offsetWidth;f(e);try{const t=document.cookie.match(/s3-pww=([^;]+)/),i=t?JSON.parse(decodeURIComponent(t[1])):{};i[d]=e;const o=new Date;o.setTime(o.getTime()+18e5),document.cookie=`s3-pww=${encodeURIComponent(JSON.stringify(i))};expires=${o.toUTCString()};path=/`}catch(e){u.IoC.resolve("ILogger").error("Ошибка сохранения ширины")}}}),[h]);(0,r.useLayoutEffect)((()=>{if(h)C()}),[h,C,d,p]),(0,r.useEffect)((()=>{if(h&&s.current)if("undefined"!=typeof ResizeObserver){const e=new ResizeObserver((()=>{requestAnimationFrame(C)}));return e.observe(s.current),()=>e.disconnect()}else return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[h,C]);const D=(0,o.usePromoTapeSize)((null==t?void 0:t.isSimpleConstructor)&&g?g:m.width,(null==t?void 0:t.isSimpleConstructor)?272:m.height,v),T=t.SlideButtons&&!c?"buttons":"scrollbar";return p?(0,i.jsx)(p,{ref:s,EstUUID:null===(l=t.AdvertObjects)||void 0===l?void 0:l.identifier,className:t.className,horizontalScrollMode:T,items:t.items,features:t.utilData.features,showHidingAds:t.ShowHidingAds,isRunTime:t.utilData.isRunTime,crmType:t.utilData.widgetPlace,height:m.height,isStatsEnabled:!(null===(n=null==t?void 0:t.isDemo)||void 0===n?void 0:n.isDesignTime),itemsComposition:v,scrollTimeout:t.Timeout,useBackfield:t.BackField,isShowWidgetHeader:t.IsShowWidgetHeader,shouldCompressImage:null==t?void 0:t.shouldCompressImage,widgetHeader:t.WidgetHeader,tileWidth:null==D?void 0:D.width,tileHeight:null==D?void 0:D.height,layout:null==D?void 0:D.layout,skeletonShow:(null==t?void 0:t.isSimpleConstructor)&&!g,useContainerHeight:t.useContainerHeight},String(v)+T):null}Object.defineProperty(t,"__esModule",{value:!0});return t.default=function(e){var t,r,u,m,g,f,h,I,p,S,w,C,D,T,E,b;const y=!(null===(t=null==e?void 0:e.isDemo)||void 0===t?void 0:t.isShopMode)&&(null===(r=null==e?void 0:e.utilData)||void 0===r?void 0:r.widgetPlace)===n.CrmType.SelfServiceKiosk,O=(0,o.useWidgetArea)(!!y),R="demo"===(0,a.useDataMode)()&&c.Info.isInit()&&3===c.Info.get("ИдентификаторКлиента")&&(140===(null===(u=null==e?void 0:e.utilData)||void 0===u?void 0:u.widgetPlace)||!(null===(m=null==e?void 0:e.utilData)||void 0===m?void 0:m.widgetPlace));(0,o.useWidgetPromoPlace)(null===(g=null==e?void 0:e.utilData)||void 0===g?void 0:g.widgetId,null===(f=null==e?void 0:e.utilData)||void 0===f?void 0:f.widgetPlaceId,e.WidgetHeader,null===(h=null==e?void 0:e.utilData)||void 0===h?void 0:h.isRunTime,null===(I=e.isDemo)||void 0===I?void 0:I.isShopMode,null===(p=e.isDemo)||void 0===p?void 0:p.isDesignTime,null===(S=null==e?void 0:e.utilData)||void 0===S?void 0:S.widgetPlace);const{items:_}=(0,o.useReloadItemsData)(e.AdvertObjects,e.Interval,e.isDemo,null===(w=null==e?void 0:e.utilData)||void 0===w?void 0:w.widgetPlace);return(null==_?void 0:_.getCount())&&(!(null===(C=null==e?void 0:e.utilData)||void 0===C?void 0:C.isHide)||R)?(0,i.jsx)("div",{className:"view-container",children:(0,i.jsx)(s.ItemLayout,{title:d("Реклама"),ContentRender:()=>(0,i.jsx)(v,{...e,items:_,useContainerHeight:y}),height:(null===(E=null===(T=null===(D=null==e?void 0:e.adObjects)||void 0===D?void 0:D.items)||void 0===T?void 0:T.getRawData())||void 0===E?void 0:E.length)?O.height||296:0,minHeight:l.MIN_WIDGET_HEIGHT,minWidth:l.MIN_WIDGET_WIDTH,headerVisible:!1,shadowVisible:!1,padding:l.WIDGET_PADDING,...e,heightMode:(null===(b=null==e?void 0:e.utilData)||void 0===b?void 0:b.isKiosk)||(null==e?void 0:e.isSimpleConstructor)||!e.WidgetHeader?void 0:"endlessScroll",colors:l.WIDGET_COLORS,width:O.width})}):null},t}(w,{},e,y,u,r,t,m,i,c,a,v),R=O,C.PromoTileView=C.TileItem=C.View=void 0,C.View=R.default,Object.defineProperty(C,"TileItem",{enumerable:!0,get:function(){return E.TileItem}}),Object.defineProperty(C,"PromoTileView",{enumerable:!0,get:function(){return E.default}}),C}));