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

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

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { IonSkeletonText } from '@ionic/react';
-import { ConsultationCardType } from './types';
-import { ConsultationCardContainer, ConsultationCardDate, ConsultationCardInfo, ConsultationCardWrapper, LastConsultationCardContainer, LastConsultationCardInfo, LastConsultationCardTime, } from './ConsultationCard.style';
-const ConsultationCardSkeleton = ({ type, }) => {
-    switch (type) {
-        case ConsultationCardType.LAST:
-            return (_jsx(ConsultationCardWrapper, { children: _jsxs(LastConsultationCardContainer, { children: [_jsxs(LastConsultationCardInfo, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ className: "card-day" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                                    margin: 0,
-                                                    width: '74px',
-                                                    height: '12px',
-                                                    borderRadius: '4px',
-                                                } }) })), _jsx("div", Object.assign({ className: "card-info" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                                    margin: 0,
-                                                    width: '191px',
-                                                    height: '24px',
-                                                    borderRadius: '4px',
-                                                } }) }))] }), _jsx(IonSkeletonText, { animated: true, style: {
-                                        margin: 0,
-                                        width: '72px',
-                                        height: '72px',
-                                        borderRadius: '50%',
-                                    } })] }), _jsxs(LastConsultationCardTime, Object.assign({ className: "card-date" }, { children: [_jsx("div", { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: '0 0 4px 0',
-                                            width: '148px',
-                                            height: '12px',
-                                            borderRadius: '4px',
-                                        } }) }), _jsx("div", { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '114px',
-                                            height: '12px',
-                                            borderRadius: '4px',
-                                        } }) })] }))] }) }));
-        default:
-            return (_jsx(ConsultationCardWrapper, { children: _jsxs(ConsultationCardContainer, { children: [_jsxs(ConsultationCardDate, { children: [_jsx("div", Object.assign({ className: "card-month" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '23px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) })), _jsx("div", Object.assign({ className: "card-day" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '11px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) }))] }), _jsxs(ConsultationCardInfo, { children: [_jsx("div", Object.assign({ className: "card-date" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '145px',
-                                            height: '24px',
-                                            borderRadius: '4px',
-                                        } }) })), _jsx("div", Object.assign({ className: "card-user-name" }, { children: _jsx(IonSkeletonText, { animated: true, style: {
-                                            margin: 0,
-                                            width: '51px',
-                                            height: '14px',
-                                            borderRadius: '4px',
-                                        } }) }))] }), _jsx(IonSkeletonText, { animated: true, style: {
-                                margin: 0,
-                                width: '40px',
-                                height: '40px',
-                                borderRadius: '50%',
-                            } })] }) }));
-    }
-};
-export default React.memo(ConsultationCardSkeleton);

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

@@ -1,2 +0,0 @@
-export { default } from './ConsultationCard';
-export * from './types';

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

@@ -1,7 +0,0 @@
-export var ConsultationCardType;
-(function (ConsultationCardType) {
-    ConsultationCardType["FEATURE"] = "feature";
-    ConsultationCardType["PAST"] = "past";
-    ConsultationCardType["LAST"] = "last";
-    ConsultationCardType["UNBOOKED"] = "unbooked";
-})(ConsultationCardType || (ConsultationCardType = {}));

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

