profinansy-ui-lib 3.6.94 → 3.6.95

package/dist/components/uikit/Popup/Popup.styled.d.ts

@@ -3,6 +3,7 @@ export declare const Tooltip: import("styled-components").StyledComponent<"div",
 }, never>;
 export declare const Trigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentMobile: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Close: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const Title: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;

package/dist/index.js

@@ -4616,7 +4616,7 @@
   }
 `;t.EyeCloseIconStyle=c;const d=a.default.div`
   max-width: 340px;
-`;t.Wrapper=d},57749:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;const u=i(n(8156)),s=n(79640),l=i(n(58109)),c=n(11608),d=n(91197),f=n(41899);t.PasswordInput=e=>{var{withIcon:t=!0}=e,n=o(e,["withIcon"]);const[r,a]=(0,u.useState)("password"),{mode:i}=(0,d.useMode)();return u.default.createElement(c.ThemeProvider,{theme:f.palette[i]},u.default.createElement(l.Container,null,u.default.createElement(s.Input,Object.assign({},n,{type:r})),t&&u.default.createElement("span",{onClick:()=>{a("password"!==r?"password":"text")}},"password"===r?u.default.createElement(l.EyeIconStyle,null):u.default.createElement(l.EyeCloseIconStyle,null))))}},57926:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;var r=n(57749);Object.defineProperty(t,"PasswordInput",{enumerable:!0,get:function(){return r.PasswordInput}})},65939:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TextHintOnMobile=t.Hint=t.Text=t.Ifram=t.IframeWrapper=t.Description=t.Link=t.PlayBtn=t.Content=t.Title=t.Close=t.Trigger=t.Tooltip=void 0;const u=i(n(11608)),s=n(62998),l=o(n(11482)),c=n(64542),d=n(40140);t.Tooltip=u.default.div`
+`;t.Wrapper=d},57749:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;const u=i(n(8156)),s=n(79640),l=i(n(58109)),c=n(11608),d=n(91197),f=n(41899);t.PasswordInput=e=>{var{withIcon:t=!0}=e,n=o(e,["withIcon"]);const[r,a]=(0,u.useState)("password"),{mode:i}=(0,d.useMode)();return u.default.createElement(c.ThemeProvider,{theme:f.palette[i]},u.default.createElement(l.Container,null,u.default.createElement(s.Input,Object.assign({},n,{type:r})),t&&u.default.createElement("span",{onClick:()=>{a("password"!==r?"password":"text")}},"password"===r?u.default.createElement(l.EyeIconStyle,null):u.default.createElement(l.EyeCloseIconStyle,null))))}},57926:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;var r=n(57749);Object.defineProperty(t,"PasswordInput",{enumerable:!0,get:function(){return r.PasswordInput}})},65939:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TextHintOnMobile=t.Hint=t.Text=t.Ifram=t.IframeWrapper=t.Description=t.Link=t.PlayBtn=t.Content=t.Title=t.Close=t.ContentMobile=t.Trigger=t.Tooltip=void 0;const u=i(n(11608)),s=n(62998),l=o(n(11482)),c=n(64542),d=n(40140);t.Tooltip=u.default.div`
   font-family: 'Manrope', sans-serif;
   box-sizing: border-box;
   width: 300px;
@@ -4654,7 +4654,16 @@
     margin: 0;
   }
   ${s.Scroll}
-`;t.Content=f,t.Close=u.default.div`
+`;t.Content=f,t.ContentMobile=u.default.div`
+  height: 100%;
+  position: relative;
+  & a {
+    color: ${e=>e.theme.text.accent};
+  }
+  & p {
+    margin: 0;
+  }
+`,t.Close=u.default.div`
   background: transparent;
   border: none;
   padding: 0;
@@ -4775,7 +4784,7 @@
   :hover {
     opacity: 0.8;
   }
