@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

package/dist/cjs/lib/Chat/ChatMessage/ChatMessage.style.js

@@ -0,0 +1,284 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoMessageWrapper = exports.FileTimeWrapper = exports.FileMessageWrapper = exports.TimeStyled = exports.MessageContainer = exports.MessageTimeWrapper = exports.MessageText = exports.MessageBubble = exports.ImageTimeWrapper = exports.ImageMessageWrapper = exports.TextMessageWrapper = exports.MessageWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.MessageWrapper = styled_components_1.default.div `
+  background: ${({ position, messageType }) => messageType === 'system' || messageType === 'broadcast'
+    ? '#D6F2F9'
+    : position === 'right'
+        ? '#e1fec6'
+        : '#ffffff'};
+  border-radius: ${({ messageType, position }) => messageType === 'system' || messageType === 'broadcast'
+    ? '18px 18px 18px 8px'
+    : messageType === 'image' || messageType === 'video'
+        ? position === 'left'
+            ? '18px 18px 18px 8px'
+            : '18px 18px 8px 18px'
+        : '18px'};
+  max-width: 95%;
+  width: ${({ messageType }) => messageType === 'video' || messageType === 'image' ? '100%' : 'auto'};
+  min-height: 100%;
+  align-self: ${({ position }) => position === 'right' ? 'flex-end' : 'flex-start'};
+  display: flex;
+  position: relative;
+  overflow: ${({ messageType }) => messageType === 'image' || messageType === 'video' ? 'hidden' : 'initial'};
+`;
+exports.TextMessageWrapper = styled_components_1.default.div `
+  padding: 9px 12px 3px 12px;
+  min-width: 100px;
+`;
+exports.ImageMessageWrapper = styled_components_1.default.div `
+  border-image-width: 0;
+  line-height: 0;
+  font-size: 0;
+  padding: 1px;
+  cursor: pointer;
+
+  & img {
+    max-width: 100%;
+    height: auto;
+    max-height: 350px;
+    object-fit: cover;
+    border-radius: ${({ position, messageType }) => {
+    if (messageType === 'broadcast') {
+        return '18px 18px 0 0';
+    }
+    return position === 'left' ? '18px 18px 18px 8px' : '18px 18px 8px 18px';
+}};
+  }
+`;
+exports.ImageTimeWrapper = styled_components_1.default.div `
+  position: absolute;
+  bottom: 6px;
+  right: 6px;
+  z-index: 10;
+  background: rgba(29, 32, 31, 0.7);
+  border-radius: 100px;
+  height: 18px;
+  padding-right: 4px;
+  padding-left: 4px;
+
+  & .time {
+    color: #ffffff;
+  }
+
+  & ion-icon {
+    font-size: 18px;
+    color: #ffffff;
+  }
+
+  & ion-spinner {
+    --color: #ffffff !important;
+  }
+`;
+exports.MessageBubble = styled_components_1.default.div `
+  position: absolute;
+  bottom: 0;
+  right: ${({ position }) => (position === 'right' ? '-9px' : 'initial')};
+  left: ${({ position }) => (position === 'left' ? '-9px' : 'initial')};
+  transform: ${({ position }) => position === 'left' ? 'rotateY(180deg)' : 'none'};
+  width: 24px;
+  height: 17px;
+  z-index: 0;
+  color: ${({ position }) => (position === 'right' ? '#e1fec6' : '#ffffff')};
+`;
+exports.MessageText = styled_components_1.default.div `
+  position: relative;
+  z-index: 10;
+  text-align: justify;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  color: #000000;
+  padding-bottom: 5px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  width: 100%;
+
+  b {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 16px;
+    color: #1d201f;
+  }
+`;
+exports.MessageTimeWrapper = styled_components_1.default.span `
+  direction: ltr;
+  display: flex;
+  justify-content: flex-end;
+  font-size: 18px;
+  height: 18px;
+  flex: 1;
+  line-height: 1;
+  pointer-events: none;
+  user-select: none;
+  vertical-align: middle;
+  visibility: hidden;
+  z-index: 1;
+  margin-left: 4px;
+  padding-right: 0;
+`;
+exports.MessageContainer = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`;
+exports.TimeStyled = styled_components_1.default.div `
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  height: 18px;
+  line-height: 1;
+  padding: inherit;
+  pointer-events: all;
+  right: 0;
+  visibility: visible;
+  white-space: nowrap;
+  color: ${({ position }) => (position === 'right' ? '#2da430' : '#8E8E93')};
+  column-gap: 4px;
+
+  & .time {
+    font-size: 10px;
+    line-height: 14px;
+  }
+
+  & ion-icon {
+    --ionicon-stroke-width: 32px;
+  }
+
+  & ion-spinner {
+    width: 18px;
+    height: 18px;
+    --color: #2da430;
+  }
+`;
+exports.FileMessageWrapper = styled_components_1.default.div `
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  column-gap: 10px;
+  padding: 13px 20px 13px 10px;
+
+  & .file-icon-wrapper {
+    display: flex;
+    flex: 0 0 40px;
+    width: 40px;
+    height: 40px;
+    align-items: center;
+    justify-content: center;
+    background: #177590;
+    border-radius: 50%;
+    color: #ffffff;
+    font-size: 18px;
+  }
+
+  & .file-name {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 16px;
+    color: ${({ position }) => (position === 'right' ? '#3EAA3C' : '#177590')};
+    margin-bottom: 2px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-word;
+  }
+
+  & .file-size {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14px;
+    color: ${({ position }) => (position === 'right' ? '#3EAA3C' : '#8e8e93')};
+    text-transform: capitalize;
+  }
+`;
+exports.FileTimeWrapper = styled_components_1.default.div `
+  position: absolute;
+  bottom: 2px;
+  right: 6px;
+  z-index: 10;
+  height: 18px;
+  padding-right: 4px;
+  padding-left: 4px;
+`;
+exports.VideoMessageWrapper = styled_components_1.default.div `
+  position: relative;
+  border-image-width: 0;
+  line-height: 0;
+  font-size: 0;
+  padding: 1px;
+
+  & video {
+    max-width: 100%;
+    height: auto;
+    max-height: 350px;
+    object-fit: cover;
+    border-radius: ${({ position }) => position === 'left' ? '18px 18px 18px 8px' : '18px 18px 8px 18px'};
+  }
+
+  & .play-button {
+    position: absolute;
+    padding: 0 0 0 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: rgba(29, 32, 31, 0.7);
+    color: #ffffff;
+    font-size: 22px;
+  }
+
+  & .video-time {
+    position: absolute;
+    top: 7px;
+    left: ${({ position }) => (position === 'right' ? '7px' : 'inherit')};
+    right: ${({ position }) => (position === 'left' ? '7px' : 'inherit')};
+    background: rgba(29, 32, 31, 0.7);
+    padding: 2px 6px;
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 14px;
+    color: #ffffff;
+    border-radius: 100px;
+  }
+
+  & .video-send-time {
+    position: absolute;
+    bottom: 6px;
+    right: 6px;
+    z-index: 10;
+    background: rgba(29, 32, 31, 0.7);
+    border-radius: 100px;
+    height: 18px;
+    padding-right: 4px;
+    padding-left: 4px;
+
+    & .time {
+      color: #ffffff;
+    }
+
+    & ion-icon {
+      font-size: 18px;
+      color: #ffffff;
+    }
+
+    & ion-spinner {
+      --color: #ffffff !important;
+    }
+  }
+`;

package/dist/cjs/lib/Chat/ChatMessage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ChatMessage';

package/dist/cjs/lib/Chat/ChatMessage/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatMessage_1 = require("./ChatMessage");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatMessage_1).default; } });

package/dist/cjs/lib/Chat/ChatMessageSkeleton/ChatMessageSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const ChatMessageSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default ChatMessageSkeleton;

package/dist/cjs/lib/Chat/ChatMessageSkeleton/ChatMessageSkeleton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ChatMessageSkeleton_style_1 = require("./ChatMessageSkeleton.style");
+const react_1 = require("@ionic/react");
+const MessageSkeleton = ({ isBigger, position }) => {
+    return ((0, jsx_runtime_1.jsx)(ChatMessageSkeleton_style_1.SkeletonMessageWrapper, Object.assign({ position: position, isBigger: isBigger }, { children: (0, jsx_runtime_1.jsx)(react_1.IonSkeletonText, { animated: true }) })));
+};
+const ChatMessageSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)(ChatMessageSkeleton_style_1.SkeletonWrapper, { children: [(0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "left", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "right", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "left", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "right", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "left", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "right", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "left", isBigger: true }), (0, jsx_runtime_1.jsx)(MessageSkeleton, { position: "right", isBigger: true })] }));
+};
+exports.default = ChatMessageSkeleton;

package/dist/cjs/lib/Chat/ChatMessageSkeleton/ChatMessageSkeleton.style.d.ts

@@ -0,0 +1,7 @@
+export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+type SkeletonMessageWrapperProps = {
+    isBigger?: boolean;
+    position: 'left' | 'right';
+};
+export declare const SkeletonMessageWrapper: import("styled-components").StyledComponent<"div", any, SkeletonMessageWrapperProps, never>;
+export {};

package/dist/cjs/lib/Chat/ChatMessageSkeleton/ChatMessageSkeleton.style.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.SkeletonMessageWrapper = exports.SkeletonWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.SkeletonWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  row-gap: 6px;
+
+  & > ion-skeleton-text {
+    background-image: linear-gradient(
+      to right,
+      rgba(238, 238, 238, 0.7) 8%,
+      rgba(238, 238, 238, 0.8) 18%,
+      rgba(238, 238, 238, 0.7) 33%
+    );
+    --background: #eeeeee;
+  }
+`;
+exports.SkeletonMessageWrapper = styled_components_1.default.div `
+  position: relative;
+  width: 90%;
+  align-self: ${({ position }) => position === 'right' ? 'flex-end' : 'flex-start'};
+
+  & > ion-skeleton-text {
+    width: 100%;
+    height: ${({ isBigger }) => (isBigger ? '110px' : '48px')};
+    border-radius: 18px;
+    margin: 0;
+    background-image: linear-gradient(
+      to right,
+      rgba(238, 238, 238, 0.7) 8%,
+      rgba(238, 238, 238, 0.8) 18%,
+      rgba(238, 238, 238, 0.7) 33%
+    );
+    --background: #eeeeee;
+  }
+
+  & > svg {
+    position: absolute;
+    bottom: 0;
+    right: ${({ position }) => (position === 'right' ? '-9px' : 'initial')};
+    left: ${({ position }) => (position === 'left' ? '-9px' : 'initial')};
+    transform: ${({ position }) => position === 'left' ? 'rotateY(180deg)' : 'none'};
+    width: 24px;
+    height: 17px;
+    z-index: 0;
+    color: #eeeeee;
+  }
+`;

