@mindly/ui-components 5.98.18 → 5.98.19

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

@@ -1,9 +0,0 @@
-"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.js

@@ -1,35 +0,0 @@
-"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.js

@@ -1,8 +0,0 @@
-"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.js

@@ -1,11 +0,0 @@
-"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.js

@@ -1,39 +0,0 @@
-"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.js

@@ -1,8 +0,0 @@
-"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.js

@@ -1,128 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const Textarea_style_1 = require("./Textarea.style");
-const shape_svg_1 = require("./shape.svg");
-const utils_1 = require("./utils");
-const acceptedImageTypes = [
-    'image/gif',
-    'image/jpeg',
-    'image/jpg',
-    'image/png',
-];
-const acceptedVideoTypes = [
-    'video/mp4',
-    'video/ogg',
-    'video/webm',
-    'video/webm',
-    'video/mov',
-    'video/quicktime',
-];
-const Textarea = (0, react_1.forwardRef)(({ onSend, defaultValue = '', onFocus, onBlur, isOpen, maxLength, onError, onFileSelect, t, }, ref) => {
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    const textareaRef = (0, react_1.useRef)(null);
-    const handleSend = (e) => {
-        e.preventDefault();
-        const sendMessage = value === null || value === void 0 ? void 0 : value.trim();
-        if (sendMessage.length > maxLength) {
-            onError === null || onError === void 0 ? void 0 : onError(sendMessage);
-            return;
-        }
-        sendMessage.length && onSend(sendMessage);
-        setValue('');
-        if (textareaRef.current) {
-            textareaRef.current.style.height = '33px';
-        }
-    };
-    const handleChange = (0, react_1.useCallback)((e) => {
-        var _a;
-        const val = e.target.value;
-        if (textareaRef.current) {
-            textareaRef.current.style.height =
-                ((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) + 'px';
-        }
-        setValue(val);
-    }, [textareaRef]);
-    const handleFileChange = (e) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]))
-            return;
-        const _URL = window.URL || window.webkitURL;
-        const file = (_b = e.target.files) === null || _b === void 0 ? void 0 : _b[0];
-        const objUrl = _URL.createObjectURL(file);
-        if (acceptedImageTypes.includes(file.type)) {
-            try {
-                const img = yield (0, utils_1.loadImage)(objUrl);
-                onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(file, 'image', {
-                    originalName: file.name,
-                    size: file.size,
-                    width: img.width,
-                    height: img.height,
-                });
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        else if (acceptedVideoTypes.includes(file.type)) {
-            try {
-                const video = yield (0, utils_1.loadVideo)(objUrl);
-                onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(file, 'video', {
-                    originalName: file.name,
-                    size: file.size,
-                    width: video.videoWidth,
-                    height: video.videoHeight,
-                });
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        else {
-            onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(file, 'file', {
-                originalName: file.name,
-                size: file.size,
-            });
-        }
-    });
-    return ((0, jsx_runtime_1.jsx)(Textarea_style_1.StyledFooter, Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(Textarea_style_1.StyledToolbar, Object.assign({ isOpen: isOpen }, { children: (0, jsx_runtime_1.jsxs)(Textarea_style_1.TextareaWrapper, { children: [(0, jsx_runtime_1.jsxs)(Textarea_style_1.AttachButton, Object.assign({ onClick: (e) => {
-                            e.stopPropagation();
-                        } }, { children: [(0, jsx_runtime_1.jsx)(shape_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("input", { type: "file", onChange: handleFileChange })] })), (0, jsx_runtime_1.jsx)(Textarea_style_1.TextareaStyled, { ref: textareaRef, onFocus: onFocus, onBlur: onBlur, onChange: handleChange, value: value, placeholder: t === null || t === void 0 ? void 0 : t('chat.new_message_hint') }), (0, jsx_runtime_1.jsx)(Textarea_style_1.SendButton, Object.assign({ onClick: handleSend, onTouchEnd: handleSend }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.arrowUpOutline }) }))] }) })) })));
-});
-Textarea.displayName = 'Textarea';
-exports.default = react_1.default.memo(Textarea);

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

@@ -1,101 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttachButton = exports.StyledToolbar = exports.StyledFooter = exports.SendButton = exports.TextareaStyled = exports.TextareaWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-const mindly_constants_1 = require("../../Theme/mindly_constants");
-exports.TextareaWrapper = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 6px;
-  background: #f2f4f7;
-  padding: 6px;
-`;
-exports.TextareaStyled = styled_components_1.default.textarea `
-  flex: 1;
-  border: none;
-  resize: none;
-  outline: none;
-  background: #ffffff;
-  border-radius: 16px;
-  padding: 6px 12px;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 19px;
-  color: #1d201f;
-  max-height: 270px;
-  height: 33px;
-
-  &::placeholder {
-    color: #c1c1c1;
-  }
-`;
-exports.SendButton = styled_components_1.default.button `
-  width: 31px;
-  height: 31px;
-  border-radius: 50%;
-  background: #177590;
-  outline: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-  font-size: 20px;
-`;
-exports.StyledFooter = (0, styled_components_1.default)(react_1.IonFooter) `
-  background: #f2f4f7;
-
-  &::before {
-    display: none;
-  }
-`;
-exports.StyledToolbar = (0, styled_components_1.default)(react_1.IonToolbar) `
-  max-width: ${() => ((0, react_1.isPlatform)('desktop') ? mindly_constants_1.maxContainerWidth : '100%')};
-  --background: #f2f4f7;
-  --border-width: 0;
-  --padding-start: 0;
-  --padding-top: 0;
-  --padding-end: 0;
-  --padding-bottom: 0;
-  padding-bottom: ${({ isOpen }) => {
-    return isOpen
-        ? 'calc(var(--ion-safe-area-bottom)-var(--ion-safe-area-bottom)) !important'
-        : 'var(--ion-safe-area-bottom, 0) !important';
-}};
-
-  margin: 0 auto;
-  --min-height: 44px;
-`;
-exports.AttachButton = styled_components_1.default.button `
-  position: relative;
-  width: 25px;
-  height: 25px;
-  color: #5b5b5b;
-  background: transparent;
-  overflow: hidden;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-
-  & svg {
-    width: 20px;
-  }
-
-  & input[type='file'] {
-    position: absolute;
-    left: 0;
-    top: 0;
-    opacity: 0;
-    transform: scale(3);
-    cursor: pointer;
-  }
-`;

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

@@ -1,8 +0,0 @@
-"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 Textarea_1 = require("./Textarea");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Textarea_1).default; } });

package/dist/cjs/lib/Chat/Textarea/utils.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadVideo = exports.loadImage = void 0;
-const loadImage = (path) => {
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        img.src = path;
-        img.onload = () => {
-            resolve(img);
-        };
-        img.onerror = (e) => {
-            reject(e);
-        };
-    });
-};
-exports.loadImage = loadImage;
-const loadVideo = (path) => {
-    return new Promise((resolve, reject) => {
-        const video = document.createElement('video');
-        video.src = path;
-        video.onloadedmetadata = () => {
-            resolve(video);
-        };
-        video.onerror = (e) => {
-            reject(e);
-        };
-    });
-};
-exports.loadVideo = loadVideo;

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.timeNormalize = void 0;
-const luxon_1 = require("luxon");
-const timeNormalize = (message, timeZone, locale) => {
-    var _a;
-    const result = (_a = message === null || message === void 0 ? void 0 : message.match(/<time>(.*?)<\/time>/g)) === null || _a === void 0 ? void 0 : _a.map(function (val) {
-        return val;
-    });
-    let newMessage = message;
-    if (result === null || result === void 0 ? void 0 : result.length) {
-        result.forEach((r) => {
-            const time = luxon_1.DateTime.fromSeconds(Number(r.replace('<time>', '').replace('</time>', '')))
-                .setLocale(locale)
-                .setZone(timeZone);
-            newMessage = newMessage.replace(r, `${time.toFormat('EEEE, d MMMM').charAt(0).toUpperCase()}${time
-                .toFormat('EEEE, d MMMM')
-                .slice(1)}, ${time.toLocaleString(luxon_1.DateTime.TIME_SIMPLE)}`);
-        });
-    }
-    return newMessage;
-};
-exports.timeNormalize = timeNormalize;

package/dist/cjs/lib/ChevronHeader/ChevronHeader.js

@@ -1,19 +0,0 @@
-"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 = require("@ionic/react");
-const AppHeader_1 = __importDefault(require("../AppHeader"));
-const Skeleton_1 = __importDefault(require("../Skeleton"));
-const ChevronHeader_styled_1 = require("./ChevronHeader.styled");
-const icons_1 = require("ionicons/icons");
-const ChevronHeader = ({ title, subTitle, isLoading, onClick, }) => {
-    return !isLoading ? ((0, jsx_runtime_1.jsxs)(AppHeader_1.default, { children: [(0, jsx_runtime_1.jsx)(react_1.IonButtons, Object.assign({ slot: "start" }, { children: (0, jsx_runtime_1.jsx)(ChevronHeader_styled_1.BackButton, Object.assign({ onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: icons_1.chevronBackOutline }) })) })), (0, jsx_runtime_1.jsxs)(ChevronHeader_styled_1.ChevronHeaderTitle, { children: [title && (0, jsx_runtime_1.jsx)(ChevronHeader_styled_1.BookingTitle, { children: title }), subTitle && (0, jsx_runtime_1.jsx)(ChevronHeader_styled_1.BookingSteps, { children: subTitle })] })] })) : ((0, jsx_runtime_1.jsxs)(AppHeader_1.default, { children: [(0, jsx_runtime_1.jsx)(react_1.IonButtons, Object.assign({ slot: "start" }, { children: (0, jsx_runtime_1.jsx)(ChevronHeader_styled_1.BackButton, Object.assign({ onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: icons_1.chevronBackOutline }) })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    flexDirection: 'column',
-                } }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 60, heightPx: 16 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 92, heightPx: 14 })] }))] }));
-};
-exports.default = ChevronHeader;

package/dist/cjs/lib/ChevronHeader/ChevronHeader.styled.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronHeaderTitle = exports.BookingTitle = exports.BookingSteps = exports.BackButton = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.BackButton = styled_components_1.default.button `
-  outline: none;
-  background: transparent;
-  color: #000000;
-  font-size: 20px;
-  padding: 0;
-  margin-left: -8px;
-  border: none;
-`;
-exports.BookingSteps = styled_components_1.default.div `
-  font-size: 12px;
-  color: #1d201f;
-  text-align: center;
-  font-weight: 400;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  word-break: break-word;
-`;
-exports.BookingTitle = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 8px;
-  width: 100%;
-  text-align: center;
-  font-size: 14px;
-  font-weight: 600;
-  color: #1d201f;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  word-break: break-word;
-`;
-exports.ChevronHeaderTitle = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;

package/dist/cjs/lib/ChevronHeader/index.js

@@ -1,8 +0,0 @@
-"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 ChevronHeader_1 = require("./ChevronHeader");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChevronHeader_1).default; } });

package/dist/cjs/lib/Consultations/CancelSession/CancelSession.js

@@ -1,47 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const bucket_svg_1 = require("./bucket.svg");
-const message_svg_1 = require("./message.svg");
-const ConsultationCard_1 = __importStar(require("../ConsultationCard"));
-const CancelSession_style_1 = require("./CancelSession.style");
-const CancelSession = ({ name, avatar, time, timeZone = 'Europe/Kiev', onSubmit, onReschedule, isLoading = false, emptyReasonErrorMessage, locale, translations, }) => {
-    const [isConfirm, setIsConfirm] = (0, react_1.useState)(false);
-    const [message, setMessage] = (0, react_1.useState)('');
-    const [error, setError] = (0, react_1.useState)(false);
-    const handleMessageChange = (0, react_1.useCallback)((e) => {
-        setError(false);
-        setMessage(e.target.value);
-    }, []);
-    if (isConfirm) {
-        return ((0, jsx_runtime_1.jsxs)(CancelSession_style_1.CancelConfirmWrapper, { children: [(0, jsx_runtime_1.jsx)(message_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "confirm-title" }, { children: translations.title })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("textarea", { className: `confirm-textarea ${error ? 'error' : ''}`, placeholder: translations.placeholder, value: message, onChange: handleMessageChange }), error && emptyReasonErrorMessage && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "error-message" }, { children: emptyReasonErrorMessage })))] }), (0, jsx_runtime_1.jsxs)("button", Object.assign({ disabled: isLoading, className: `cancel-btn ${message.length ? 'red' : 'blue'}`, onClick: () => (message === null || message === void 0 ? void 0 : message.length) ? onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(message) : setError(true) }, { children: [isLoading && (0, jsx_runtime_1.jsx)(react_2.IonSpinner, { name: "crescent" }), translations.cancelBtnLabel] }))] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(CancelSession_style_1.CancelSessionConfirmWrapper, { children: [(0, jsx_runtime_1.jsx)(bucket_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "cancel-title" }, { children: translations.question })), (0, jsx_runtime_1.jsx)(ConsultationCard_1.default, { type: ConsultationCard_1.ConsultationCardType.FEATURE, name: name, avatar: avatar, time: time, timeZone: timeZone, locale: locale, sessionId: "" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "cancel-desc" }, { children: translations.description })), (0, jsx_runtime_1.jsxs)("button", Object.assign({ className: "reschedule-btn", onClick: onReschedule }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.calendarNumberOutline }), ' ', translations.rescheduleBtnLabel] })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "confirm-btn", onClick: () => setIsConfirm(true) }, { children: translations.cancelBtnLabel }))] }));
-};
-exports.default = CancelSession;