profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/PasswordInput/PasswordInput.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordInput = void 0;
+const react_1 = __importStar(require("react"));
+const Input_1 = require("../Input");
+const Styled = __importStar(require("./PasswordInput.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const PasswordInput = (_a) => {
+    var { withIcon = true } = _a, props = __rest(_a, ["withIcon"]);
+    const [type, setType] = (0, react_1.useState)('password');
+    const handleClick = () => {
+        if (type === 'password') {
+            setType('text');
+            return;
+        }
+        setType('password');
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Input_1.Input, Object.assign({}, props, { type: type })),
+            withIcon && (react_1.default.createElement("span", { onClick: handleClick }, type === 'password' ? (react_1.default.createElement(Styled.EyeIconStyle, null)) : (react_1.default.createElement(Styled.EyeCloseIconStyle, null)))))));
+};
+exports.PasswordInput = PasswordInput;
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/uikit/PasswordInput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../../src/components/uikit/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,oCAAgC;AAChC,+DAAgD;AAGhD,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,aAAa,GAAG,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,QAAQ,GAAG,IAAI,OAA4B,EAAvB,KAAK,cAA3B,YAA6B,CAAF;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAsB,UAAU,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CAAC,MAAM,CAAC,CAAA;YACf,OAAM;SACP;QACD,OAAO,CAAC,UAAU,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,aAAK,oBAAK,KAAK,IAAE,IAAI,EAAE,IAAI,IAAI;YAC/B,QAAQ,IAAI,CACX,wCAAM,OAAO,EAAE,WAAW,IACvB,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,8BAAC,MAAM,CAAC,YAAY,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,MAAM,CAAC,iBAAiB,OAAG,CAC7B,CACI,CACR,CACgB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/components/uikit/PasswordInput/PasswordInput.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordInput = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./PasswordInput.styled"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const PasswordInput_1 = require("./PasswordInput");
+exports.default = {
+    title: 'Components',
+    component: PasswordInput_1.PasswordInput
+};
+const PasswordInput = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u0432\u043E\u0434\u0430 \u043F\u0430\u0440\u043E\u043B\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u0432\u043E\u0434\u0430 \u043F\u0430\u0440\u043E\u043B\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C. \u041E\u0441\u043D\u043E\u0432\u0430\u043D \u043D\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0435 Input, \u043F\u043E\u044D\u0442\u043E\u043C\u0443\n      \u0438\u043C\u0435\u0435\u0442 \u0432\u0441\u0435 \u0442\u0435 \u0436\u0435 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F, \u0447\u0442\u043E \u0438 \u043E\u043D." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Styled.Wrapper, null,
+                react_1.default.createElement(PasswordInput_1.PasswordInput, { value: "", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043F\u043E\u043B\u0435 \u0431\u0435\u0437 \u0438\u043A\u043E\u043D\u043A\u0438 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0440\u0435\u0436\u0438\u043C\u043E\u0432. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F\n      \u0441\u043A\u0440\u044B\u0442\u044B \u043E\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Styled.Wrapper, null,
+                react_1.default.createElement(PasswordInput_1.PasswordInput, { value: "", name: "test", withIcon: false })))));
+};
+exports.PasswordInput = PasswordInput;
+//# sourceMappingURL=PasswordInput.stories.js.map

package/dist/components/uikit/PasswordInput/PasswordInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+DAAgD;AAEhD,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,mDAA4D;AAE5D,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,6BAAS;CACrB,CAAA;AAEM,MAAM,aAAa,GAAG,GAAG,EAAE;IAEhC,OAAO,CACL;QACE,8BAAC,uBAAU,qIAAoC;QAC/C,8BAAC,mCAAgB,IACf,IAAI,EAAC,koBAC8B,GACnC;QACF,8BAAC,2BAAY;YACX,8BAAC,MAAM,CAAC,OAAO;gBACb,8BAAC,6BAAS,IAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,GAAG,CACnB,CACJ;QACf,8BAAC,mCAAgB,IACf,IAAI,EAAC,yjBACgB,GACrB;QACF,8BAAC,2BAAY;YACX,8BAAC,MAAM,CAAC,OAAO;gBACb,8BAAC,6BAAS,IAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,KAAK,GAAI,CACpC,CACJ,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}

package/dist/components/uikit/PasswordInput/PasswordInput.styled.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = exports.EyeIconStyle = exports.EyeCloseIconStyle = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Eye_svg_1 = __importDefault(require("../../../icons/Eye.svg"));
+const EyeClose_svg_1 = __importDefault(require("../../../icons/EyeClose.svg"));
+const Container = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+  & input {
+    padding-right: 40px;
+  }
+`;
+exports.Container = Container;
+const Icon = `
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  top: 11px;
+  right: 10px;
+  cursor: pointer;
+`;
+const EyeIconStyle = (0, styled_components_1.default)(Eye_svg_1.default) `
+  ${Icon}
+  & > path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    & > path {
+      fill: ${(props) => props.theme.icons.secondary};
+    }
+  }
+  &:active {
+    opacity: 0.6;
+  }
+`;
+exports.EyeIconStyle = EyeIconStyle;
+const EyeCloseIconStyle = (0, styled_components_1.default)(EyeClose_svg_1.default) `
+  ${Icon}
+  & > path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    & > path {
+      fill: ${(props) => props.theme.icons.secondary};
+    }
+  }
+  &:active {
+    opacity: 0.6;
+  }
+`;
+exports.EyeCloseIconStyle = EyeCloseIconStyle;
+const Wrapper = styled_components_1.default.div `
+  max-width: 340px;
+`;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=PasswordInput.styled.js.map

package/dist/components/uikit/PasswordInput/PasswordInput.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/PasswordInput/PasswordInput.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,qEAA4C;AAC5C,+EAAsD;AAEtD,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AA4CQ,8BAAS;AA1ClB,MAAM,IAAI,GAAG;;;;;;;CAOZ,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,2BAAM,EAAC,iBAAO,CAAC,CAAA;IAChC,IAAI;;YAEI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;;cAIlC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;;;CAMnD,CAAA;AAoBsC,oCAAY;AAnBnD,MAAM,iBAAiB,GAAG,IAAA,2BAAM,EAAC,sBAAY,CAAC,CAAA;IAC1C,IAAI;;YAEI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;;cAIlC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;;;CAMnD,CAAA;AAMmB,8CAAiB;AAJrC,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA;AAEoD,0BAAO"}

package/dist/components/uikit/PasswordInput/PasswordInput.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=PasswordInput.typed.js.map

package/dist/components/uikit/PasswordInput/PasswordInput.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/PasswordInput/PasswordInput.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/PasswordInput/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordInput = void 0;
+var PasswordInput_1 = require("./PasswordInput");
+Object.defineProperty(exports, "PasswordInput", { enumerable: true, get: function () { return PasswordInput_1.PasswordInput; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/PasswordInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/PasswordInput/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/dist/components/uikit/Popup/Popup.js

@@ -0,0 +1,213 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popup = exports.PopupContent = exports.PopupTrigger = exports.usePopup = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Popup.styled"));
+const PopupClose_svg_1 = __importDefault(require("../../../icons/PopupClose.svg"));
+const react_2 = require("@floating-ui/react");
+const Modal_1 = require("../Modal");
+const useGetVideoLink_1 = require("../../../hooks/useGetVideoLink");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
+const zIndex_1 = require("../../../constants/zIndex");
+const Typography_1 = require("../Typography");
+const useMediaQuery_1 = require("../../../hooks/useMediaQuery");
+const common_1 = require("../../../constants/common");
+function usePopup({ placement = 'bottom', isHover = false }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [labelId, setLabelId] = (0, react_1.useState)();
+    const [descriptionId, setDescriptionId] = (0, react_1.useState)();
+    const arrowRef = (0, react_1.useRef)(null);
+    const data = (0, react_2.useFloating)({
+        placement,
+        open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_2.autoUpdate,
+        middleware: [
+            (0, react_2.arrow)({
+                element: arrowRef
+            }),
+            (0, react_2.offset)(10),
+            (0, react_2.flip)({
+                crossAxis: placement.includes('-'),
+                fallbackAxisSideDirection: 'end',
+                padding: 5
+            }),
+            (0, react_2.shift)({ padding: 10 })
+        ]
+    });
+    (0, react_1.useEffect)(() => {
+        if (data.middlewareData.arrow &&
+            data.middlewareData.shift &&
+            arrowRef.current) {
+            const { x, y } = data.middlewareData.arrow;
+            const position = context === null || context === void 0 ? void 0 : context.placement.split('-')[0];
+            const settings = {};
+            if (position === 'top' || position === 'bottom') {
+                settings.left = `${x - data.middlewareData.shift.x}px`;
+                if (position === 'top') {
+                    settings.bottom = '0px';
+                }
+                else {
+                    settings.top = '-13px';
+                }
+            }
+            if (position === 'left' || position === 'right') {
+                settings.top = `${y - data.middlewareData.shift.y}px`;
+                if (position === 'left') {
+                    settings.right = '0px';
+                }
+                else {
+                    settings.left = '-13px';
+                }
+            }
+            Object.assign(arrowRef.current.style, settings);
+        }
+    }, [data]);
+    const context = data.context;
+    const hover = (0, react_2.useHover)(context, {
+        enabled: isHover,
+        move: false,
+        delay: {
+            open: 300,
+            close: 0
+        }
+    });
+    const click = (0, react_2.useClick)(context, { enabled: !isHover });
+    const dismiss = (0, react_2.useDismiss)(context);
+    const role = (0, react_2.useRole)(context);
+    const interactions = (0, react_2.useInteractions)([dismiss, role, click, hover]);
+    return react_1.default.useMemo(() => (Object.assign(Object.assign(Object.assign({ arrowRef,
+        open,
+        setOpen }, interactions), data), { labelId,
+        descriptionId,
+        setLabelId,
+        setDescriptionId })), [open, setOpen, interactions, data, labelId, descriptionId, arrowRef]);
+}
+exports.usePopup = usePopup;
+const PopupContext = react_1.default.createContext(null);
+const Popup = (_a) => {
+    var { content } = _a, restOptions = __rest(_a, ["content"]);
+    const popup = usePopup(Object.assign({}, restOptions));
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(PopupContext.Provider, { value: popup },
+            react_1.default.createElement("div", { onClick: (e) => {
+                    e.stopPropagation();
+                } },
+                react_1.default.createElement(exports.PopupTrigger, { isText: restOptions.isText, targetElement: restOptions.targetElement, targetClass: restOptions.targetClass }),
+                react_1.default.createElement(exports.PopupContent, { content: content })))));
+};
+exports.Popup = Popup;
+const PopupTrigger = ({ isText, targetElement, targetClass }) => {
+    const context = (0, react_1.useContext)(PopupContext);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setReference]);
+    if (targetElement && react_1.default.isValidElement(targetElement)) {
+        return react_1.default.cloneElement(targetElement, context.getReferenceProps(Object.assign(Object.assign({ ref }, targetElement.props), { 'data-state': context.open ? 'open' : 'closed' })));
+    }
+    return (react_1.default.createElement(Styled.Trigger, Object.assign({ className: targetClass, ref: ref, type: "button", "data-state": context.open ? 'open' : 'closed' }, context.getReferenceProps()), isText ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Styled.Text, null,
+            react_1.default.createElement(Typography_1.Typography, { variant: "caption2-SemiBold", tag: "span" }, "\u041A\u0430\u043A \u044D\u0442\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442?")),
+        react_1.default.createElement(Styled.TextHintOnMobile, null))) : (react_1.default.createElement(Styled.Hint, null))));
+};
+exports.PopupTrigger = PopupTrigger;
+const PopupContent = ({ content }) => {
+    const [videoOpen, setVideoOpen] = (0, react_1.useState)(false);
+    const _a = (0, react_1.useContext)(PopupContext), { context: floatingContext, setLabelId, setDescriptionId } = _a, context = __rest(_a, ["context", "setLabelId", "setDescriptionId"]);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setFloating]);
+    const idLabel = (0, react_2.useId)();
+    const idDescription = (0, react_2.useId)();
+    const [title, description, link, videoLink] = content !== null && content !== void 0 ? content : [];
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { link: iframeLink } = (0, useGetVideoLink_1.useGetVideoLink)({ videoLink });
+    const isMobile = (0, useMediaQuery_1.useMediaQuery)(useMediaQuery_1.breakpoint.down(common_1.MOBILE_WIDTH));
+    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+        setLabelId(idLabel);
+        setDescriptionId(idDescription);
+        return () => {
+            setLabelId(undefined);
+            setDescriptionId(undefined);
+        };
+    }, [idLabel, idDescription, setLabelId, setDescriptionId]);
+    const handleCloseVideo = () => {
+        setVideoOpen(false);
+    };
+    const modalStyle = {
+        padding: '0px',
+        background: 'transparent',
+        maxWidth: '700px',
+        maxHeight: isMobile ? '400px' : '540px',
+        width: '100%',
+        height: '100%'
+    };
+    const { styles: transitionStyles } = (0, react_2.useTransitionStyles)(floatingContext, {
+        duration: {
+            open: 100,
+            close: 100
+        },
+        initial: {
+            opacity: 0,
+            transform: 'scale(0.8)'
+        }
+    });
+    if (!floatingContext.open)
+        return null;
+    return (react_1.default.createElement(react_2.FloatingPortal, null,
+        react_1.default.createElement(react_2.FloatingFocusManager, { context: floatingContext, modal: false },
+            react_1.default.createElement("div", Object.assign({ ref: ref, style: Object.assign(Object.assign({ zIndex: zIndex_1.zIndex.zIndex8 }, context.floatingStyles), { outline: 'none' }), "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId }, context.getFloatingProps()),
+                react_1.default.createElement("div", { style: transitionStyles },
+                    react_1.default.createElement(Styled.Tooltip, { mode: mode },
+                        react_1.default.createElement(react_2.FloatingArrow, { ref: context.arrowRef, context: floatingContext, tipRadius: 2, stroke: mode === 'light' ? '#f0f0f0' : theme_const_1.palette[mode].stroke.contrast, strokeWidth: 1, fill: theme_const_1.palette[mode].background.field }),
+                        react_1.default.createElement(Styled.Content, null,
+                            react_1.default.createElement(Styled.Close, { role: "button", onClick: () => context.setOpen(false) },
+                                react_1.default.createElement(PopupClose_svg_1.default, null)),
+                            react_1.default.createElement(Styled.Title, { id: idLabel, dangerouslySetInnerHTML: { __html: title || '' } }),
+                            !!videoLink && (react_1.default.createElement(Styled.PlayBtn, { onClick: () => setVideoOpen(true) },
+                                react_1.default.createElement("img", { width: 280, height: 140, src: "https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png", alt: "video-preview" }))),
+                            react_1.default.createElement(Styled.Description, { id: idDescription, dangerouslySetInnerHTML: { __html: description || '' } }),
+                            link && (react_1.default.createElement(Styled.Link, { href: link, target: "_blank", rel: "noreferrer" }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435..."))))),
+                react_1.default.createElement(Modal_1.Modal, { open: videoOpen, styleContent: modalStyle, styleContentInside: { padding: '0px' }, styleWrapper: { zIndex: 300000 }, onClose: handleCloseVideo },
+                    react_1.default.createElement(Styled.IframeWrapper, null,
+                        react_1.default.createElement(Styled.Ifram, { src: iframeLink, allowFullScreen: true })))))));
+};
+exports.PopupContent = PopupContent;
+//# sourceMappingURL=Popup.js.map

package/dist/components/uikit/Popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/components/uikit/Popup/Popup.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Popup/Popup.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popup = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Popup_1 = require("./Popup");
+exports.default = {
+    title: 'Components/Popup',
+    component: Popup_1.Popup,
+    tags: ['autodocs']
+};
+const Target = styled_components_1.default.div `
+  width: 50px;
+  padding: 8px;
+  background: #ffffff;
+  display: flex;
+  justify-content: center;
+`;
+const content = [
+    'Динамика счета',
+    'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
+        "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, " +
+        'when an unknown printer took a galley of type and scrambled it to make a type specimen book.',
+    'https://www.google.com/',
+    'https://www.youtube.com/watch?v=XqZsoesa55w'
+];
+const Popup = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Popup"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Popup \u2014 \u044D\u0442\u043E \u0434\u043B\u0438\u043D\u043D\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430, \u043A\u043E\u0442\u043E\u0440\u0443\u044E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0441\u0430\u043C, \u043A\u043B\u0438\u043A\u043E\u043C \u043F\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Popup_1.Popup, { content: content })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0422\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0439 \u0442\u0430\u0440\u0433\u0435\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0439 \u0442\u0430\u0440\u0433\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Popup_1.Popup, { isText: true, content: content })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0417\u0430\u043C\u0435\u043D\u0430 \u0442\u0430\u0440\u0433\u0435\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044C \u0441\u0432\u043E\u0439 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442, \u043F\u043E \u043A\u043E\u0442\u043E\u0440\u043E\u043C\u0443 \u0431\u0443\u0434\u0435\u0442 \u0432\u044B\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u043F\u043E\u043F\u0430\u043F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Popup_1.Popup, { targetElement: react_1.default.createElement(Target, null, "click"), content: content })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041E\u0442\u043A\u0440\u044B\u0442\u0438\u0435 \u043F\u043E\u043F\u0430\u043F\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043E\u0433\u0434\u0430 \u043C\u043E\u0436\u0435\u0442 \u043F\u043E\u043D\u0430\u0434\u043E\u0431\u0438\u0442\u044C\u0441\u044F \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u043F\u043E\u043F\u0430\u043F \u043F\u043E \u0445\u043E\u0432\u0435\u0440\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 16 } },
+                react_1.default.createElement(Popup_1.Popup, { targetElement: react_1.default.createElement(Target, null, "click"), content: content }),
+                react_1.default.createElement(Popup_1.Popup, { targetElement: react_1.default.createElement(Target, null, "hover"), isHover: true, content: content })))));
+};
+exports.Popup = Popup;
+//# sourceMappingURL=Popup.stories.js.map

package/dist/components/uikit/Popup/Popup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Popup/Popup.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,0EAAsC;AACtC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,mCAA4C;AAE5C,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAED,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMxB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,gBAAgB;IAChB,6EAA6E;QAC3E,gFAAgF;QAChF,8FAA8F;IAChG,yBAAyB;IACzB,6CAA6C;CAC9C,CAAA;AAEM,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,YAAoB;QAC3C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,uaAAwF,GAAG;QAClH,8BAAC,2BAAY;YACX,8BAAC,aAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CAClB;QACf,8BAAC,uBAAU,sGAA8B;QACzC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,sOAA6C,GAAG;QACvE,8BAAC,2BAAY;YACX,8BAAC,aAAS,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAChC;QACf,8BAAC,uBAAU,oFAA2B;QACtC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,kbAAoF,GAAG;QAC9G,8BAAC,2BAAY;YACX,8BAAC,aAAS,IAAC,aAAa,EAAE,8BAAC,MAAM,gBAAe,EAAE,OAAO,EAAE,OAAO,GAAI,CACzD;QACf,8BAAC,uBAAU,gGAA6B;QACxC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,uRAAsD,GAAG;QAChF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;gBACtC,8BAAC,aAAS,IAAC,aAAa,EAAE,8BAAC,MAAM,gBAAe,EAAE,OAAO,EAAE,OAAO,GAAI;gBACtE,8BAAC,aAAS,IACR,aAAa,EAAE,8BAAC,MAAM,gBAAe,EACrC,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,GAChB,CACE,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,KAAK,SAgCjB"}