package/dist/cjs/lib/Chat/ChatMessageSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ChatMessageSkeleton';

package/dist/cjs/lib/Chat/ChatMessageSkeleton/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatMessageSkeleton_1 = require("./ChatMessageSkeleton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatMessageSkeleton_1).default; } });

package/dist/cjs/lib/Chat/EmptyChatList/EmptyChatList.d.ts

@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+type EmptyChatList = {
+    title?: string;
+    text?: string;
+    withButton?: boolean;
+    buttonTitle?: string;
+    onClick?: () => void;
+};
+declare const EmptyChatList: FC<EmptyChatList>;
+declare const _default: React.NamedExoticComponent<EmptyChatList>;
+export default _default;

package/dist/cjs/lib/Chat/EmptyChatList/EmptyChatList.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const EmptyChatList_style_1 = require("./EmptyChatList.style");
+const react_2 = require("@ionic/react");
+const icons_1 = require("ionicons/icons");
+const CustomButton_1 = __importDefault(require("../../CustomButton"));
+const EmptyChatList = ({ title = 'У вас поки немає повідомлень', text, withButton = false, buttonTitle = '', onClick, }) => {
+    return ((0, jsx_runtime_1.jsxs)(EmptyChatList_style_1.EmptyWrapper, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.chatbubblesOutline, className: 'empty-icon' }), (0, jsx_runtime_1.jsx)(EmptyChatList_style_1.Title, { children: title }), text && (0, jsx_runtime_1.jsx)(EmptyChatList_style_1.EmptyMessage, { children: text }), withButton && ((0, jsx_runtime_1.jsx)(CustomButton_1.default, Object.assign({ onClick: onClick, buttonType: "primary" }, { children: buttonTitle })))] }));
+};
+exports.default = react_1.default.memo(EmptyChatList);

package/dist/cjs/lib/Chat/EmptyChatList/EmptyChatList.style.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const EmptyMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/lib/Chat/EmptyChatList/EmptyChatList.style.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyMessage = exports.Title = exports.EmptyWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.EmptyWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: 25px;
+
+  .empty-icon {
+    font-size: 60px;
+    color: #177590;
+  }
+`;
+exports.Title = styled_components_1.default.h3 `
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  color: #1d201f;
+`;
+exports.EmptyMessage = styled_components_1.default.div `
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 24px;
+  color: #1d201f;
+  margin-top: -15px;
+`;

package/dist/cjs/lib/Chat/EmptyChatList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmptyChatList';

package/dist/cjs/lib/Chat/EmptyChatList/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var EmptyChatList_1 = require("./EmptyChatList");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmptyChatList_1).default; } });

package/dist/cjs/lib/Chat/EmptyChatMessages/EmptyChatMessages.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type EmptyChatMessagesProps = {
+    title?: string;
+    text: string;
+};
+declare const EmptyChatMessages: FC<EmptyChatMessagesProps>;
+export default EmptyChatMessages;

package/dist/cjs/lib/Chat/EmptyChatMessages/EmptyChatMessages.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chat_svg_1 = require("./chat.svg");
+const EmptyChatMessages_style_1 = require("./EmptyChatMessages.style");
+const EmptyChatMessages = ({ title = 'Почніть розмову', text, }) => {
+    return ((0, jsx_runtime_1.jsxs)(EmptyChatMessages_style_1.EmptyWrapper, { children: [(0, jsx_runtime_1.jsx)(chat_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)(EmptyChatMessages_style_1.EmptyTitle, { children: title }), (0, jsx_runtime_1.jsx)(EmptyChatMessages_style_1.EmptyMessage, { children: text })] }));
+};
+exports.default = EmptyChatMessages;

package/dist/cjs/lib/Chat/EmptyChatMessages/EmptyChatMessages.style.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const EmptyMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/lib/Chat/EmptyChatMessages/EmptyChatMessages.style.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyMessage = exports.EmptyTitle = exports.EmptyWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.EmptyWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 288px;
+  width: 100%;
+  background: rgba(29, 32, 31, 0.2);
+  mix-blend-mode: normal;
+  backdrop-filter: blur(12.5px);
+  border-radius: 10px;
+  padding: 24px 16px;
+`;
+exports.EmptyTitle = styled_components_1.default.h3 `
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 24px;
+  text-align: center;
+  color: #ffffff;
+  margin-top: 18px;
+  margin-bottom: 8px;
+`;
+exports.EmptyMessage = styled_components_1.default.div `
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: center;
+  color: #ffffff;
+`;

