@mindly/ui-components 8.0.0-alpha.38 → 8.1.0

package/dist/cjs/lib/Consultations/ConsultationSpecialistCard/ConsultationSpecialistCard.style.js

@@ -1,57 +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.SpecialistCardWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.SpecialistCardWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 30px;
-  background: #ffffff;
-  border: 1px solid #eeeeee;
-  border-radius: 10px;
-  padding: 16px;
-  cursor: pointer;
-
-  & .specialist-card-info {
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-  }
-
-  & .specialist-name {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #1d201f;
-    margin-bottom: 4px;
-    display: flex;
-    align-items: center;
-    column-gap: 11px;
-
-    & ion-icon {
-      font-size: 24px;
-      color: #26b183;
-    }
-  }
-
-  & .specialist-sessions {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-  }
-
-  & .sign-up-session {
-    width: 100%;
-    background: #d6f2f9;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    color: #177590;
-    padding: 12px 16px;
-    margin: 0;
-  }
-`;

package/dist/cjs/lib/Consultations/ConsultationSpecialistCard/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 ConsultationSpecialistCard_1 = require("./ConsultationSpecialistCard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ConsultationSpecialistCard_1).default; } });

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

@@ -1,15 +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 = __importDefault(require("react"));
-const EmptyConsultations_style_1 = require("./EmptyConsultations.style");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const CustomButton_1 = __importDefault(require("../../CustomButton"));
-const EmptyConsultations = ({ title, description, buttonLabel, onClick, }) => {
-    return ((0, jsx_runtime_1.jsxs)(EmptyConsultations_style_1.EmptyConsultationsWrapper, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.calendarClearOutline, className: 'empty-icon' }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "empty-title" }, { children: title })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "empty-desc" }, { children: description })), buttonLabel && ((0, jsx_runtime_1.jsx)(CustomButton_1.default, Object.assign({ buttonType: 'primary', onClick: onClick }, { children: buttonLabel })))] }));
-};
-exports.default = react_1.default.memo(EmptyConsultations);

package/dist/cjs/lib/Consultations/EmptyConsultations/EmptyConsultations.style.js

@@ -1,32 +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.EmptyConsultationsWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.EmptyConsultationsWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .empty-title {
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-  }
-
-  & .empty-desc {
-    font-weight: 400;
-    font-size: 18px;
-    line-height: 24px;
-    color: #1d201f;
-    margin-top: -15px;
-  }
-
-  .empty-icon {
-    font-size: 60px;
-    color: #177590;
-  }
-`;

package/dist/cjs/lib/Consultations/EmptyConsultations/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 EmptyConsultations_1 = require("./EmptyConsultations");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmptyConsultations_1).default; } });

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

@@ -1,41 +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 = __importStar(require("react"));
-const react_2 = require("@ionic/react");
-const ConsultationCard_1 = __importStar(require("../ConsultationCard"));
-const ReSchedule_style_1 = require("./ReSchedule.style");
-const empty_svg_1 = require("../empty.svg");
-const ReSchedule = ({ name, avatar, time, timeZone = 'Europe/Kiev', onSubmit, isLoading = false, emptyReasonErrorMessage, locale, translations, }) => {
-    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);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(ReSchedule_style_1.ReScheduleWrapper, { children: [(0, jsx_runtime_1.jsx)(empty_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "reschedule-title" }, { children: translations === null || translations === void 0 ? void 0 : translations.title })), (0, jsx_runtime_1.jsx)(ConsultationCard_1.default, { type: ConsultationCard_1.ConsultationCardType.FEATURE, time: time, timeZone: timeZone, name: name, avatar: avatar, sessionId: "", locale: locale }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("textarea", { placeholder: translations === null || translations === void 0 ? void 0 : translations.placeholder, className: `reschedule-textarea ${error ? 'error' : ''}`, 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({ className: `reschedule-btn${isLoading ? ' loading' : ''}`, disabled: isLoading, 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 === null || translations === void 0 ? void 0 : translations.btnLabel] }))] }));
-};
-exports.default = react_1.default.memo(ReSchedule);

package/dist/cjs/lib/Consultations/ReSchedule/ReSchedule.style.js

@@ -1,86 +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.ReScheduleWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ReScheduleWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .reschedule-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #1d201f;
-    margin-top: -8px;
-  }
-
-  & .reschedule-textarea {
-    outline: none;
-    width: 100%;
-    background: #ffffff;
-    border: 1px solid #e5e5e5;
-    border-radius: 10px;
-    resize: none;
-    height: 72px;
-    padding: 10px 12px;
-    margin: 0;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #1d201f;
-
-    &::placeholder {
-      color: #c1c1c1;
-    }
-
-    &.error {
-      border: 1px solid #c13e18;
-      border-radius: 10px;
-      margin-bottom: 5px;
-    }
-  }
-
-  & .error-message {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-
-    color: #c13e18;
-  }
-
-  & .reschedule-btn {
-    position: relative;
-    outline: none;
-    margin: 0;
-    background: #177590;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    padding: 16px;
-
-    &:disabled {
-      background: #f2f4f7;
-      color: #5b5b5b;
-    }
-
-    & ion-spinner {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      font-size: 24px;
-      color: #fff;
-    }
-
-    &.loading {
-      background: #c1c1c1;
-      color: #ffffff;
-    }
-  }
-`;

package/dist/cjs/lib/Consultations/ReSchedule/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 ReSchedule_1 = require("./ReSchedule");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ReSchedule_1).default; } });

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

@@ -1,39 +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 ConsultationCard_1 = __importStar(require("../ConsultationCard"));
-const ReScheduleSuccess_style_1 = require("./ReScheduleSuccess.style");
-const reschedule_svg_1 = require("./reschedule.svg");
-const checkmark_done_svg_1 = require("./checkmark-done.svg");
-const payment_success_svg_1 = require("./payment-success.svg");
-const ReScheduleSuccess = ({ name, avatar, time, timeZone = 'Europe/Kiev', onClick, type = 'reschedule', successTitle = 'Сеанс перенесено на', cancelTitle = 'Сеанс скасовано', paymentTitle = 'Сеанс заброньовано', description, success, locale, }) => {
-    return ((0, jsx_runtime_1.jsx)(ReScheduleSuccess_style_1.SuccessWrapper, Object.assign({ type: type }, { children: (0, jsx_runtime_1.jsxs)(ReScheduleSuccess_style_1.SuccessContainer, Object.assign({ type: type }, { children: [type === 'reschedule' ? ((0, jsx_runtime_1.jsx)(reschedule_svg_1.ReactComponent, {})) : type === 'payment' ? ((0, jsx_runtime_1.jsx)(payment_success_svg_1.ReactComponent, {})) : ((0, jsx_runtime_1.jsx)(checkmark_done_svg_1.ReactComponent, {})), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "success-title" }, { children: type === 'cancel'
-                        ? cancelTitle
-                        : type === 'reschedule'
-                            ? successTitle
-                            : paymentTitle })), ['reschedule', 'payment'].includes(type) && ((0, jsx_runtime_1.jsx)(ConsultationCard_1.default, { type: ConsultationCard_1.ConsultationCardType.FEATURE, name: name, avatar: avatar, timeZone: timeZone, time: time, sessionId: "", locale: locale })), type === 'cancel' && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "success-desc" }, { children: description })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "success-btn", onClick: onClick }, { children: success }))] })) })));
-};
-exports.default = ReScheduleSuccess;

package/dist/cjs/lib/Consultations/ReScheduleSuccess/ReScheduleSuccess.style.js

@@ -1,56 +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.SuccessContainer = exports.SuccessWrapper = 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.SuccessWrapper = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: ${({ type }) => ['reschedule', 'payment'].includes(type) ? '#26B183' : '#B12631'};
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-`;
-exports.SuccessContainer = styled_components_1.default.div `
-  width: ${!(0, react_1.isPlatform)('desktop') ? '100%' : mindly_constants_1.maxContainerWidth};
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .success-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #ffffff;
-    margin-top: -8px;
-  }
-
-  & .success-btn {
-    outline: none;
-    background: ${({ type }) => ['reschedule', 'payment'].includes(type) ? 'transparent' : '#FFFFFF'};
-    border: 1px solid #ffffff;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: ${({ type }) => ['reschedule', 'payment'].includes(type) ? '#FFFFFF' : '#B12631'};
-    padding: 15px;
-    width: 200px;
-  }
-
-  & .success-desc {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    margin-top: -12px;
-  }
-`;

package/dist/cjs/lib/Consultations/ReScheduleSuccess/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 ReScheduleSuccess_1 = require("./ReScheduleSuccess");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ReScheduleSuccess_1).default; } });

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

@@ -1,22 +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 = __importDefault(require("react"));
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const SignUpSessionButton_style_1 = require("./SignUpSessionButton.style");
-const SignUpSessionButton = ({ label, isLoading = false, onClick, }) => {
-    if (isLoading) {
-        return ((0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                margin: 0,
-                width: '208px',
-                height: '42px',
-                borderRadius: '22px',
-            } }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(SignUpSessionButton_style_1.SignUpButton, Object.assign({ onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.calendarOutline }), label] })));
-};
-exports.default = react_1.default.memo(SignUpSessionButton);

package/dist/cjs/lib/Consultations/SignUpSessionButton/SignUpSessionButton.style.js

@@ -1,29 +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.SignUpButton = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.SignUpButton = styled_components_1.default.button `
-  margin: 0 auto;
-  outline: none;
-  background: #177590;
-  border-radius: 22px;
-  color: #fff;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  padding: 9px 16px;
-  display: flex;
-  align-items: center;
-  column-gap: 6px;
-
-  & ion-icon {
-    font-size: 24px;
-  }
-
-  &:active {
-    background: #13637a;
-  }
-`;

package/dist/cjs/lib/Consultations/SignUpSessionButton/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 SignUpSessionButton_1 = require("./SignUpSessionButton");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SignUpSessionButton_1).default; } });

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

@@ -1,58 +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 SignUpSessionModal_style_1 = require("./SignUpSessionModal.style");
-const react_2 = require("@ionic/react");
-const Avatar_1 = require("../../Avatar");
-const SignUpSessionModal = ({ isOpen, specialists, onSpecialistSelected, onCancel, viewportHeight, title, cancelBtnLabel, }) => {
-    const modalRef = (0, react_1.useRef)(null);
-    const [isSpecialistClicked, setIsSpecialistClicked] = (0, react_1.useState)(false);
-    const leaveAnimation = (0, react_1.useCallback)((baseEl) => {
-        const animationCtrl = (0, react_2.createAnimation)().addElement(baseEl);
-        return (0, react_2.createAnimation)().addAnimation(animationCtrl);
-    }, []);
-    const handleModalClose = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!modalRef.current)
-            return;
-        yield modalRef.current.dismiss();
-    }), [modalRef]);
-    const modalHeight = (0, react_1.useMemo)(() => specialists.length * 74 + 175, [specialists]);
-    return ((0, jsx_runtime_1.jsx)(SignUpSessionModal_style_1.SignUpSessionWrapper, Object.assign({ ref: modalRef, isOpen: isOpen, initialBreakpoint: 1, breakpoints: [0, 1], leaveAnimation: isSpecialistClicked ? leaveAnimation : undefined, mode: "ios", onIonModalDidDismiss: onCancel, onIonModalWillPresent: () => setIsSpecialistClicked(false), height: modalHeight > viewportHeight ? 0 : modalHeight, swipeToClose: true }, { children: (0, jsx_runtime_1.jsxs)(SignUpSessionModal_style_1.SignUpSessionContent, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "signup-title" }, { children: title })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "specialists-list" }, { children: specialists.map((specialist) => ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "specialist-item", onClick: () => {
-                            setIsSpecialistClicked(true);
-                            onSpecialistSelected === null || onSpecialistSelected === void 0 ? void 0 : onSpecialistSelected(specialist.id);
-                        } }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: specialist.avatar, firstName: specialist.name, dimensions: 40, className: "user-avatar" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "specialist-name" }, { children: specialist.name })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "specialist-sessions" }, { children: specialist.sessions }))] })] }), specialist.id))) })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "cancel-btn", onClick: handleModalClose }, { children: cancelBtnLabel }))] }) })));
-};
-exports.default = react_1.default.memo(SignUpSessionModal);

package/dist/cjs/lib/Consultations/SignUpSessionModal/SignUpSessionModal.style.js

@@ -1,89 +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.SignUpSessionContent = exports.SignUpSessionWrapper = 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.SignUpSessionWrapper = (0, styled_components_1.default)(react_1.IonModal) `
-  --max-width: ${!(0, react_1.isPlatform)('desktop') ? '100%' : mindly_constants_1.maxContainerWidth};
-  --height: ${({ height }) => height
-    ? `calc(${height}px + var(--ion-safe-area-bottom))`
-    : 'calc(100% - var(--ion-safe-area-top))'};
-`;
-exports.SignUpSessionContent = styled_components_1.default.div `
-  padding: 41px 16px calc(16px + var(--ion-safe-area-bottom)) 16px;
-  font-family: 'Inter', sans-serif;
-  max-height: 100%;
-  overflow-y: auto;
-
-  & .signup-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #1d201f;
-    margin-bottom: 24px;
-  }
-
-  & .specialists-list {
-    display: flex;
-    flex-direction: column;
-    margin: 0 -16px 24px -16px;
-    padding: 0;
-  }
-
-  & .specialist-item {
-    display: flex;
-    column-gap: 10px;
-    padding: 16px 18px;
-    border-bottom: 1px solid #eeeeee;
-    cursor: pointer;
-    margin: 0;
-
-    &:first-child {
-      border-top: 1px solid #eeeeee;
-    }
-
-    & .user-avatar {
-      padding: 3px;
-    }
-
-    &:active {
-      background: #f2f4f7;
-    }
-  }
-
-  & .cancel-btn {
-    outline: none;
-    background: #f2f4f7;
-    border-radius: 10px;
-    width: 100%;
-    font-weight: 600;
-    font-size: 14px;
-    color: #5b5b5b;
-    padding: 17px;
-    margin: 0;
-  }
-
-  & .specialist-name {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    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;
-  }
-
-  & .specialist-sessions {
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    color: #5b5b5b;
-  }
-`;