@@ -1,31 +0,0 @@
-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());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef } from 'react';
-import { IonIcon } from '@ionic/react';
-import { DateTime } from 'luxon';
-import { calendarNumberOutline, chatbubblesOutline, closeCircleOutline, videocamOutline, } from 'ionicons/icons';
-import { ConsultationModalContent, ConsultationModalWrapper, } from './ConsultationModal.style';
-import { Avatar } from '../../Avatar';
-import { timeNormalize } from '../utils';
-import { Spinner_v2 as Spinner } from '../../../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 = useRef(null);
-    const sessionDate = useMemo(() => DateTime.fromSeconds(time).setLocale(locale).setZone(timeZone), [time, timeZone, locale]);
-    const handleModalClose = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!modalRef.current)
-            return;
-        yield modalRef.current.dismiss();
-    }), [modalRef]);
-    return (_jsx(ConsultationModalWrapper, Object.assign({ ref: modalRef, isOpen: isOpen, initialBreakpoint: 1, breakpoints: [0, 1], mode: "ios", onIonModalDidDismiss: onModalClose, height: isSessionFinish ? 240 : 400, swipeToClose: true }, { children: _jsx(ConsultationModalContent, { children: _jsxs("div", Object.assign({ className: "modal-content" }, { children: [_jsx("button", Object.assign({ className: "modal-close-btn", onClick: handleModalClose }, { children: _jsx(IonIcon, { icon: closeCircleOutline }) })), _jsxs("div", Object.assign({ className: "session-info" }, { children: [_jsxs("div", Object.assign({ className: "session-info-data" }, { children: [_jsx("div", Object.assign({ className: `session-day${isSessionFinish ? ' session-finish' : ''}` }, { children: isSessionFinish
-                                            ? translations === null || translations === void 0 ? void 0 : translations.finishTitle
-                                            : 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) })), _jsxs("div", Object.assign({ className: "session-name" }, { children: [translations === null || translations === void 0 ? void 0 : translations.with, " ", name] }))] })), _jsx(Avatar, { src: avatar, firstName: name, dimensions: 62, onClick: () => onAvatarClick === null || onAvatarClick === void 0 ? void 0 : onAvatarClick(userId) })] })), _jsxs("div", Object.assign({ className: "session-date-container" }, { children: [_jsxs("div", Object.assign({ className: "session-date" }, { children: [_jsx("div", Object.assign({ className: "session-date-day" }, { children: sessionDate.toFormat('EEEE, d MMMM') })), _jsxs("div", { children: [sessionDate.toLocaleString(DateTime.TIME_SIMPLE), ' ', sessionDate.toFormat('ZZZZ'), ", ", translations === null || translations === void 0 ? void 0 : translations.sessionDuration] }), _jsx("div", Object.assign({ className: "session-local-time" }, { children: translations === null || translations === void 0 ? void 0 : translations.forLocalTime }))] })), _jsxs("button", Object.assign({ className: "session-write-btn", onClick: () => onWriteClick === null || onWriteClick === void 0 ? void 0 : onWriteClick(userId) }, { children: [_jsx(IonIcon, { icon: chatbubblesOutline }), translations === null || translations === void 0 ? void 0 : translations.writeBtnLabel] }))] })), !isSessionFinish && (_jsxs(_Fragment, { children: [_jsxs("button", Object.assign({ className: "session-start-btn", onClick: () => onSessionStartClick === null || onSessionStartClick === void 0 ? void 0 : onSessionStartClick(sessionId), disabled: isContractLoading }, { children: [isContractLoading ? (_jsx("span", Object.assign({ className: "block spinner-icon" }, { children: _jsx(Spinner, { size: 24 }) }))) : (_jsx(IonIcon, { icon: videocamOutline })), translations === null || translations === void 0 ? void 0 : translations.startBtnLabel] })), _jsx("div", { className: "session-divider" }), _jsxs("div", Object.assign({ className: "session-reschedule-container" }, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ className: "session-cancel-text" }, { children: translations === null || translations === void 0 ? void 0 : translations.question })), _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 }))] }), _jsxs("button", Object.assign({ className: "session-reschedule-btn", onClick: () => onReschedule === null || onReschedule === void 0 ? void 0 : onReschedule(sessionId) }, { children: [_jsx(IonIcon, { icon: calendarNumberOutline }), translations === null || translations === void 0 ? void 0 : translations.rescheduleBtnLabel] }))] }))] }))] })) }) })));
-};
-export default React.memo(ConsultationModal);

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

@@ -1,182 +0,0 @@
-import styled from 'styled-components';
-import { IonModal, isPlatform } from '@ionic/react';
-import { maxContainerWidth } from '../../Theme/mindly_constants';
-export const ConsultationModalWrapper = styled(IonModal) `
-  --max-width: ${!isPlatform('desktop') ? '100%' : maxContainerWidth};
-  --height: ${({ height }) => `calc(${height}px + var(--ion-safe-area-bottom))`};
-`;
-export const ConsultationModalContent = styled.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/esm/lib/Consultations/ConsultationModal/index.js

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

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { shieldCheckmark } from 'ionicons/icons';
-import { Avatar } from '../../Avatar';
-import { SpecialistCardWrapper } from './ConsultationSpecialistCard.style';
-import { IonIcon } from '@ionic/react';
-const ConsultationSpecialistCard = ({ id, name, avatar, sessions, onClick, onSignUp, signInBtnLabel, }) => {
-    return (_jsxs(SpecialistCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id) }, { children: [_jsxs("div", Object.assign({ className: "specialist-card-info" }, { children: [_jsx(Avatar, { src: avatar, firstName: name, dimensions: 72 }), _jsxs("div", { children: [_jsxs("div", Object.assign({ className: "specialist-name" }, { children: [name, " ", _jsx(IonIcon, { icon: shieldCheckmark })] })), _jsx("div", Object.assign({ className: "specialist-sessions" }, { children: sessions }))] })] })), _jsx("button", Object.assign({ className: "sign-up-session", onClick: (e) => {
-                    e.stopPropagation();
-                    onSignUp === null || onSignUp === void 0 ? void 0 : onSignUp(id);
-                } }, { children: signInBtnLabel }))] })));
-};
-export default React.memo(ConsultationSpecialistCard);

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

@@ -1,51 +0,0 @@
-import styled from 'styled-components';
-export const SpecialistCardWrapper = styled.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/esm/lib/Consultations/ConsultationSpecialistCard/index.js

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { EmptyConsultationsWrapper } from './EmptyConsultations.style';
-import { IonIcon } from '@ionic/react';
-import { calendarClearOutline } from 'ionicons/icons';
-import CustomButton from '../../CustomButton';
-const EmptyConsultations = ({ title, description, buttonLabel, onClick, }) => {
-    return (_jsxs(EmptyConsultationsWrapper, { children: [_jsx(IonIcon, { icon: calendarClearOutline, className: 'empty-icon' }), _jsx("div", Object.assign({ className: "empty-title" }, { children: title })), _jsx("div", Object.assign({ className: "empty-desc" }, { children: description })), buttonLabel && (_jsx(CustomButton, Object.assign({ buttonType: 'primary', onClick: onClick }, { children: buttonLabel })))] }));
-};
-export default React.memo(EmptyConsultations);

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

@@ -1,26 +0,0 @@
-import styled from 'styled-components';
-export const EmptyConsultationsWrapper = styled.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/esm/lib/Consultations/EmptyConsultations/index.js

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

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useState } from 'react';
-import { IonSpinner } from '@ionic/react';
-import ConsultationCard, { ConsultationCardType } from '../ConsultationCard';
-import { ReScheduleWrapper } from './ReSchedule.style';
-import { ReactComponent as EmptyIcon } from '../empty.svg';
-const ReSchedule = ({ name, avatar, time, timeZone = 'Europe/Kiev', onSubmit, isLoading = false, emptyReasonErrorMessage, locale, translations, }) => {
-    const [message, setMessage] = useState('');
-    const [error, setError] = useState(false);
-    const handleMessageChange = useCallback((e) => {
-        setError(false);
-        setMessage(e.target.value);
-    }, []);
-    return (_jsxs(ReScheduleWrapper, { children: [_jsx(EmptyIcon, {}), _jsx("div", Object.assign({ className: "reschedule-title" }, { children: translations === null || translations === void 0 ? void 0 : translations.title })), _jsx(ConsultationCard, { type: ConsultationCardType.FEATURE, time: time, timeZone: timeZone, name: name, avatar: avatar, sessionId: "", locale: locale }), _jsxs("div", { children: [_jsx("textarea", { placeholder: translations === null || translations === void 0 ? void 0 : translations.placeholder, className: `reschedule-textarea ${error ? 'error' : ''}`, value: message, onChange: handleMessageChange }), error && emptyReasonErrorMessage && (_jsx("span", Object.assign({ className: 'error-message' }, { children: emptyReasonErrorMessage })))] }), _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 && _jsx(IonSpinner, { name: "crescent" }), translations === null || translations === void 0 ? void 0 : translations.btnLabel] }))] }));
-};
-export default React.memo(ReSchedule);

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

@@ -1,80 +0,0 @@
-import styled from 'styled-components';
-export const ReScheduleWrapper = styled.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/esm/lib/Consultations/ReSchedule/index.js

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

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ConsultationCard, { ConsultationCardType } from '../ConsultationCard';
-import { SuccessContainer, SuccessWrapper } from './ReScheduleSuccess.style';
-import { ReactComponent as RescheduleIcon } from './reschedule.svg';
-import { ReactComponent as CheckmarkIcon } from './checkmark-done.svg';
-import { ReactComponent as PaymentSuccess } from './payment-success.svg';
-const ReScheduleSuccess = ({ name, avatar, time, timeZone = 'Europe/Kiev', onClick, type = 'reschedule', successTitle = 'Сеанс перенесено на', cancelTitle = 'Сеанс скасовано', paymentTitle = 'Сеанс заброньовано', description, success, locale, }) => {
-    return (_jsx(SuccessWrapper, Object.assign({ type: type }, { children: _jsxs(SuccessContainer, Object.assign({ type: type }, { children: [type === 'reschedule' ? (_jsx(RescheduleIcon, {})) : type === 'payment' ? (_jsx(PaymentSuccess, {})) : (_jsx(CheckmarkIcon, {})), _jsx("div", Object.assign({ className: "success-title" }, { children: type === 'cancel'
-                        ? cancelTitle
-                        : type === 'reschedule'
-                            ? successTitle
-                            : paymentTitle })), ['reschedule', 'payment'].includes(type) && (_jsx(ConsultationCard, { type: ConsultationCardType.FEATURE, name: name, avatar: avatar, timeZone: timeZone, time: time, sessionId: "", locale: locale })), type === 'cancel' && _jsx("div", Object.assign({ className: "success-desc" }, { children: description })), _jsx("button", Object.assign({ className: "success-btn", onClick: onClick }, { children: success }))] })) })));
-};
-export default ReScheduleSuccess;

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

@@ -1,50 +0,0 @@
-import styled from 'styled-components';
-import { isPlatform } from '@ionic/react';
-import { maxContainerWidth } from '../../Theme/mindly_constants';
-export const SuccessWrapper = styled.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;
-`;
-export const SuccessContainer = styled.div `
-  width: ${!isPlatform('desktop') ? '100%' : 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/esm/lib/Consultations/ReScheduleSuccess/index.js

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

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { IonIcon, IonSkeletonText } from '@ionic/react';
-import { calendarOutline } from 'ionicons/icons';
-import { SignUpButton } from './SignUpSessionButton.style';
-const SignUpSessionButton = ({ label, isLoading = false, onClick, }) => {
-    if (isLoading) {
-        return (_jsx(IonSkeletonText, { animated: true, style: {
-                margin: 0,
-                width: '208px',
-                height: '42px',
-                borderRadius: '22px',
-            } }));
-    }
-    return (_jsxs(SignUpButton, Object.assign({ onClick: onClick }, { children: [_jsx(IonIcon, { icon: calendarOutline }), label] })));
-};
-export default React.memo(SignUpSessionButton);

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

@@ -1,23 +0,0 @@
-import styled from 'styled-components';
-export const SignUpButton = styled.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/esm/lib/Consultations/SignUpSessionButton/index.js

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