profinansy-ui-lib 3.2.84 → 3.2.85

package/dist/components/blocks/CompanyInfo/CompanyInfo.typed.d.ts

@@ -10,6 +10,8 @@ export interface ICompanyInfo {
     secondLine?: string;
     /** Размер изображения. По умолчанию 28px */
     logoSize?: number;
+    /** Без логотипа. */
+    withoutLogo?: boolean;
     /** Формат сжатия изображения. */
     compressionImage?: ImageSize;
 }

package/dist/components/uikit/Dropdown/Dropdown.d.ts

@@ -25,9 +25,9 @@ export declare function useDrop({ placement, onOpenList }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/FilterButton/Drop/Drop.d.ts

@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/Hint/Hint.d.ts

@@ -26,9 +26,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

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

@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

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

@@ -1,4 +1,6 @@
-export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    mode: string;
+}, 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 Close: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Tooltip/Tooltip.d.ts

@@ -26,9 +26,9 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/index.js

@@ -3537,7 +3537,7 @@
   overflow: hidden;
 `,t.Right=a.default.div`
   overflow: hidden;
-`},9541: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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CompanyInfo=void 0;const u=l(n(8156)),c=o(n(8608)),s=n(45),d=n(5492),f=n(6821),p=n(4542);t.CompanyInfo=e=>{var{link:t}=e,n=i(e,["link"]);return t?u.default.createElement(c.ContainerLink,{href:t,target:"_blank",rel:"noreferrer"},u.default.createElement(h,Object.assign({},n))):u.default.createElement(c.Container,null,u.default.createElement(h,Object.assign({},n)))};const h=({firstLine:e,secondLine:t,logo:n,logoSize:r,compressionImage:a})=>u.default.createElement(u.default.Fragment,null,u.default.createElement(f.AvatarCompany,{ticker:e||t,logoSize:r,logo:n,compressionImage:a}),u.default.createElement(c.Right,null,!!e&&u.default.createElement(s.HiddenText,null,u.default.createElement(d.Typography,{tag:"span",variant:"caption-SemiBold",colorName:"primary",className:"companyInfo_firstLine",transition:`color 0.3s ${p.AnimationFunctions.animation_1}`},e)),!!t&&u.default.createElement(s.HiddenText,null,u.default.createElement(d.Typography,{tag:"span",variant:"tag-Medium11",colorName:"secondary"},t))))},8431:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompanyInfo=void 0;var r=n(9541);Object.defineProperty(t,"CompanyInfo",{enumerable:!0,get:function(){return r.CompanyInfo}})},8555: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.ButtonText=t.PremiumButton=t.Button=t.PremiumText=t.Text=t.Blur=t.Container=void 0;const a=r(n(1608)),o=n(4542);t.Container=a.default.div`
+`},9541: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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CompanyInfo=void 0;const u=l(n(8156)),c=o(n(8608)),s=n(45),d=n(5492),f=n(6821),p=n(4542);t.CompanyInfo=e=>{var{link:t}=e,n=i(e,["link"]);return t?u.default.createElement(c.ContainerLink,{href:t,target:"_blank",rel:"noreferrer"},u.default.createElement(h,Object.assign({},n))):u.default.createElement(c.Container,null,u.default.createElement(h,Object.assign({},n)))};const h=({firstLine:e,secondLine:t,logo:n,logoSize:r,compressionImage:a,withoutLogo:o})=>u.default.createElement(u.default.Fragment,null,!o&&u.default.createElement(f.AvatarCompany,{ticker:e||t,logoSize:r,logo:n,compressionImage:a}),u.default.createElement(c.Right,null,!!e&&u.default.createElement(s.HiddenText,null,u.default.createElement(d.Typography,{tag:"span",variant:"caption-SemiBold",colorName:"primary",className:"companyInfo_firstLine",transition:`color 0.3s ${p.AnimationFunctions.animation_1}`},e)),!!t&&u.default.createElement(s.HiddenText,null,u.default.createElement(d.Typography,{tag:"span",variant:"tag-Medium11",colorName:"secondary"},t))))},8431:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompanyInfo=void 0;var r=n(9541);Object.defineProperty(t,"CompanyInfo",{enumerable:!0,get:function(){return r.CompanyInfo}})},8555: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.ButtonText=t.PremiumButton=t.Button=t.PremiumText=t.Text=t.Blur=t.Container=void 0;const a=r(n(1608)),o=n(4542);t.Container=a.default.div`
   position: relative;
   width: 100%;
   padding: 6px 44px 6px 24px;
@@ -6563,7 +6563,7 @@
   }
 `;t.EyeCloseIconStyle=s;const d=a.default.div`
   max-width: 340px;
-`;t.Wrapper=d},7749: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}),o=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},i=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 l=o(n(8156)),u=n(9640),c=o(n(8109)),s=n(1608),d=n(1197),f=n(1899);t.PasswordInput=e=>{var{withIcon:t=!0}=e,n=i(e,["withIcon"]);const[r,a]=(0,l.useState)("password"),{mode:o}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[o]},l.default.createElement(c.Container,null,l.default.createElement(u.Input,Object.assign({},n,{type:r})),t&&l.default.createElement("span",{onClick:()=>{a("password"!==r?"password":"text")}},"password"===r?l.default.createElement(c.EyeIconStyle,null):l.default.createElement(c.EyeCloseIconStyle,null))))}},7926:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;var r=n(7749);Object.defineProperty(t,"PasswordInput",{enumerable:!0,get:function(){return r.PasswordInput}})},5939: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.Hint=t.Text=t.Ifram=t.Description=t.Link=t.PlayBtn=t.Content=t.Title=t.Close=t.Trigger=t.Tooltip=void 0;const a=r(n(1608)),o=n(1230),i=r(n(1482)),l=n(4542);t.Tooltip=a.default.div`
+`;t.Wrapper=d},7749: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}),o=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},i=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 l=o(n(8156)),u=n(9640),c=o(n(8109)),s=n(1608),d=n(1197),f=n(1899);t.PasswordInput=e=>{var{withIcon:t=!0}=e,n=i(e,["withIcon"]);const[r,a]=(0,l.useState)("password"),{mode:o}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[o]},l.default.createElement(c.Container,null,l.default.createElement(u.Input,Object.assign({},n,{type:r})),t&&l.default.createElement("span",{onClick:()=>{a("password"!==r?"password":"text")}},"password"===r?l.default.createElement(c.EyeIconStyle,null):l.default.createElement(c.EyeCloseIconStyle,null))))}},7926:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PasswordInput=void 0;var r=n(7749);Object.defineProperty(t,"PasswordInput",{enumerable:!0,get:function(){return r.PasswordInput}})},5939: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}),o=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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=t.Text=t.Ifram=t.Description=t.Link=t.PlayBtn=t.Content=t.Title=t.Close=t.Trigger=t.Tooltip=void 0;const l=o(n(1608)),u=n(1230),c=i(n(1482)),s=n(4542);t.Tooltip=l.default.div`
   font-family: 'Manrope', sans-serif;
   box-sizing: border-box;
   width: 300px;
@@ -6574,7 +6574,10 @@
   border-radius: 12px;
   box-shadow: ${e=>e.theme.shadow.overlay};
   z-index: 9999999;
-`,t.Trigger=a.default.button`
+  ${e=>"dark"===e.mode&&l.css`
+      border: 0.5px solid ${e=>e.theme.stroke.contrast};
+    `}
+`,t.Trigger=l.default.button`
   font-family: 'Manrope', sans-serif;
   padding: 0;
   border: none;
@@ -6584,7 +6587,7 @@
   align-items: center;
   width: fit-content;
   cursor: pointer;
-`;const u=a.default.div`
+`;const d=l.default.div`
   max-height: 340px;
   padding-right: 10px;
   height: 100%;
@@ -6597,8 +6600,8 @@
   & p {
     margin: 0;
   }
-  ${o.Scroll}
-`;t.Content=u,t.Close=a.default.button`
+  ${u.Scroll}
+`;t.Content=d,t.Close=l.default.button`
   background: transparent;
   border: none;
   padding: 0;
@@ -6610,9 +6613,9 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: transform 0.3s ${l.AnimationFunctions.animation_1};
+  transition: transform 0.3s ${s.AnimationFunctions.animation_1};
   & path {
-    transition: fill 0.3s ${l.AnimationFunctions.animation_1};
+    transition: fill 0.3s ${s.AnimationFunctions.animation_1};
     fill: ${e=>e.theme.icons.secondary};
   }
   &:hover {
@@ -6621,7 +6624,7 @@
       fill: ${e=>e.theme.icons.primary};
     }
   }
-`;const c=a.default.span`
+`;const f=l.default.span`
   font-weight: 500;
   color: ${e=>e.theme.text.primary};
   font-size: 14px;
@@ -6630,7 +6633,7 @@
   overflow: hidden;
   max-width: 100%;
   padding-right: 20px;
-`;t.Title=c;const s=a.default.a`
+`;t.Title=f;const p=l.default.a`
   font-size: 12px;
   color: ${e=>e.theme.text.accentSecondary};
   text-align: left;
@@ -6638,30 +6641,30 @@
   display: block;
   margin-top: 8px;
   text-decoration: none;
-  transition: ${()=>`color 0.3s ${l.AnimationFunctions.animation_1}`};
+  transition: ${()=>`color 0.3s ${s.AnimationFunctions.animation_1}`};
   &:hover {
     color: ${e=>e.theme.text.accent};
   }
-`;t.Link=s;const d=a.default.div`
+`;t.Link=p;const h=l.default.div`
   color: ${e=>e.theme.text.primary};
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
   margin-top: 8px;
   display: block;
-`;t.Description=d;const f=a.default.button`
+`;t.Description=h;const m=l.default.button`
   all: unset;
   cursor: pointer;
   margin-top: 8px;
-  transition: ${()=>`opacity 0.3s ${l.AnimationFunctions.animation_1}`};
+  transition: ${()=>`opacity 0.3s ${s.AnimationFunctions.animation_1}`};
   &:hover {
     opacity: 0.8;
   }
-`;t.PlayBtn=f;const p=a.default.iframe`
+`;t.PlayBtn=m;const v=l.default.iframe`
   border: none;
   width: 100%;
   height: 100%;
-`;t.Ifram=p;const h=a.default.div`
+`;t.Ifram=v;const g=l.default.div`
   padding: 2px 8px;
   display: flex;
   align-items: center;
@@ -6669,16 +6672,16 @@
   white-space: nowrap;
   background: ${e=>e.theme.background.accentSecondaryTint};
   color: ${e=>e.theme.interactiveButtons.outlineBrandText};
-  transition: ${()=>`opacity 0.3s ${l.AnimationFunctions.animation_1}`};
+  transition: ${()=>`opacity 0.3s ${s.AnimationFunctions.animation_1}`};
   :hover {
     opacity: 0.8;
   }
-`;t.Text=h;const m=(0,a.default)(i.default)`
-  transition: ${()=>`opacity 0.3s ${l.AnimationFunctions.animation_1}`};
+`;t.Text=g;const b=(0,l.default)(c.default)`
+  transition: ${()=>`opacity 0.3s ${s.AnimationFunctions.animation_1}`};
   :hover {
     opacity: 0.8;
   }
-`;t.Hint=m},7896: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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const u=o(n(8156)),c=o(n(5939)),s=l(n(5603)),d=n(5025),f=n(6298),p=n(2851),h=n(1608),m=n(1899),v=n(1197),g=n(550),b=n(5568),y=n(98),w=n(3738),x=n(5492);function _({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,u.useState)(!1),[a,o]=(0,u.useState)(),[i,l]=(0,u.useState)(),c=(0,u.useRef)(null),s=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:c}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,u.useEffect)((()=>{const e=()=>{s.refs.reference.current&&s.refs.reference.current.getBoundingClientRect().y<60&&r(!1)};return n&&window.addEventListener("scroll",(0,w.debounce)(e,300)),()=>window.removeEventListener("scroll",e)}),[n]),(0,u.useEffect)((()=>{if(s.middlewareData.arrow&&s.middlewareData.shift&&c.current){const{x:e,y:t}=s.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-s.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-s.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(c.current.style,r)}}),[s]);const f=s.context,p=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),h=(0,d.useClick)(f,{enabled:!t}),m=(0,d.useDismiss)(f),v=(0,d.useRole)(f),g=(0,d.useInteractions)([m,v,h,p]);return u.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:c,open:n,setOpen:r},g),s),{labelId:a,descriptionId:i,setLabelId:o,setDescriptionId:l})),[n,r,g,s,a,i,c])}t.usePopup=_;const O=u.default.createContext(null);t.Popup=e=>{var{content:n}=e,r=i(e,["content"]);const a=_(Object.assign({},r));return u.default.createElement(O.Provider,{value:a},u.default.createElement("span",{onClick:e=>e.stopPropagation()},u.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),u.default.createElement(t.PopupContent,{content:n})))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,u.useContext)(O),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&u.default.isValidElement(t)?u.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):u.default.createElement(c.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?u.default.createElement(c.Text,null,u.default.createElement(x.Typography,{variant:"caption2-SemiBold",tag:"span"},"Как это работает?")):u.default.createElement(c.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,u.useState)(!1),r=(0,u.useContext)(O),{context:a,setLabelId:o,setDescriptionId:l}=r,w=i(r,["context","setLabelId","setDescriptionId"]),x=(0,d.useMergeRefs)([w.refs.setFloating]),_=(0,d.useId)(),E=(0,d.useId)(),[M,k,P,S]=null!=e?e:[],{link:C}=(0,p.useGetVideoLink)({videoLink:S}),{xs:j}=(0,g.useBreakpoints)(),{mode:T}=(0,v.useMode)();(0,b.useIsomorphicLayoutEffect)((()=>(o(_),l(E),()=>{o(void 0),l(void 0)})),[_,E,o,l]);const D={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:j?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{styles:I}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?u.default.createElement(d.FloatingPortal,null,u.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},u.default.createElement("div",Object.assign({ref:x,style:Object.assign({zIndex:y.zIndex.zIndex8},w.floatingStyles),"aria-labelledby":w.labelId,"aria-describedby":w.descriptionId},w.getFloatingProps()),u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement("div",{style:I},u.default.createElement(c.Tooltip,null,u.default.createElement(d.FloatingArrow,{ref:w.arrowRef,context:a,tipRadius:2,stroke:"#f0f0f0",strokeWidth:"light"===T?1:0,fill:m.palette[T].background.field}),u.default.createElement(c.Content,null,u.default.createElement(c.Close,{onClick:()=>w.setOpen(!1)},u.default.createElement(s.default,null)),u.default.createElement(c.Title,{id:_,dangerouslySetInnerHTML:{__html:M||""}}),!!S&&u.default.createElement(c.PlayBtn,{onClick:()=>n(!0)},u.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),u.default.createElement(c.Description,{id:E,dangerouslySetInnerHTML:{__html:k||""}}),P&&u.default.createElement(c.Link,{href:P,target:"_blank",rel:"noreferrer"},"Подробнее..."))))),u.default.createElement(f.Modal,{open:t,styleContent:D,styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},u.default.createElement(c.Ifram,{src:C,allowFullScreen:!0}))))):null}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(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(1608)),o=n(4542),i=n(5492);t.Element=a.default.span`
+`;t.Hint=b},7896: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}),o=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},i=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupContent=t.PopupTrigger=t.usePopup=void 0;const u=o(n(8156)),c=o(n(5939)),s=l(n(5603)),d=n(5025),f=n(6298),p=n(2851),h=n(1608),m=n(1899),v=n(1197),g=n(550),b=n(5568),y=n(98),w=n(3738),x=n(5492);function _({placement:e="bottom",isHover:t=!1}){const[n,r]=(0,u.useState)(!1),[a,o]=(0,u.useState)(),[i,l]=(0,u.useState)(),c=(0,u.useRef)(null),s=(0,d.useFloating)({placement:e,open:n,onOpenChange:r,whileElementsMounted:d.autoUpdate,middleware:[(0,d.arrow)({element:c}),(0,d.offset)(10),(0,d.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,d.shift)({padding:10})]});(0,u.useEffect)((()=>{const e=()=>{s.refs.reference.current&&s.refs.reference.current.getBoundingClientRect().y<60&&r(!1)};return n&&window.addEventListener("scroll",(0,w.debounce)(e,300)),()=>window.removeEventListener("scroll",e)}),[n]),(0,u.useEffect)((()=>{if(s.middlewareData.arrow&&s.middlewareData.shift&&c.current){const{x:e,y:t}=s.middlewareData.arrow,n=null==f?void 0:f.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-s.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-s.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(c.current.style,r)}}),[s]);const f=s.context,p=(0,d.useHover)(f,{enabled:t,move:!1,delay:{open:300,close:0}}),h=(0,d.useClick)(f,{enabled:!t}),m=(0,d.useDismiss)(f),v=(0,d.useRole)(f),g=(0,d.useInteractions)([m,v,h,p]);return u.default.useMemo((()=>Object.assign(Object.assign(Object.assign({arrowRef:c,open:n,setOpen:r},g),s),{labelId:a,descriptionId:i,setLabelId:o,setDescriptionId:l})),[n,r,g,s,a,i,c])}t.usePopup=_;const O=u.default.createContext(null);t.Popup=e=>{var{content:n}=e,r=i(e,["content"]);const a=_(Object.assign({},r));return u.default.createElement(O.Provider,{value:a},u.default.createElement("span",{onClick:e=>e.stopPropagation()},u.default.createElement(t.PopupTrigger,{isText:r.isText,targetElement:r.targetElement,targetClass:r.targetClass}),u.default.createElement(t.PopupContent,{content:n})))},t.PopupTrigger=({isText:e,targetElement:t,targetClass:n})=>{const r=(0,u.useContext)(O),a=(0,d.useMergeRefs)([r.refs.setReference]);return t&&u.default.isValidElement(t)?u.default.cloneElement(t,r.getReferenceProps(Object.assign(Object.assign({ref:a},t.props),{"data-state":r.open?"open":"closed"}))):u.default.createElement(c.Trigger,Object.assign({className:n,ref:a,type:"button","data-state":r.open?"open":"closed"},r.getReferenceProps()),e?u.default.createElement(c.Text,null,u.default.createElement(x.Typography,{variant:"caption2-SemiBold",tag:"span"},"Как это работает?")):u.default.createElement(c.Hint,null))},t.PopupContent=({content:e})=>{const[t,n]=(0,u.useState)(!1),r=(0,u.useContext)(O),{context:a,setLabelId:o,setDescriptionId:l}=r,w=i(r,["context","setLabelId","setDescriptionId"]),x=(0,d.useMergeRefs)([w.refs.setFloating]),_=(0,d.useId)(),E=(0,d.useId)(),[M,k,P,S]=null!=e?e:[],{link:C}=(0,p.useGetVideoLink)({videoLink:S}),{xs:j}=(0,g.useBreakpoints)(),{mode:T}=(0,v.useMode)();(0,b.useIsomorphicLayoutEffect)((()=>(o(_),l(E),()=>{o(void 0),l(void 0)})),[_,E,o,l]);const D={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:j?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{styles:I}=(0,d.useTransitionStyles)(a,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return a.open?u.default.createElement(d.FloatingPortal,null,u.default.createElement(d.FloatingFocusManager,{context:a,modal:!1},u.default.createElement("div",Object.assign({ref:x,style:Object.assign({zIndex:y.zIndex.zIndex8},w.floatingStyles),"aria-labelledby":w.labelId,"aria-describedby":w.descriptionId},w.getFloatingProps()),u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement("div",{style:I},u.default.createElement(c.Tooltip,{mode:T},u.default.createElement(d.FloatingArrow,{ref:w.arrowRef,context:a,tipRadius:2,stroke:"light"===T?"#f0f0f0":m.palette[T].stroke.contrast,strokeWidth:1,fill:m.palette[T].background.field}),u.default.createElement(c.Content,null,u.default.createElement(c.Close,{onClick:()=>w.setOpen(!1)},u.default.createElement(s.default,null)),u.default.createElement(c.Title,{id:_,dangerouslySetInnerHTML:{__html:M||""}}),!!S&&u.default.createElement(c.PlayBtn,{onClick:()=>n(!0)},u.default.createElement("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),u.default.createElement(c.Description,{id:E,dangerouslySetInnerHTML:{__html:k||""}}),P&&u.default.createElement(c.Link,{href:P,target:"_blank",rel:"noreferrer"},"Подробнее..."))))),u.default.createElement(f.Modal,{open:t,styleContent:D,styleWrapper:{zIndex:3e5},onClose:()=>{n(!1)}},u.default.createElement(c.Ifram,{src:C,allowFullScreen:!0}))))):null}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(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(1608)),o=n(4542),i=n(5492);t.Element=a.default.span`
   position: relative;
   top: 0;
   left: 0;

package/package.json

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