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

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

@@ -1,33 +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 } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { SignUpSessionContent, SignUpSessionWrapper } from './SignUpSessionModal.style';
-import { createAnimation } from '@ionic/react';
-import { Avatar } from '../../Avatar';
-const SignUpSessionModal = ({ isOpen, specialists, onSpecialistSelected, onCancel, viewportHeight, title, cancelBtnLabel, }) => {
-    const modalRef = useRef(null);
-    const [isSpecialistClicked, setIsSpecialistClicked] = useState(false);
-    const leaveAnimation = useCallback((baseEl) => {
-        const animationCtrl = createAnimation().addElement(baseEl);
-        return createAnimation().addAnimation(animationCtrl);
-    }, []);
-    const handleModalClose = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!modalRef.current)
-            return;
-        yield modalRef.current.dismiss();
-    }), [modalRef]);
-    const modalHeight = useMemo(() => specialists.length * 74 + 175, [specialists]);
-    return (_jsx(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: _jsxs(SignUpSessionContent, { children: [_jsx("div", Object.assign({ className: "signup-title" }, { children: title })), _jsx("ul", Object.assign({ className: "specialists-list" }, { children: specialists.map((specialist) => (_jsxs("li", Object.assign({ className: "specialist-item", onClick: () => {
-                            setIsSpecialistClicked(true);
-                            onSpecialistSelected === null || onSpecialistSelected === void 0 ? void 0 : onSpecialistSelected(specialist.id);
-                        } }, { children: [_jsx(Avatar, { src: specialist.avatar, firstName: specialist.name, dimensions: 40, className: "user-avatar" }), _jsxs("div", { children: [_jsx("div", Object.assign({ className: "specialist-name" }, { children: specialist.name })), _jsx("div", Object.assign({ className: "specialist-sessions" }, { children: specialist.sessions }))] })] }), specialist.id))) })), _jsx("button", Object.assign({ className: "cancel-btn", onClick: handleModalClose }, { children: cancelBtnLabel }))] }) })));
-};
-export default React.memo(SignUpSessionModal);

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

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

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

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

@@ -1,41 +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 } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import { IonIcon } from '@ionic/react';
-import { addCircleOutline, calendarOutline, chatbubblesOutline, closeCircleOutline, shieldCheckmark, } from 'ionicons/icons';
-import { SpecialistInfoContainer, SpecialistInfoWrapper, } from './UserInfoModal.style';
-import { decOfNum } from '../utils';
-import TooltipComponent from '../../TooltipComponent';
-import { AppFooter_v2 as AppFooter, Avatar_v2, Button_v2 as Button, IconCalendar, IconPaper, IconProfile, IconStar, Item, ListItems, Spinner_v2 as Spinner, Typography, TypographyVariantsEnum, } from '../../../lib2';
-import classNames from '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] = useState(false);
-    const modalRef = useRef(null);
-    const handleModalClose = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!modalRef.current)
-            return;
-        yield modalRef.current.dismiss();
-    }), [modalRef]);
-    return (_jsxs(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: [_jsx(SpecialistInfoContainer, Object.assign({ isClient: isClient }, { children: _jsxs("div", Object.assign({ className: "specialist-info-wrapper" }, { children: [_jsx("button", Object.assign({ className: "specialist-close-btn", onClick: handleModalClose }, { children: _jsx(IonIcon, { icon: closeCircleOutline }) })), _jsxs("div", Object.assign({ className: "specialist-info" }, { children: [_jsx(Avatar_v2, { src: avatar, variant: "medium" }), _jsxs("div", { children: [_jsxs("div", Object.assign({ className: "specialist-name" }, { children: [name, " ", _jsx(IonIcon, { icon: shieldCheckmark })] })), _jsxs("div", Object.assign({ className: "specialist-sessions" }, { children: [sessions, " ", decOfNum(sessions, (_a = translations === null || translations === void 0 ? void 0 : translations.sessions) !== null && _a !== void 0 ? _a : [])] }))] })] })), _jsxs("div", Object.assign({ className: "specialist-controls" }, { children: [_jsxs("button", Object.assign({ className: "specialist-btn write", onClick: () => onMessage === null || onMessage === void 0 ? void 0 : onMessage(id) }, { children: [_jsx(IonIcon, { className: 'icon', icon: chatbubblesOutline }), ' ', translations === null || translations === void 0 ? void 0 : translations.writeBtnLabel] })), _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: [_jsx(IonIcon, { className: 'icon', icon: addCircleOutline }), ' ', translations === null || translations === void 0 ? void 0 : translations.buyBtnLabel, sessions > 0 && (_jsx(TooltipComponent, { dimension: 17, alignment: 'right', text: (_b = translations === null || translations === void 0 ? void 0 : translations.buyTooltip) !== null && _b !== void 0 ? _b : '', makeVisible: viewTooltip }))] }))] }))] })) })), _jsxs(ListItems, { children: [_jsx(Item, Object.assign({ innerItemClassName: "border-b border-b-solid border-b-typography-typography-primary/10", className: "!border-0", leftContent: _jsx(IconProfile, { className: "h-6 w-6 !flex-shrink-0" }), onClick: () => onProfile === null || onProfile === void 0 ? void 0 : onProfile(id) }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.profile })) })), isShowContract && (_jsxs(Item, Object.assign({ isDisabled: isContractLoading, leftContent: _jsx(IconPaper, { className: classNames('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: classNames('!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 ? _jsx(Spinner, { size: 16 }) : undefined }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.contractTitle })), contractStatus !== 'active' && (_jsx(Typography, Object.assign({ opacity: contractStatus === 'expired' ? 50 : 100, className: classNames({
-                                    '!text-color-info-red-not-red': contractStatus === 'not_signed',
-                                    '!text-color-info-blue': contractStatus === 'pending',
-                                }), variant: TypographyVariantsEnum.Text14Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.contractSubtitle })))] }))), !!(translations === null || translations === void 0 ? void 0 : translations.rateTheSessionText) && (_jsx(Item, Object.assign({ className: "!border-0", leftContent: _jsx(IconStar, { className: "h-6 w-6 !flex-shrink-0" }), onClick: () => onRateSession === null || onRateSession === void 0 ? void 0 : onRateSession(id) }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: translations === null || translations === void 0 ? void 0 : translations.rateTheSessionText })) })))] }), _jsx(AppFooter, Object.assign({ style: {
-                    marginTop: 'auto',
-                } }, { children: _jsx(Button, Object.assign({ icon: sessions ? (_jsx(IonIcon, { icon: calendarOutline })) : (_jsx(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 })) }))] })));
-};
-export default UserInfoModal;

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

@@ -1,170 +0,0 @@
-import styled from 'styled-components';
-import { IonModal, isPlatform } from '@ionic/react';
-import { maxContainerWidth } from '../../Theme/mindly_constants';
-export const SpecialistInfoWrapper = styled(IonModal) `
-  --max-width: ${!isPlatform('desktop') ? '100%' : maxContainerWidth};
-  --height: ${({ modalHeight }) => `calc(${modalHeight}px + var(--ion-safe-area-bottom))`};
-`;
-export const SpecialistInfoContainer = styled.div `
-  padding: 43px 20px 0 20px;
-  font-family: 'Inter', sans-serif;
-
-  .footer {
-    padding-bottom: var(--ion-safe-area-bottom);
-  }
-
-  & .specialist-info-wrapper {
-    position: relative;
-  }
-
-  & .specialist-close-btn {
-    position: absolute;
-    right: -4px;
-    top: -27px;
-    background: none;
-    outline: none;
-    margin: 0;
-    padding: 0;
-    color: #c1c1c1;
-    font-size: 26px;
-  }
-
-  & .specialist-info {
-    display: flex;
-    align-items: center;
-    column-gap: 8px;
-    margin-bottom: 32px;
-  }
-
-  & .specialist-name {
-    display: flex;
-    align-items: center;
-    column-gap: 7px;
-    font-weight: 600;
-    font-size: 18px;
-    line-height: 24px;
-    color: #1d201f;
-    margin-bottom: 2px;
-
-    & ion-icon {
-      font-size: 24px;
-      color: #26b183;
-    }
-  }
-
-  & .specialist-sessions {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-  }
-
-  & .specialist-controls {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 38px;
-    column-gap: 20px;
-  }
-
-  & .specialist-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    width: 100%;
-    height: 32px;
-    background: #177590;
-    border-radius: 10px;
-    padding: 10px 11px;
-    font-weight: 600;
-    font-size: 12px;
-    color: #ffffff;
-
-    & .icon {
-      position: absolute;
-      left: 11px;
-      top: 50%;
-      transform: translateY(-50%);
-      font-size: 18px;
-    }
-
-    & .tooltip {
-      position: absolute;
-      right: 12px;
-      top: 50%;
-      transform: translateY(-50%);
-      justify-self: flex-end;
-    }
-
-    &.write {
-      background: #d6f2f9;
-      color: #177590;
-    }
-
-    &.sign-up {
-      font-size: 14px;
-      padding: 17px 20px;
-
-      & ion-icon {
-        position: absolute;
-        font-size: 24px;
-        left: 20px;
-        top: 50%;
-        transform: translateY(-50%);
-      }
-    }
-
-    &.disabled {
-      background: #eeeeee;
-      color: #c1c1c1;
-    }
-  }
-
-  & .specialist-profile-btn-wrapper {
-    margin: 0 -16px ${({ isClient }) => (isClient ? '32px' : '45px')} -16px;
-  }
-
-  & .specialist-profile-btn {
-    border-bottom: 1px solid #f2f2f2;
-    outline: none;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: transparent;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #1d201f;
-    padding: 19px 16px 19px 16px;
-    margin: 0;
-
-    &:first-child {
-      border-top: 1px solid #f2f2f2;
-    }
-
-    & ion-icon {
-      font-size: 23px;
-    }
-
-    &:active {
-      background: #f2f4f7;
-    }
-  }
-
-  & .user-info-controls {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    column-gap: 10px;
-
-    & .specialist-btn {
-      font-size: 14px;
-      padding: 17px 10px;
-
-      & ion-icon {
-        font-size: 24px;
-      }
-    }
-  }
-`;

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

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

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

@@ -1,29 +0,0 @@
-import { DateTime, Interval } from 'luxon';
-const decCache = [];
-const decCases = [2, 0, 1, 1, 1, 2];
-export const decOfNum = (number, titles) => {
-    if (!decCache[number]) {
-        decCache[number] =
-            number % 100 > 4 && number % 100 < 20
-                ? 2
-                : decCases[Math.min(number % 10, 5)];
-    }
-    return titles[decCache[number]];
-};
-export const timeNormalize = (dt, days, hour, minutes, from, started) => {
-    const dtNow = DateTime.now();
-    const daysInterval = Math.floor(Interval.fromDateTimes(dtNow, dt).length('days'));
-    if (daysInterval > 0) {
-        return `${from} ${daysInterval} ${decOfNum(daysInterval, days !== null && days !== void 0 ? days : [])}`;
-    }
-    else {
-        const minutesInterval = Math.ceil(Interval.fromDateTimes(dtNow, dt).length('minutes'));
-        if (minutesInterval > 60) {
-            return `${from} ${Math.floor(minutesInterval / 60)} ${decOfNum(Math.floor(minutesInterval / 60), hour !== null && hour !== void 0 ? hour : [])}`;
-        }
-        else if (minutesInterval >= 1) {
-            return `${from} ${minutesInterval} ${decOfNum(minutesInterval, minutes !== null && minutes !== void 0 ? minutes : [])}`;
-        }
-    }
-    return started !== null && started !== void 0 ? started : '';
-};

package/dist/esm/lib/Container/Container.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ContainerStyled } from './Container.styled';
-import { isPlatform } from '@ionic/react';
-const Container = ({ style, className, children }) => {
-    return (_jsx(ContainerStyled, Object.assign({ style: style, className: className, isNotMobile: isPlatform('desktop') || (isPlatform('tablet') && !isPlatform('hybrid')) }, { children: children })));
-};
-export default Container;

package/dist/esm/lib/Container/Container.styled.js

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-export const ContainerStyled = styled.div `
-  margin: auto;
-  max-width: ${({ isNotMobile }) => (isNotMobile ? maxContainerWidth : '100%')};
-  padding: 16px;
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-`;

package/dist/esm/lib/Container/index.js

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

package/dist/esm/lib/CustomButton/CustomButton.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyledButton, StyledSpinner } from './CustomButton.styled';
-const CustomButton = (_a) => {
-    var { children, buttonType = 'primary', loading } = _a, props = __rest(_a, ["children", "buttonType", "loading"]);
-    return (_jsxs(StyledButton, Object.assign({ disabled: loading, buttonType: buttonType }, props, { children: [loading && _jsx(StyledSpinner, { name: "crescent" }), children] })));
-};
-export default CustomButton;

package/dist/esm/lib/CustomButton/CustomButton.styled.js

@@ -1,124 +0,0 @@
-import styled from 'styled-components';
-import { IonSpinner } from '@ionic/react';
-const backgroundColorByButtonType = {
-    primary: '#177590',
-    secondary: '#D6F2F9',
-    accent: '#C13E18',
-    'accent-dark-green': '#26B183',
-    'accent-light-grey': '#F2F4F7',
-    transparent: 'transparent',
-    border: 'transparent',
-    outline: 'transparent',
-    'border-white': 'transparent',
-    white: 'white',
-};
-const activeColorByButtonType = {
-    primary: '#13637A',
-    secondary: '#90D5E8',
-    accent: '#AD2A04',
-    'accent-dark-green': '#129D6F',
-    'accent-light-grey': '#DEE0E3',
-    transparent: 'transparent',
-    border: '#EEEEEE',
-    outline: 'transparent',
-    'border-white': '#FFFFFF',
-    white: '#1D201F',
-};
-const textColorByButtonType = {
-    primary: '#ffffff',
-    secondary: '#177590',
-    accent: '#ffffff',
-    'accent-dark-green': '#ffffff',
-    'accent-light-grey': '#000000',
-    transparent: 'white',
-    border: '#1D201F',
-    outline: '#1D201F',
-    'border-white': '#FFFFFF',
-    white: '#1D201F',
-};
-const borderByButtonType = {
-    primary: '1px solid #177590',
-    secondary: '1px solid #D6F2F9',
-    accent: '1px solid #C13E18',
-    'accent-dark-green': '1px solid #26B183',
-    'accent-light-grey': '1px solid #F2F4F7',
-    transparent: '1px solid transparent',
-    border: '1px solid #1D201F',
-    outline: '1px solid transparent',
-    'border-white': '1px solid #FFFFFF',
-    white: '1px solid white',
-};
-const activeBorderByButtonType = {
-    primary: '1px solid #13637A',
-    secondary: '1px solid #90D5E8',
-    accent: '1px solid #AD2A04',
-    'accent-dark-green': '1px solid #129D6F',
-    'accent-light-grey': '1px solid #DEE0E3',
-    transparent: '1px solid transparent',
-    border: '1px solid transparent',
-    outline: '1px solid transparent',
-    'border-white': '1px solid #FFFFFF',
-    white: 'white',
-};
-const activeTextColorByButtonType = {
-    primary: '#ffffff',
-    secondary: '#177590',
-    accent: '#ffffff',
-    'accent-dark-green': '#ffffff',
-    'accent-light-grey': '#000000',
-    transparent: 'white',
-    border: '#1D201F',
-    outline: '#1D201F',
-    'border-white': '#1D201F',
-    white: 'white',
-};
-export const StyledButton = styled.button `
-  width: 100%;
-  background: ${(props) => props.buttonType
-    ? backgroundColorByButtonType[props.buttonType]
-    : '#177590'};
-  border-radius: 10px;
-
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-
-  font-style: normal;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 24px;
-  text-align: center;
-
-  color: ${(props) => props.buttonType ? textColorByButtonType[props.buttonType] : '#ffffff'};
-  padding: 11px;
-
-  border: ${(props) => props.buttonType ? borderByButtonType[props.buttonType] : 'none'};
-
-  &:disabled {
-    background: #c1c1c1;
-    color: #f5f9ff;
-    border: 1px solid transparent;
-  }
-
-  ${(props) => !props.disabled
-    ? `
-          &:active {
-            background: ${(props === null || props === void 0 ? void 0 : props.buttonType)
-        ? activeColorByButtonType[props.buttonType]
-        : '#177590'};
-            border: 1px solid ${(props === null || props === void 0 ? void 0 : props.buttonType)
-        ? activeBorderByButtonType[props.buttonType]
-        : 'none'} !important;
-            color: ${(props === null || props === void 0 ? void 0 : props.buttonType)
-        ? activeTextColorByButtonType[props.buttonType]
-        : '#1D201F'};
-          }
-      `
-    : ''}
-`;
-export const StyledSpinner = styled(IonSpinner) `
-  --color: white;
-  position: absolute;
-  left: 15px;
-`;

package/dist/esm/lib/CustomButton/index.js

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

package/dist/esm/lib/DaySlider/DaySlider.js

@@ -1,32 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import React, { forwardRef } from 'react';
-import { IonSlides } from '@ionic/react';
-import { dateNormalize } from './utils';
-import { DateButton, DaySliderWrapper, SliderDivider, SlideStyled, } from './DaySlider.style';
-const options = {
-    initialSlide: 0,
-    width: 100,
-    spaceBetween: 10,
-};
-const DaySlider = forwardRef((props, ref) => {
-    const { slides, onDayClick, locale, translations } = props, sliderProps = __rest(props, ["slides", "onDayClick", "locale", "translations"]);
-    return (_jsxs(_Fragment, { children: [_jsx(DaySliderWrapper, { children: _createElement(IonSlides, Object.assign({ ref: ref, options: options }, sliderProps, { key: slides.map((slide) => slide).join('_') }), slides.map((s, index) => (_jsx(SlideStyled, { children: _jsx(DateButton, { onClick: () => onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(index, s), dangerouslySetInnerHTML: {
-                            __html: typeof s === 'string'
-                                ? s
-                                : dateNormalize(s, locale, translations === null || translations === void 0 ? void 0 : translations.today, translations === null || translations === void 0 ? void 0 : translations.tomorrow),
-                        } }) }, s)))) }), _jsx(SliderDivider, {})] }));
-});
-DaySlider.displayName = 'DaySlider';
-export default React.memo(DaySlider);

package/dist/esm/lib/DaySlider/DaySlider.style.js

@@ -1,54 +0,0 @@
-import styled from 'styled-components';
-import { IonSlide } from '@ionic/react';
-export const DaySliderWrapper = styled.div `
-  width: 100%;
-  overflow: hidden;
-`;
-export const SlideStyled = styled(IonSlide) `
-  color: #1d201f;
-  min-height: 36px;
-
-  &.swiper-slide-active button {
-    color: #177590;
-  }
-`;
-export const DateButton = styled.button `
-  outline: none;
-  background: transparent;
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 18px;
-  color: #1d201f;
-  padding: 0;
-  margin: 0;
-  text-transform: capitalize;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  & span {
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    text-transform: lowercase;
-  }
-`;
-export const SliderDivider = styled.div `
-  position: relative;
-  width: 100%;
-  height: 1px;
-  background: #eeeeee;
-  margin-top: 20px;
-
-  &:before {
-    content: '';
-    display: inline-block;
-    position: absolute;
-    left: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 100px;
-    height: 2px;
-    background: #177590;
-  }
-`;

package/dist/esm/lib/DaySlider/index.js

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

package/dist/esm/lib/DaySlider/utils.js

@@ -1,13 +0,0 @@
-import { DateTime } from 'luxon';
-export const dateNormalize = (date, locale, today, tomorrow) => {
-    const now = DateTime.local().setLocale(locale);
-    const current = DateTime.fromSeconds(date).setLocale(locale);
-    if (now.toFormat('yyyy-LL-dd') === current.toFormat('yyyy-LL-dd')) {
-        return today !== null && today !== void 0 ? today : '';
-    }
-    if (now.plus({ days: 1 }).toFormat('yyyy-LL-dd') ===
-        current.toFormat('yyyy-LL-dd')) {
-        return tomorrow !== null && tomorrow !== void 0 ? tomorrow : '';
-    }
-    return `${current.toFormat('cccc')}<span>${current.toFormat('d MMMM')}</span>`;
-};

package/dist/esm/lib/EntryNotFound/EntryNotFound.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export type EntryNotFoundProps = {
-    title?: string;
-};
-export declare const EntryNotFound: FC<EntryNotFoundProps>;

package/dist/esm/lib/EntryNotFound/EntryNotFound.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ReactComponent as CalendarIcon } from './calendar.svg';
-import { EntryNodFoundContainer, EntryNotFoundTitle, } from './EntryNotFound.style';
-export const EntryNotFound = ({ title = 'Консультацій немає', }) => {
-    return (_jsxs(EntryNodFoundContainer, { children: [_jsx(CalendarIcon, {}), _jsx(EntryNotFoundTitle, { children: title })] }));
-};

package/dist/esm/lib/EntryNotFound/EntryNotFound.style.d.ts

@@ -1,2 +0,0 @@
-export declare const EntryNodFoundContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const EntryNotFoundTitle: import("styled-components").StyledComponent<"span", any, {}, never>;