package/dist/cjs/lib/Chat/EmptyChatMessages/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmptyChatMessages';

package/dist/cjs/lib/Chat/EmptyChatMessages/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var EmptyChatMessages_1 = require("./EmptyChatMessages");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmptyChatMessages_1).default; } });

package/dist/cjs/lib/Chat/LouseConnect/LouseConnect.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type LouseConnectProps = {
+    onClick?: () => void;
+};
+declare const LouseConnect: FC<LouseConnectProps>;
+export default LouseConnect;

package/dist/cjs/lib/Chat/LouseConnect/LouseConnect.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LouseConnect_style_1 = require("./LouseConnect.style");
+const react_1 = require("@ionic/react");
+const icons_1 = require("ionicons/icons");
+const Button_1 = require("../../../deprecated/button/Button");
+const LouseConnect = ({ onClick }) => {
+    return ((0, jsx_runtime_1.jsxs)(LouseConnect_style_1.LouseConnectWrapper, { children: [(0, jsx_runtime_1.jsxs)(LouseConnect_style_1.WarningMessage, { children: [(0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: icons_1.alertCircleOutline }), (0, jsx_runtime_1.jsxs)("div", { children: ["\u0417'\u0454\u0434\u043D\u0430\u043D\u043D\u044F", (0, jsx_runtime_1.jsx)("br", {}), " \u043F\u0435\u0440\u0435\u0440\u0432\u0430\u043D\u043E"] })] }), (0, jsx_runtime_1.jsx)(LouseConnect_style_1.ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ buttonType: "secondaryWithStroke", isDisabled: false, onClick: onClick }, { children: "\u0412\u0456\u0434\u043D\u043E\u0432\u0438\u0442\u0438" })) })] }));
+};
+exports.default = LouseConnect;

package/dist/cjs/lib/Chat/LouseConnect/LouseConnect.style.d.ts

@@ -0,0 +1,3 @@
+export declare const LouseConnectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WarningMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/lib/Chat/LouseConnect/LouseConnect.style.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonWrapper = exports.WarningMessage = exports.LouseConnectWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.LouseConnectWrapper = styled_components_1.default.div `
+  background: #ffffff;
+  border: 1px solid #c13e18;
+  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  width: 100%;
+  padding: 16px 16px 16px 19px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+exports.WarningMessage = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  color: #c13e18;
+  flex: 0 0 50%;
+
+  & div {
+    margin-left: 13px;
+  }
+
+  & ion-icon {
+    font-size: 18px;
+  }
+`;
+exports.ButtonWrapper = styled_components_1.default.div `
+  max-width: 122px;
+  width: 100%;
+`;

package/dist/cjs/lib/Chat/LouseConnect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LouseConnect';

package/dist/cjs/lib/Chat/LouseConnect/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var LouseConnect_1 = require("./LouseConnect");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LouseConnect_1).default; } });

package/dist/cjs/lib/Chat/Textarea/Textarea.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+type FileInfoType = {
+    originalName: string;
+    size: number;
+    width?: number;
+    height?: number;
+};
+type TextareaProps = {
+    onSend: (value: string) => void;
+    defaultValue?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    isOpen: boolean;
+    maxLength: number;
+    onError?: (message: string) => void;
+    onFileSelect?: (file: File | null, type: 'file' | 'image' | 'video', fileInfo: FileInfoType) => void;
+    t?: WithTranslation['t'];
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLIonFooterElement>>>;
+export default _default;