-`;t.Hint=M},67896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const a=r(n(8156)),i=n(11608),o=n(41899),u=n(91197),s=n(44859),l=n(5733),c=n(40140),d=n(9986);t.Popup=e=>{const{mode:t}=(0,u.useMode)(),n=(0,l.useMediaQuery)(l.breakpoint.down(c.MOBILE_WIDTH));return a.default.createElement(i.ThemeProvider,{theme:o.palette[t]},n?a.default.createElement(d.PopupMobile,Object.assign({},e)):a.default.createElement(s.PopupDesktop,Object.assign({},e)))}},44859:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PopupDesktop=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const s=i(n(8156)),l=i(n(65939)),c=u(n(75603)),d=n(17153),f=n(11608),m=n(40140),p=n(65492),h=n(60098),g=n(66298),v=n(91197),b=n(41899),y=n(15135),w=n(62851),M=n(5733);function _({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,s.useState)(!1),[a,i]=(0,s.useState)(),[o,u]=(0,s.useState)(),l=(0,s.useRef)(null),c=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:l}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,s.useEffect)((()=>{if(c.middlewareData.arrow&&c.middlewareData.shift&&l.current){const{x:e,y:t}=c.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-c.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-c.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(l.current.style,r)}}),[c]);const f=c.context,m=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),p=(0,d.useClick)(f,{enabled:!t}),h=(0,d.useDismiss)(f),g=(0,d.useRole)(f),v=(0,d.useInteractions)([h,g,p,m]);return s.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:l,open:n,setOpen:r},v),c),{labelId:a,descriptionId:o,setLabelId:i,setDescriptionId:u})),[n,r,v,c,a,o,l])}t.usePopup=_;const k=s.default.createContext(null);t.PopupDesktop=e=>{var{content:n}=e,r=o(e,["content"]);const a=_(Object.assign({},r)),{mode:i}=(0,v.useMode)();return s.default.createElement(f.ThemeProvider,{theme:b.palette[i]},s.default.createElement(k.Provider,{value:a},s.default.createElement("div",{onClick:e=>{e.stopPropagation()}},s.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),s.default.createElement(t.PopupContent,{content:n}))))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,s.useContext)(k),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&s.default.isValidElement(t)?s.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):s.default.createElement(l.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?s.default.createElement(s.default.Fragment,null,s.default.createElement(l.Text,null,s.default.createElement(p.Typography,{variant:"caption2-SemiBold",tag:"span"},"Как это работает?")),s.default.createElement(l.TextHintOnMobile,null)):s.default.createElement(l.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,s.useState)(!1),r=(0,s.useContext)(k),{context:a,setLabelId:i,setDescriptionId:u}=r,f=o(r,["context","setLabelId","setDescriptionId"]),p=(0,d.useMergeRefs)([f.refs.setFloating]),_=(0,d.useId)(),x=(0,d.useId)(),[P,O,E,j]=null!=e?e:[],{mode:S}=(0,v.useMode)(),{link:D}=(0,w.useGetVideoLink)({videoLink:j}),C=(0,M.useMediaQuery)(M.breakpoint.down(m.MOBILE_WIDTH));(0,y.useIsomorphicLayoutEffect)((()=>(i(_),u(x),()=>{i(void 0),u(void 0)})),[_,x,i,u]);const T={padding:"0px",background:"transparent",maxWidth:"700px",maxHeight:C?"400px":"540px",width:"100%",height:"100%"},{styles:W}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?s.default.createElement(d.FloatingPortal,null,s.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},s.default.createElement("div",Object.assign({ref:p,style:Object.assign(Object.assign({zIndex:h.zIndex.zIndex8},f.floatingStyles),{outline:"none"}),"aria-labelledby":f.labelId,"aria-describedby":f.descriptionId},f.getFloatingProps()),s.default.createElement("div",{style:W},s.default.createElement(l.Tooltip,{mode:S},s.default.createElement(d.FloatingArrow,{ref:f.arrowRef,context:a,tipRadius:2,stroke:"light"===S?"#f0f0f0":b.palette[S].stroke.contrast,strokeWidth:1,fill:b.palette[S].background.field}),s.default.createElement(l.Content,null,s.default.createElement(l.Close,{role:"button",onClick:()=>f.setOpen(!1)},s.default.createElement(c.default,null)),s.default.createElement(l.Title,{id:_,dangerouslySetInnerHTML:{__html:P||""}}),!!j&&s.default.createElement(l.PlayBtn,{onClick:()=>n(!0)},s.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),s.default.createElement(l.Description,{id:x,dangerouslySetInnerHTML:{__html:O||""}}),E&&s.default.createElement(l.Link,{href:E,target:"_blank",rel:"noreferrer"},"Подробнее...")))),s.default.createElement(g.Modal,{open:t,styleContent:T,styleContentInside:{padding:"0px"},styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},s.default.createElement(l.IframeWrapper,null,s.default.createElement(l.Ifram,{src:D,allowFullScreen:!0})))))):null}},9986:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.PopupMobile=void 0;const o=i(n(8156)),u=i(n(65939)),s=n(62851),l=n(66298);t.PopupMobile=e=>{const{targetClass:t,targetElement:n,content:r}=e,[a,i]=(0,o.useState)(!1);return o.default.createElement(o.default.Fragment,null,o.default.createElement(c,{targetClass:t,targetElement:n,setIsOpen:i}),o.default.createElement(d,{content:r,isOpen:a,setIsOpen:i}))};const c=({targetElement:e,targetClass:t,setIsOpen:n})=>e&&o.default.isValidElement(e)?o.default.cloneElement(e,{onClick:()=>n(!0)}):o.default.createElement(u.Trigger,{className:t,onClick:()=>n(!0)},o.default.createElement(u.Hint,null)),d=({content:e,isOpen:t,setIsOpen:n})=>{const[r,a]=(0,o.useState)(!1),[i,c,d,f]=null!=e?e:[],{link:m}=(0,s.useGetVideoLink)({videoLink:f});return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.Modal,{open:t,onClose:()=>n(!1)},o.default.createElement(u.Content,null,o.default.createElement(u.Title,{dangerouslySetInnerHTML:{__html:i||""}}),!!f&&o.default.createElement(u.PlayBtn,{onClick:()=>a(!0)},o.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),o.default.createElement(u.Description,{dangerouslySetInnerHTML:{__html:c||""}}),d&&o.default.createElement(u.Link,{href:d,target:"_blank",rel:"noreferrer"},"Подробнее..."))),o.default.createElement(l.Modal,{open:r,styleContent:{padding:"0px",background:"transparent"},styleContentInside:{padding:"0px"},onClose:()=>{a(!1)}},o.default.createElement(u.IframeWrapper,null,o.default.createElement(u.Ifram,{src:m,allowFullScreen:!0}))))}},28911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(67896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},15135:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useIsomorphicLayoutEffect=void 0;const r=n(8156);t.useIsomorphicLayoutEffect="undefined"!=typeof window?r.useLayoutEffect:r.useEffect},97537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(73935),a=n(35171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},23848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(97537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},35171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=e?e.replace(/:/g,"\\:"):e,r=document.querySelector(`#${t}`),a=r||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return r||document.body.appendChild(a),n(a),()=>{n(null),a.childElementCount||a.remove()}}),[e]),t}},896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Text=t.NativeInput=t.Container=t.Element=void 0;const a=r(n(11608)),i=n(64542),o=n(65492);t.Element=a.default.span`
+`;t.Hint=M},67896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const a=r(n(8156)),i=n(11608),o=n(41899),u=n(91197),s=n(44859),l=n(5733),c=n(40140),d=n(9986);t.Popup=e=>{const{mode:t}=(0,u.useMode)(),n=(0,l.useMediaQuery)(l.breakpoint.down(c.MOBILE_WIDTH));return a.default.createElement(i.ThemeProvider,{theme:o.palette[t]},n?a.default.createElement(d.PopupMobile,Object.assign({},e)):a.default.createElement(s.PopupDesktop,Object.assign({},e)))}},44859:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PopupDesktop=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const s=i(n(8156)),l=i(n(65939)),c=u(n(75603)),d=n(17153),f=n(11608),m=n(40140),p=n(65492),h=n(60098),g=n(66298),v=n(91197),b=n(41899),y=n(15135),w=n(62851),M=n(5733);function _({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,s.useState)(!1),[a,i]=(0,s.useState)(),[o,u]=(0,s.useState)(),l=(0,s.useRef)(null),c=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:l}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,s.useEffect)((()=>{if(c.middlewareData.arrow&&c.middlewareData.shift&&l.current){const{x:e,y:t}=c.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-c.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-c.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(l.current.style,r)}}),[c]);const f=c.context,m=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),p=(0,d.useClick)(f,{enabled:!t}),h=(0,d.useDismiss)(f),g=(0,d.useRole)(f),v=(0,d.useInteractions)([h,g,p,m]);return s.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:l,open:n,setOpen:r},v),c),{labelId:a,descriptionId:o,setLabelId:i,setDescriptionId:u})),[n,r,v,c,a,o,l])}t.usePopup=_;const k=s.default.createContext(null);t.PopupDesktop=e=>{var{content:n}=e,r=o(e,["content"]);const a=_(Object.assign({},r)),{mode:i}=(0,v.useMode)();return s.default.createElement(f.ThemeProvider,{theme:b.palette[i]},s.default.createElement(k.Provider,{value:a},s.default.createElement("div",{onClick:e=>{e.stopPropagation()}},s.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),s.default.createElement(t.PopupContent,{content:n}))))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,s.useContext)(k),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&s.default.isValidElement(t)?s.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):s.default.createElement(l.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?s.default.createElement(s.default.Fragment,null,s.default.createElement(l.Text,null,s.default.createElement(p.Typography,{variant:"caption2-SemiBold",tag:"span"},"Как это работает?")),s.default.createElement(l.TextHintOnMobile,null)):s.default.createElement(l.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,s.useState)(!1),r=(0,s.useContext)(k),{context:a,setLabelId:i,setDescriptionId:u}=r,f=o(r,["context","setLabelId","setDescriptionId"]),p=(0,d.useMergeRefs)([f.refs.setFloating]),_=(0,d.useId)(),x=(0,d.useId)(),[P,O,E,j]=null!=e?e:[],{mode:S}=(0,v.useMode)(),{link:D}=(0,w.useGetVideoLink)({videoLink:j}),C=(0,M.useMediaQuery)(M.breakpoint.down(m.MOBILE_WIDTH));(0,y.useIsomorphicLayoutEffect)((()=>(i(_),u(x),()=>{i(void 0),u(void 0)})),[_,x,i,u]);const T={padding:"0px",background:"transparent",maxWidth:"700px",maxHeight:C?"400px":"540px",width:"100%",height:"100%"},{styles:W}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?s.default.createElement(d.FloatingPortal,null,s.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},s.default.createElement("div",Object.assign({ref:p,style:Object.assign(Object.assign({zIndex:h.zIndex.zIndex8},f.floatingStyles),{outline:"none"}),"aria-labelledby":f.labelId,"aria-describedby":f.descriptionId},f.getFloatingProps()),s.default.createElement("div",{style:W},s.default.createElement(l.Tooltip,{mode:S},s.default.createElement(d.FloatingArrow,{ref:f.arrowRef,context:a,tipRadius:2,stroke:"light"===S?"#f0f0f0":b.palette[S].stroke.contrast,strokeWidth:1,fill:b.palette[S].background.field}),s.default.createElement(l.Content,null,s.default.createElement(l.Close,{role:"button",onClick:()=>f.setOpen(!1)},s.default.createElement(c.default,null)),s.default.createElement(l.Title,{id:_,dangerouslySetInnerHTML:{__html:P||""}}),!!j&&s.default.createElement(l.PlayBtn,{onClick:()=>n(!0)},s.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),s.default.createElement(l.Description,{id:x,dangerouslySetInnerHTML:{__html:O||""}}),E&&s.default.createElement(l.Link,{href:E,target:"_blank",rel:"noreferrer"},"Подробнее...")))),s.default.createElement(g.Modal,{open:t,styleContent:T,styleContentInside:{padding:"0px"},styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},s.default.createElement(l.IframeWrapper,null,s.default.createElement(l.Ifram,{src:D,allowFullScreen:!0})))))):null}},9986:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.PopupMobile=void 0;const o=i(n(8156)),u=i(n(65939)),s=n(62851),l=n(66298);t.PopupMobile=e=>{const{targetClass:t,targetElement:n,content:r}=e,[a,i]=(0,o.useState)(!1);return o.default.createElement(o.default.Fragment,null,o.default.createElement(c,{targetClass:t,targetElement:n,setIsOpen:i}),o.default.createElement(d,{content:r,isOpen:a,setIsOpen:i}))};const c=({targetElement:e,targetClass:t,setIsOpen:n})=>e&&o.default.isValidElement(e)?o.default.cloneElement(e,{onClick:()=>n(!0)}):o.default.createElement(u.Trigger,{className:t,onClick:()=>n(!0)},o.default.createElement(u.Hint,null)),d=({content:e,isOpen:t,setIsOpen:n})=>{const[r,a]=(0,o.useState)(!1),[i,c,d,f]=null!=e?e:[],{link:m}=(0,s.useGetVideoLink)({videoLink:f});return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.Modal,{open:t,onClose:()=>n(!1)},o.default.createElement(u.ContentMobile,null,o.default.createElement(u.Title,{dangerouslySetInnerHTML:{__html:i||""}}),!!f&&o.default.createElement(u.PlayBtn,{onClick:()=>a(!0)},o.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),o.default.createElement(u.Description,{dangerouslySetInnerHTML:{__html:c||""}}),d&&o.default.createElement(u.Link,{href:d,target:"_blank",rel:"noreferrer"},"Подробнее..."))),o.default.createElement(l.Modal,{open:r,styleContent:{padding:"0px",background:"transparent"},styleContentInside:{padding:"0px"},onClose:()=>{a(!1)}},o.default.createElement(u.IframeWrapper,null,o.default.createElement(u.Ifram,{src:m,allowFullScreen:!0}))))}},28911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(67896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},15135:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useIsomorphicLayoutEffect=void 0;const r=n(8156);t.useIsomorphicLayoutEffect="undefined"!=typeof window?r.useLayoutEffect:r.useEffect},97537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(73935),a=n(35171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},23848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(97537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},35171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=e?e.replace(/:/g,"\\:"):e,r=document.querySelector(`#${t}`),a=r||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return r||document.body.appendChild(a),n(a),()=>{n(null),a.childElementCount||a.remove()}}),[e]),t}},896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Text=t.NativeInput=t.Container=t.Element=void 0;const a=r(n(11608)),i=n(64542),o=n(65492);t.Element=a.default.span`
   position: relative;
   top: 0;
   left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.6.94",
+  "version": "3.6.95",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {