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

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

@@ -1,53 +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 __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 = __importStar(require("react"));
-const luxon_1 = require("luxon");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const ConsultationCard_style_1 = require("./ConsultationCard.style");
-const Avatar_1 = require("../../Avatar");
-const ConsultationCardSkeleton_1 = __importDefault(require("./ConsultationCardSkeleton"));
-const utils_1 = require("../utils");
-const types_1 = require("./types");
-const ConsultationCard = ({ type, sessionId, name, avatar, time, timeZone = 'Europe/Kiev', onClick, isLoading = false, withBorder = false, onVideoCall, locale, translations, }) => {
-    const cardDate = (0, react_1.useMemo)(() => luxon_1.DateTime.fromSeconds(time).setLocale(locale).setZone(timeZone), [time, timeZone, luxon_1.DateTime.now(), locale]);
-    const isSoonStart = (0, react_1.useMemo)(() => cardDate.toSeconds() - luxon_1.DateTime.now().toSeconds() < 1800, [time, timeZone, cardDate]);
-    if (isLoading) {
-        return (0, jsx_runtime_1.jsx)(ConsultationCardSkeleton_1.default, { type: type });
-    }
-    if (type === types_1.ConsultationCardType.UNBOOKED) {
-        return ((0, jsx_runtime_1.jsx)(ConsultationCard_style_1.ConsultationCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(sessionId) }, { children: (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardContainer, { children: [(0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardInfo, Object.assign({ className: 'choose-day-and-time' }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar, dimensions: 72, withBorder: withBorder }), (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: 'choose-day-and-time' }, { children: translations === null || translations === void 0 ? void 0 : translations.choose_day_and_time }))] })), (0, jsx_runtime_1.jsx)(ConsultationCard_style_1.LastConsultationCardTime, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "sign-up-on-session" }, { children: [translations === null || translations === void 0 ? void 0 : translations.sign_up, (0, jsx_runtime_1.jsx)("button", Object.assign({ className: 'join-btn filled' }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.arrowForwardOutline }) }))] })) })] }) })));
-    }
-    if (type === types_1.ConsultationCardType.LAST) {
-        return ((0, jsx_runtime_1.jsx)(ConsultationCard_style_1.ConsultationCardWrapper, Object.assign({ onClick: () => isSoonStart ? onVideoCall === null || onVideoCall === void 0 ? void 0 : onVideoCall(sessionId) : onClick === null || onClick === void 0 ? void 0 : onClick(sessionId), className: `${isSoonStart ? 'is-soon-start' : ''}` }, { children: (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardContainer, { children: [(0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardInfo, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-day" }, { children: (0, utils_1.timeNormalize)(cardDate, translations === null || translations === void 0 ? void 0 : translations.days, translations === null || translations === void 0 ? void 0 : translations.hour, translations === null || translations === void 0 ? void 0 : translations.minutes, translations === null || translations === void 0 ? void 0 : translations.from, translations === null || translations === void 0 ? void 0 : translations.started) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "card-info" }, { children: [translations === null || translations === void 0 ? void 0 : translations.with, " ", name] }))] }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar, dimensions: 72, withBorder: withBorder })] }), (0, jsx_runtime_1.jsx)(ConsultationCard_style_1.LastConsultationCardTime, Object.assign({ className: "card-date" }, { children: isSoonStart ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "card-join-text" }, { children: [translations === null || translations === void 0 ? void 0 : translations.join, (0, jsx_runtime_1.jsx)("button", Object.assign({ className: 'join-btn' }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.arrowForwardOutline }) }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'card-local-day-wrapper' }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-local-day" }, { children: cardDate.toFormat('EEEE, d MMMM') })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "card-local-gmt" }, { children: [cardDate.toLocaleString(luxon_1.DateTime.TIME_SIMPLE), ' ', cardDate.toFormat('ZZZZ'), ", ", translations === null || translations === void 0 ? void 0 : translations.sessionDuration] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-local-time" }, { children: translations === null || translations === void 0 ? void 0 : translations.forLocalTime }))] }), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: 'join-btn filled' }, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.arrowForwardOutline }) }))] }))) }))] }) })));
-    }
-    return ((0, jsx_runtime_1.jsx)(ConsultationCard_style_1.ConsultationCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(sessionId) }, { children: (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardContainer, Object.assign({ className: `${type === types_1.ConsultationCardType.PAST && 'finished-card'}` }, { children: [(0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardDate, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-month" }, { children: cardDate.toFormat('LLL') })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-day" }, { children: cardDate.toFormat('d') }))] }), (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardInfo, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "card-date" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: cardDate.toFormat('EEEE') }), ",", ' ', cardDate.toLocaleString(luxon_1.DateTime.TIME_SIMPLE)] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-user-name" }, { children: name }))] }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar, dimensions: 40, className: "card-avatar" })] })) })));
-};
-exports.default = react_1.default.memo(ConsultationCard);

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

@@ -1,220 +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.LastConsultationCardTime = exports.LastConsultationCardInfo = exports.LastConsultationCardContainer = exports.ConsultationCardInfo = exports.ConsultationCardDate = exports.ConsultationCardContainer = exports.ConsultationCardWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ConsultationCardWrapper = styled_components_1.default.div `
-  width: 100%;
-  padding: 16px;
-  background: #ffffff;
-  border: 1px solid #eeeeee;
-  border-radius: 10px;
-  cursor: pointer;
-
-  &.is-soon-start {
-    background: #177590;
-    border: none;
-
-    & .card-day,
-    .card-info,
-    .card-date {
-      color: #ffffff;
-    }
-
-    &:active {
-      background: #13637a;
-    }
-  }
-
-  & .card-join-text {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 20px;
-    color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  &:active {
-    background: #f2f4f7;
-  }
-
-  .join-btn {
-    border: none;
-    outline: none;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    background: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    color: #1d201f;
-
-    &.filled {
-      background: #177590;
-      color: #ffffff;
-    }
-  }
-
-  .card-local-day-wrapper {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-  }
-`;
-exports.ConsultationCardContainer = styled_components_1.default.div `
-  display: flex;
-  column-gap: 13px;
-  justify-content: space-between;
-  align-items: stretch;
-
-  &.finished-card .card-avatar {
-    opacity: 0.75;
-  }
-
-  &.finished-card .card-month,
-  &.finished-card .card-day,
-  &.finished-card .card-date,
-  &.finished-card .card-user-name {
-    color: #5b5b5b;
-  }
-`;
-exports.ConsultationCardDate = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 2px;
-  align-items: center;
-  justify-content: space-between;
-  font-weight: 600;
-
-  & .card-month {
-    font-size: 12px;
-    color: #b12631;
-    text-transform: uppercase;
-  }
-
-  & .card-day {
-    font-size: 16px;
-    text-align: center;
-    color: #1d201f;
-  }
-`;
-exports.ConsultationCardInfo = styled_components_1.default.div `
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  row-gap: 4px;
-
-  & .card-date {
-    font-weight: 600;
-    font-size: 16px;
-    color: #1d201f;
-
-    & span {
-      font-weight: inherit;
-      font-size: inherit;
-      color: inherit;
-      text-transform: capitalize;
-    }
-  }
-
-  & .card-user-name {
-    font-weight: 400;
-    font-size: 12px;
-    color: #5b5b5b;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    line-clamp: 1;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-  }
-`;
-exports.LastConsultationCardContainer = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  min-height: 132px;
-  row-gap: 16px;
-`;
-exports.LastConsultationCardInfo = styled_components_1.default.div `
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  font-weight: 600;
-  column-gap: 10px;
-
-  & .card-day {
-    font-size: 10px;
-    line-height: 14px;
-    color: #b12631;
-    margin-bottom: 9px;
-    text-transform: uppercase;
-  }
-
-  & .card-info {
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-    word-break: break-word;
-  }
-
-  &.choose-day-and-time {
-    column-gap: 15px;
-    align-items: center;
-
-    h2 {
-      font-style: normal;
-      font-weight: 600;
-      font-size: 20px;
-      line-height: 24px;
-      color: #1d201f;
-    }
-  }
-`;
-exports.LastConsultationCardTime = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-
-  & .card-local-day:first-letter {
-    text-transform: uppercase;
-  }
-
-  & .card-local-day {
-    font-weight: 600;
-  }
-
-  & .card-local-gmt {
-    font-weight: 600;
-  }
-
-  & .card-local-time {
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    color: #1d201f;
-  }
-
-  & .sign-up-on-session {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 20px;
-    color: #1d201f;
-  }
-`;

package/dist/cjs/lib/Consultations/ConsultationCard/ConsultationCardSkeleton.js

@@ -1,69 +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 types_1 = require("./types");
-const ConsultationCard_style_1 = require("./ConsultationCard.style");
-const ConsultationCardSkeleton = ({ type, }) => {
-    switch (type) {
-        case types_1.ConsultationCardType.LAST:
-            return ((0, jsx_runtime_1.jsx)(ConsultationCard_style_1.ConsultationCardWrapper, { children: (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardContainer, { children: [(0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardInfo, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-day" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                                    margin: 0,
-                                                    width: '74px',
-                                                    height: '12px',
-                                                    borderRadius: '4px',
-                                                } }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-info" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                                    margin: 0,
-                                                    width: '191px',
-                                                    height: '24px',
-                                                    borderRadius: '4px',
-                                                } }) }))] }), (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                        margin: 0,
-                                        width: '72px',
-                                        height: '72px',
-                                        borderRadius: '50%',
-                                    } })] }), (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.LastConsultationCardTime, Object.assign({ className: "card-date" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: '0 0 4px 0',
-                                            width: '148px',
-                                            height: '12px',
-                                            borderRadius: '4px',
-                                        } }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '114px',
-                                            height: '12px',
-                                            borderRadius: '4px',
-                                        } }) })] }))] }) }));
-        default:
-            return ((0, jsx_runtime_1.jsx)(ConsultationCard_style_1.ConsultationCardWrapper, { children: (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardContainer, { children: [(0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardDate, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-month" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '23px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-day" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '11px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) }))] }), (0, jsx_runtime_1.jsxs)(ConsultationCard_style_1.ConsultationCardInfo, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-date" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '145px',
-                                            height: '24px',
-                                            borderRadius: '4px',
-                                        } }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card-user-name" }, { children: (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '51px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) }))] }), (0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
-                                margin: 0,
-                                width: '40px',
-                                height: '40px',
-                                borderRadius: '50%',
-                            } })] }) }));
-    }
-};
-exports.default = react_1.default.memo(ConsultationCardSkeleton);

package/dist/cjs/lib/Consultations/ConsultationCard/index.js

@@ -1,23 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-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 ConsultationCard_1 = require("./ConsultationCard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ConsultationCard_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib/Consultations/ConsultationCard/types.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConsultationCardType = void 0;
-var ConsultationCardType;
-(function (ConsultationCardType) {
-    ConsultationCardType["FEATURE"] = "feature";
-    ConsultationCardType["PAST"] = "past";
-    ConsultationCardType["LAST"] = "last";
-    ConsultationCardType["UNBOOKED"] = "unbooked";
-})(ConsultationCardType = exports.ConsultationCardType || (exports.ConsultationCardType = {}));

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

@@ -1,56 +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 luxon_1 = require("luxon");
-const icons_1 = require("ionicons/icons");
-const ConsultationModal_style_1 = require("./ConsultationModal.style");
-const Avatar_1 = require("../../Avatar");
-const utils_1 = require("../utils");
-const lib2_1 = require("../../../lib2");
-const ConsultationModal = ({ isOpen, sessionId, userId, isSessionFinish = false, time, timeZone = 'Europe/Kiev', name, avatar, onAvatarClick, onWriteClick, onSessionStartClick, onCancel, onReschedule, onModalClose, locale, translations, isContractLoading, }) => {
-    const modalRef = (0, react_1.useRef)(null);
-    const sessionDate = (0, react_1.useMemo)(() => luxon_1.DateTime.fromSeconds(time).setLocale(locale).setZone(timeZone), [time, timeZone, locale]);
-    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.jsx)(ConsultationModal_style_1.ConsultationModalWrapper, Object.assign({ ref: modalRef, isOpen: isOpen, initialBreakpoint: 1, breakpoints: [0, 1], mode: "ios", onIonModalDidDismiss: onModalClose, height: isSessionFinish ? 240 : 400, swipeToClose: true }, { children: (0, jsx_runtime_1.jsx)(ConsultationModal_style_1.ConsultationModalContent, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "modal-content" }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ className: "modal-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: "session-info" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "session-info-data" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: `session-day${isSessionFinish ? ' session-finish' : ''}` }, { children: isSessionFinish
-                                            ? translations === null || translations === void 0 ? void 0 : translations.finishTitle
-                                            : (0, utils_1.timeNormalize)(sessionDate, translations === null || translations === void 0 ? void 0 : translations.days, translations === null || translations === void 0 ? void 0 : translations.hour, translations === null || translations === void 0 ? void 0 : translations.minutes, translations === null || translations === void 0 ? void 0 : translations.from, translations === null || translations === void 0 ? void 0 : translations.started) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "session-name" }, { children: [translations === null || translations === void 0 ? void 0 : translations.with, " ", name] }))] })), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar, firstName: name, dimensions: 62, onClick: () => onAvatarClick === null || onAvatarClick === void 0 ? void 0 : onAvatarClick(userId) })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "session-date-container" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "session-date" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "session-date-day" }, { children: sessionDate.toFormat('EEEE, d MMMM') })), (0, jsx_runtime_1.jsxs)("div", { children: [sessionDate.toLocaleString(luxon_1.DateTime.TIME_SIMPLE), ' ', sessionDate.toFormat('ZZZZ'), ", ", translations === null || translations === void 0 ? void 0 : translations.sessionDuration] }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "session-local-time" }, { children: translations === null || translations === void 0 ? void 0 : translations.forLocalTime }))] })), (0, jsx_runtime_1.jsxs)("button", Object.assign({ className: "session-write-btn", onClick: () => onWriteClick === null || onWriteClick === void 0 ? void 0 : onWriteClick(userId) }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.chatbubblesOutline }), translations === null || translations === void 0 ? void 0 : translations.writeBtnLabel] }))] })), !isSessionFinish && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", Object.assign({ className: "session-start-btn", onClick: () => onSessionStartClick === null || onSessionStartClick === void 0 ? void 0 : onSessionStartClick(sessionId), disabled: isContractLoading }, { children: [isContractLoading ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "block spinner-icon" }, { children: (0, jsx_runtime_1.jsx)(lib2_1.Spinner_v2, { size: 24 }) }))) : ((0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.videocamOutline })), translations === null || translations === void 0 ? void 0 : translations.startBtnLabel] })), (0, jsx_runtime_1.jsx)("div", { className: "session-divider" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "session-reschedule-container" }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "session-cancel-text" }, { children: translations === null || translations === void 0 ? void 0 : translations.question })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "session-cancel-btn", onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(sessionId) }, { children: translations === null || translations === void 0 ? void 0 : translations.cancelBtnLabel }))] }), (0, jsx_runtime_1.jsxs)("button", Object.assign({ className: "session-reschedule-btn", onClick: () => onReschedule === null || onReschedule === void 0 ? void 0 : onReschedule(sessionId) }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.calendarNumberOutline }), translations === null || translations === void 0 ? void 0 : translations.rescheduleBtnLabel] }))] }))] }))] })) }) })));
-};
-exports.default = react_1.default.memo(ConsultationModal);

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

@@ -1,188 +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.ConsultationModalContent = exports.ConsultationModalWrapper = 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.ConsultationModalWrapper = (0, styled_components_1.default)(react_1.IonModal) `
-  --max-width: ${!(0, react_1.isPlatform)('desktop') ? '100%' : mindly_constants_1.maxContainerWidth};
-  --height: ${({ height }) => `calc(${height}px + var(--ion-safe-area-bottom))`};
-`;
-exports.ConsultationModalContent = styled_components_1.default.div `
-  padding: 54px 16px 16px 16px;
-  font-family: 'Inter', sans-serif;
-
-  & .modal-content {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    row-gap: 30px;
-
-    & .modal-close-btn {
-      position: absolute;
-      top: -34px;
-      right: 2px;
-      background: none;
-      outline: none;
-      padding: 0;
-      margin: 0;
-      font-size: 26px;
-      color: #c1c1c1;
-    }
-  }
-
-  & .session-info {
-    display: flex;
-    column-gap: 10px;
-    justify-content: space-between;
-  }
-
-  & .session-info-data {
-    display: flex;
-    flex-direction: column;
-    row-gap: 9px;
-  }
-
-  & .session-day {
-    font-weight: 600;
-    font-size: 10px;
-    color: #b12631;
-    text-transform: uppercase;
-
-    &.session-finish {
-      color: #26b183;
-    }
-  }
-
-  & .session-name {
-    font-weight: 600;
-    font-size: 20px;
-    color: #1d201f;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-  }
-
-  & .session-date-container {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  & .session-date {
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-  }
-
-  & .session-date-day:first-letter {
-    text-transform: uppercase;
-  }
-
-  & .session-local-time {
-    font-weight: 400;
-  }
-
-  & .session-write-btn {
-    outline: none;
-    margin: 0;
-    padding: 7px 11px;
-    display: flex;
-    align-items: center;
-    column-gap: 8px;
-    background: #d6f2f9;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 12px;
-    color: #177590;
-
-    & ion-icon {
-      font-size: 18px;
-    }
-  }
-
-  & .session-start-btn {
-    width: 100%;
-    background: #177590;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    color: #ffffff;
-    position: relative;
-    padding: 17px;
-    margin: 2px 0 0 0;
-
-    &:disabled {
-      background: #c1c1c1;
-    }
-
-    & .spinner-icon {
-        position: absolute;
-        left: 20px;
-        top: 50%;
-        transform: translateY(-50%);
-        font-size: 24px;   
-    }
-
-    & ion-icon {
-      position: absolute;
-      left: 20px;
-      top: 50%;
-      transform: translateY(-50%);
-      font-size: 24px;
-    }
-  }
-
-  & .session-divider {
-    width: 100%;
-    height: 1px;
-    background: #eeeeee;
-  }
-
-  & .session-reschedule-container {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  & .session-cancel-text {
-    font-weight: 400;
-    font-size: 12px;
-    color: #5b5b5b;
-  }
-
-  & .session-cancel-btn {
-    outline: none;
-    font-weight: 600;
-    font-size: 12px;
-    margin: 0;
-    background: none;
-    padding: 0;
-    color: #5b5b5b;
-  }
-
-  & .session-reschedule-btn {
-    outline: none;
-    background: #f2f4f7;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 12px;
-    color: #5b5b5b;
-    padding: 7px 18px 7px 10px;
-    display: flex;
-    align-items: center;
-    column-gap: 10px;
-    margin: 0;
-
-    & ion-icon {
-      font-size: 18px;
-    }
-  }
-`;

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

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

@@ -1,18 +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 icons_1 = require("ionicons/icons");
-const Avatar_1 = require("../../Avatar");
-const ConsultationSpecialistCard_style_1 = require("./ConsultationSpecialistCard.style");
-const react_2 = require("@ionic/react");
-const ConsultationSpecialistCard = ({ id, name, avatar, sessions, onClick, onSignUp, signInBtnLabel, }) => {
-    return ((0, jsx_runtime_1.jsxs)(ConsultationSpecialistCard_style_1.SpecialistCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "specialist-card-info" }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: avatar, firstName: name, dimensions: 72 }), (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.jsx)("div", Object.assign({ className: "specialist-sessions" }, { children: sessions }))] })] })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "sign-up-session", onClick: (e) => {
-                    e.stopPropagation();
-                    onSignUp === null || onSignUp === void 0 ? void 0 : onSignUp(id);
-                } }, { children: signInBtnLabel }))] })));
-};
-exports.default = react_1.default.memo(ConsultationSpecialistCard);