package/dist/cjs/lib/Consultations/SignUpSessionModal/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 SignUpSessionModal_1 = require("./SignUpSessionModal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SignUpSessionModal_1).default; } });

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

@@ -1,46 +0,0 @@
-"use strict";
-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());
-    });
-};
-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("react");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const UserInfoModal_style_1 = require("./UserInfoModal.style");
-const utils_1 = require("../utils");
-const TooltipComponent_1 = __importDefault(require("../../TooltipComponent"));
-const lib2_1 = require("../../../lib2");
-const clsx_1 = __importDefault(require("clsx"));
-const UserInfoModal = ({ isOpen, id, name, avatar, sessions, onMessage, onBuy, onProfile, onRateSession, onSignUp, onClose, isClient = false, translations, isShowContract = false, contractStatus, handleOpenContract, isContractLoading = false, }) => {
-    var _a, _b;
-    const [viewTooltip, setViewTooltip] = (0, react_1.useState)(false);
-    const modalRef = (0, react_1.useRef)(null);
-    const handleModalClose = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!modalRef.current)
-            return;
-        yield modalRef.current.dismiss();
-    }), [modalRef]);
-    return ((0, jsx_runtime_1.jsxs)(UserInfoModal_style_1.SpecialistInfoWrapper, Object.assign({ ref: modalRef, isOpen: isOpen, initialBreakpoint: 1, breakpoints: [0, 1], mode: "ios", onIonModalDidDismiss: onClose, swipeToClose: true, modalHeight: isClient ? 310 : (translations === null || translations === void 0 ? void 0 : translations.rateTheSessionText) ? 518 : 400 }, { children: [(0, jsx_runtime_1.jsx)(UserInfoModal_style_1.SpecialistInfoContainer, Object.assign({ isClient: isClient }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-info-wrapper" }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ className: "specialist-close-btn", onClick: handleModalClose }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.closeCircleOutline }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-info" }, { children: [(0, jsx_runtime_1.jsx)(lib2_1.Avatar_v2, { src: avatar, variant: "medium" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-name" }, { children: [name, " ", (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.shieldCheckmark })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-sessions" }, { children: [sessions, " ", (0, utils_1.decOfNum)(sessions, (_a = translations === null || translations === void 0 ? void 0 : translations.sessions) !== null && _a !== void 0 ? _a : [])] }))] })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-controls" }, { children: [(0, jsx_runtime_1.jsxs)("button", Object.assign({ className: "specialist-btn write", onClick: () => onMessage === null || onMessage === void 0 ? void 0 : onMessage(id) }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { className: 'icon', icon: icons_1.chatbubblesOutline }), ' ', translations === null || translations === void 0 ? void 0 : translations.writeBtnLabel] })), (0, jsx_runtime_1.jsxs)("button", Object.assign({ className: `specialist-btn ${sessions > 0 && 'disabled'}`, onClick: () => sessions <= 0 ? onBuy === null || onBuy === void 0 ? void 0 : onBuy(id) : setViewTooltip(!viewTooltip) }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { className: 'icon', icon: icons_1.addCircleOutline }), ' ', translations === null || translations === void 0 ? void 0 : translations.buyBtnLabel, sessions > 0 && ((0, jsx_runtime_1.jsx)(TooltipComponent_1.default, { dimension: 17, alignment: 'right', text: (_b = translations === null || translations === void 0 ? void 0 : translations.buyTooltip) !== null && _b !== void 0 ? _b : '', makeVisible: viewTooltip }))] }))] }))] })) })), (0, jsx_runtime_1.jsxs)(lib2_1.ListItems, { children: [(0, jsx_runtime_1.jsx)(lib2_1.Item, Object.assign({ innerItemClassName: "border-b border-b-solid border-b-typography-typography-primary/10", className: "!border-0", leftContent: (0, jsx_runtime_1.jsx)(lib2_1.IconProfile, { className: "h-6 w-6 !flex-shrink-0" }), onClick: () => onProfile === null || onProfile === void 0 ? void 0 : onProfile(id) }, { children: (0, jsx_runtime_1.jsx)(lib2_1.Typography, Object.assign({ variant: lib2_1.TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.profile })) })), isShowContract && ((0, jsx_runtime_1.jsxs)(lib2_1.Item, Object.assign({ isDisabled: isContractLoading, leftContent: (0, jsx_runtime_1.jsx)(lib2_1.IconPaper, { className: (0, clsx_1.default)('h-6 w-6 !flex-shrink-0', {
-                                '!text-color-info-red-not-red': contractStatus === 'not_signed',
-                                '!text-color-info-blue': contractStatus === 'pending',
-                            }) }), onClick: handleOpenContract, innerItemClassName: "border-b border-b-solid border-b-typography-typography-primary/10", className: (0, clsx_1.default)('!border-0', {
-                            'bg-color-info-light-red-not-red [&>div]:bg-color-info-light-red-not-red': contractStatus === 'not_signed',
-                            'bg-color-background-anti-flash-light [&>div]:bg-[#f2f4f7]': contractStatus === 'pending',
-                        }), rightContent: isContractLoading ? (0, jsx_runtime_1.jsx)(lib2_1.Spinner_v2, { size: 16 }) : undefined }, { children: [(0, jsx_runtime_1.jsx)(lib2_1.Typography, Object.assign({ variant: lib2_1.TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.contractTitle })), contractStatus !== 'active' && ((0, jsx_runtime_1.jsx)(lib2_1.Typography, Object.assign({ opacity: contractStatus === 'expired' ? 50 : 100, className: (0, clsx_1.default)({
-                                    '!text-color-info-red-not-red': contractStatus === 'not_signed',
-                                    '!text-color-info-blue': contractStatus === 'pending',
-                                }), variant: lib2_1.TypographyVariantsEnum.Text14Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.contractSubtitle })))] }))), !!(translations === null || translations === void 0 ? void 0 : translations.rateTheSessionText) && ((0, jsx_runtime_1.jsx)(lib2_1.Item, Object.assign({ className: "!border-0", leftContent: (0, jsx_runtime_1.jsx)(lib2_1.IconStar, { className: "h-6 w-6 !flex-shrink-0" }), onClick: () => onRateSession === null || onRateSession === void 0 ? void 0 : onRateSession(id) }, { children: (0, jsx_runtime_1.jsx)(lib2_1.Typography, Object.assign({ variant: lib2_1.TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.rateTheSessionText })) })))] }), (0, jsx_runtime_1.jsx)(lib2_1.AppFooter_v2, Object.assign({ style: {
-                    marginTop: 'auto',
-                } }, { children: (0, jsx_runtime_1.jsx)(lib2_1.Button_v2, Object.assign({ icon: sessions ? ((0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.calendarOutline })) : ((0, jsx_runtime_1.jsx)(lib2_1.IconCalendar, { className: "!h-5 !w-5" })), iconPosition: "center", size: "large", fullWidth: true, onClick: () => (sessions ? onSignUp === null || onSignUp === void 0 ? void 0 : onSignUp(id) : onBuy === null || onBuy === void 0 ? void 0 : onBuy(id)) }, { children: translations === null || translations === void 0 ? void 0 : translations.clientBtnLabel })) }))] })));
-};
-exports.default = UserInfoModal;