profinansy-ui-lib 3.6.94 → 3.6.96

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

@@ -2351,6 +2351,7 @@
   border: 1.5px solid
     ${e=>e.isActive?`${e.theme.stroke.accent}`:"transparent"};
   padding: 10px 8px 8px 8px;
+  max-height: 73px;
   display: flex;
   flex-direction: column;
   cursor: pointer;
@@ -4529,7 +4530,7 @@
     right: 0;
     top: -48px;
   }
-`},21673: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.Modal=t.MODAL_ROOT_ELEMENT_ID=void 0;const u=i(n(8156)),s=i(n(88105)),l=n(37033),c=n(23848),d=o(n(44230)),f=o(n(94184)),m=n(11608),p=n(91197),h=n(41899),g=n(67340);t.MODAL_ROOT_ELEMENT_ID="react-modals",t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,l.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?u.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({onClose:e,children:n,title:r,subtitle:a,showCloseButton:i=!0,styleContent:o,styleContentInside:v,classNameWrapper:b,styleBackground:y,styleWrapper:w,classNameBackground:M,classNameContent:_,className:k,classNameHeader:x,animation:P,disableClosing:O=!1,titlePosition:E="left",isOverflowAuto:j=!1,rightContent:S,bottomContent:D,adaptiveRightContent:C,maxWidth:T,containerId:W=t.MODAL_ROOT_ELEMENT_ID,open:I})=>{const[Z,L]=(0,u.useState)(0),H=(0,u.useRef)(null),A=()=>{O||N()};(0,u.useEffect)((()=>{if(!I||!H.current||!D)return;const e=()=>{H.current?L(H.current.clientHeight):L(0)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[H.current,D,I]);const N=()=>{e&&e()};(0,l.useControlsForModal)(A);const{isExistStack:F}=(0,g.useOverlayModal)(),{mode:z}=(0,p.useMode)();return u.default.createElement(c.Portal,{id:W},u.default.createElement(m.ThemeProvider,{theme:h.palette[z]},u.default.createElement(s.Wrapper,{className:(0,f.default)(b,"modal-wrapper",k),$open:P,style:w,isOverflowAuto:j},!F&&u.default.createElement(s.Layout,{className:M,onClick:A,style:y}),u.default.createElement(s.ContentWrapper,null,u.default.createElement(s.Content,{isOverflowAuto:j,maxWidth:T,$open:P,showCloseButton:i,className:(0,f.default)(_,"modal-content"),style:o},i&&u.default.createElement(s.CloseButton,{onClick:e},u.default.createElement(d.default,{className:"modal-closeBtn"})),u.default.createElement(s.ContentInside,{bottomHeight:Z,isOverflowAuto:j,style:v,className:"modal-contentInside"},!!r&&u.default.createElement(s.Header,{className:(0,f.default)(x,"modal-header")},u.default.createElement(s.FirstLineHeader,{adaptiveRightContent:C},u.default.createElement(s.Title,{titlePosition:E,tag:"h5",variant:"header5-Bold"},r),S||null),!!a&&u.default.createElement(s.Subtitle,{tag:"span",variant:"text-Regular"},a)),n),D&&u.default.createElement(s.BottomContent,{ref:H},D))))))}},66298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(21673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},67340:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useOverlayModal=void 0;const r=n(8156),a=n(21673);t.useOverlayModal=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=document.getElementById(a.MODAL_ROOT_ELEMENT_ID);if(!e)return;const n=e.children[e.children.length-1];if(!n)return;const r=Array.from(n.children).filter((e=>e instanceof HTMLDivElement)),i=r[r.length-1];return t(!0),i.style.display="none",()=>{i&&(i.style.display="flex")}}),[]),{isExistStack:e}}},51417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(11608)),i=n(62998),o=a.default.div`
+`},21673: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.Modal=t.MODAL_ROOT_ELEMENT_ID=void 0;const u=i(n(8156)),s=i(n(88105)),l=n(37033),c=n(23848),d=o(n(44230)),f=o(n(94184)),m=n(11608),p=n(91197),h=n(41899),g=n(67340);t.MODAL_ROOT_ELEMENT_ID="react-modals",t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,l.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?u.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({onClose:e,children:n,title:r,subtitle:a,showCloseButton:i=!0,styleContent:o,styleContentInside:v,classNameWrapper:b,styleBackground:y,styleWrapper:w,classNameBackground:M,classNameContent:_,className:k,classNameHeader:x,animation:P,disableClosing:O=!1,titlePosition:E="left",isOverflowAuto:j=!1,rightContent:S,bottomContent:D,adaptiveRightContent:C,maxWidth:T,containerId:W=t.MODAL_ROOT_ELEMENT_ID,open:I})=>{const[Z,L]=(0,u.useState)(0),H=(0,u.useRef)(null),A=()=>{O||N()};(0,u.useEffect)((()=>{if(!I||!H.current||!D)return;const e=new ResizeObserver((()=>{L(H.current.clientHeight)}));return e.observe(H.current),()=>{e.disconnect()}}),[H.current,D,I]);const N=()=>{e&&e()};(0,l.useControlsForModal)(A);const{isExistStack:F}=(0,g.useOverlayModal)(),{mode:z}=(0,p.useMode)();return u.default.createElement(c.Portal,{id:W},u.default.createElement(m.ThemeProvider,{theme:h.palette[z]},u.default.createElement(s.Wrapper,{className:(0,f.default)(b,"modal-wrapper",k),$open:P,style:w,isOverflowAuto:j},!F&&u.default.createElement(s.Layout,{className:M,onClick:A,style:y}),u.default.createElement(s.ContentWrapper,null,u.default.createElement(s.Content,{isOverflowAuto:j,maxWidth:T,$open:P,showCloseButton:i,className:(0,f.default)(_,"modal-content"),style:o},i&&u.default.createElement(s.CloseButton,{onClick:e},u.default.createElement(d.default,{className:"modal-closeBtn"})),u.default.createElement(s.ContentInside,{bottomHeight:Z,isOverflowAuto:j,style:v,className:"modal-contentInside"},!!r&&u.default.createElement(s.Header,{className:(0,f.default)(x,"modal-header")},u.default.createElement(s.FirstLineHeader,{adaptiveRightContent:C},u.default.createElement(s.Title,{titlePosition:E,tag:"h5",variant:"header5-Bold"},r),S||null),!!a&&u.default.createElement(s.Subtitle,{tag:"span",variant:"text-Regular"},a)),n),D&&u.default.createElement(s.BottomContent,{ref:H},D))))))}},66298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(21673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},67340:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useOverlayModal=void 0;const r=n(8156),a=n(21673);t.useOverlayModal=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=document.getElementById(a.MODAL_ROOT_ELEMENT_ID);if(!e)return;const n=e.children[e.children.length-1];if(!n)return;const r=Array.from(n.children).filter((e=>e instanceof HTMLDivElement)),i=r[r.length-1];return t(!0),i.style.display="none",()=>{i&&(i.style.display="flex")}}),[]),{isExistStack:e}}},51417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(11608)),i=n(62998),o=a.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -4616,7 +4617,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 +4655,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;
@@ -4702,8 +4712,8 @@
 `;t.Link=p;const h=u.default.div`
   color: ${e=>e.theme.text.primary};
   font-weight: 400;
-  font-size: 14px;
-  line-height: 18px;
+  font-size: 12px;
+  line-height: 16px;
   margin-top: 8px;
   display: block;
   & span,
@@ -4711,6 +4721,10 @@
   div {
     color: ${e=>`${e.theme.text.primary} !important`};
   }
+  @media (max-width: ${d.MOBILE_WIDTH}px) {
+    font-size: 14px;
+    line-height: 18px;
+  }
 `;t.Description=h;const g=u.default.button`
   all: unset;
   display: block;
@@ -4775,7 +4789,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.96",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {