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

package/dist/esm/lib/SpecialistProfile/ProfileInformation/ProfileInformation.js

@@ -1,29 +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 React from 'react';
-import { ProfileInformationContainer, ProfileInformationNameContainer, ProfileInformationText, } from './ProfileInformation.style';
-import { Avatar } from '../../Avatar';
-import Skeleton from '../../Skeleton';
-import StarRating from '../../StarRating';
-import { Flag_v2 } from '../../../lib2';
-const ProfileInformation = (_a) => {
-    var { specialistSpecialization, specialistFirstName, specialistLastName, specialistAvatar, countryCode, isLoading, averageStarsCount, countOfReviews, translations } = _a, props = __rest(_a, ["specialistSpecialization", "specialistFirstName", "specialistLastName", "specialistAvatar", "countryCode", "isLoading", "averageStarsCount", "countOfReviews", "translations"]);
-    return !isLoading ? (_jsxs(ProfileInformationContainer, Object.assign({}, props, { children: [_jsx(Avatar, { src: specialistAvatar, firstName: specialistFirstName, dimensions: 62, withBorder: false }), _jsxs(ProfileInformationText, { children: [_jsxs(ProfileInformationNameContainer, { children: [_jsxs("h4", { children: [specialistFirstName && specialistLastName
-                                        ? `${specialistFirstName} ${specialistLastName[0]}.`
-                                        : 'Психолог', ' '] }), ' ', countryCode && (_jsx(Flag_v2, { className: 'profile-flag', name: countryCode }))] }), specialistSpecialization && _jsx("h4", { children: specialistSpecialization }), typeof averageStarsCount === 'number' &&
-                        averageStarsCount > 0 &&
-                        typeof countOfReviews === 'number' &&
-                        countOfReviews > 0 &&
-                        translations && (_jsx(StarRating, { countOfReviews: countOfReviews, averageStarsCount: averageStarsCount, translations: translations, className: 'mt-4' }))] })] }))) : (_jsxs(ProfileInformationContainer, Object.assign({}, props, { style: { padding: 0 } }, { children: [_jsx(Skeleton, { widthPx: 62, heightPx: 62, style: { borderRadius: '50%' } }), _jsx(Skeleton, { style: { width: '75%' }, heightPx: 62 })] })));
-};
-export default React.memo(ProfileInformation);

package/dist/esm/lib/SpecialistProfile/ProfileInformation/ProfileInformation.style.js

@@ -1,40 +0,0 @@
-import styled from 'styled-components';
-export const ProfileInformationContainer = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 0px 18px;
-
-  h4 {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 20px;
-
-    color: #1d201f;
-  }
-
-  .mt-4 {
-    margin-top: 4px;
-  }
-`;
-export const ProfileInformationText = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-export const ProfileInformationNameContainer = styled.div `
-  margin-bottom: 2px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  & .profile-flag {
-    width: 20px;
-    height: 15px;
-    flex: 0 0 20px;
-  }
-`;
-export const ReviewCountContainer = styled.div `
-  display: flex;
-  align-items: center;
-`;

package/dist/esm/lib/SpecialistProfile/ProfileInformation/index.js

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

package/dist/esm/lib/SpecialistProfile/ProfileView/PlayVideoIcon/PlayVideoIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const PlayVideoIcon = (props) => (_jsxs("svg", Object.assign({ width: 43, height: 43, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsxs("g", Object.assign({ filter: "url(#a)" }, { children: [_jsx("path", { d: "M35 20c0-8.281-6.719-15-15-15-8.281 0-15 6.719-15 15 0 8.281 6.719 15 15 15 8.281 0 15-6.719 15-15Z", fill: "#fff", fillOpacity: 0.9 }), _jsx("path", { d: "m16.9 26.128 8.941-5.401a.849.849 0 0 0 0-1.454L16.9 13.872a.842.842 0 0 0-1.275.727v10.802a.842.842 0 0 0 1.275.727Z", fill: "#1D201F" })] })), _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "a", x: -4, y: 0, width: 48, height: 48, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: 4 }), _jsx("feGaussianBlur", { stdDeviation: 2 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_13440_107257" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_13440_107257", result: "shape" })] })) })] })));
-export default PlayVideoIcon;

package/dist/esm/lib/SpecialistProfile/ProfileView/ProfileView.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { StyledProfileViewImageContainer } from './ProfileView.style';
-import { play } from 'ionicons/icons';
-import { IonIcon } from '@ionic/react';
-import Skeleton from '../../Skeleton';
-import { Avatar } from '../../Avatar';
-import { VideoBadge } from '../../VideoBadge';
-const ProfileView = ({ videoLink, videoCover, specialistName, onImageClick, isLoading, videoDurationSeconds, }) => {
-    return !isLoading ? (_jsxs("div", Object.assign({ style: { position: 'relative', height: 'auto' } }, { children: [_jsxs(StyledProfileViewImageContainer, Object.assign({ isNeedPlayButton: !!onImageClick, onClick: onImageClick }, { children: [_jsx(Avatar, { src: videoCover, firstName: specialistName, className: 'specialist-image', style: { width: '100%', height: '258px' }, fontSize: 40, borderRadius: '0px', withBorder: false }), videoLink && (_jsx("button", Object.assign({ className: "play-button", onClick: onImageClick }, { children: _jsx(IonIcon, { icon: play }) })))] })), !!videoDurationSeconds && (_jsx(VideoBadge, { videoDurationSeconds: videoDurationSeconds, widthPx: 70, heightPx: 26, positionBottom: 5, positionRight: 5, fontSizePx: 14 }))] }))) : (_jsx(StyledProfileViewImageContainer, Object.assign({ isNeedPlayButton: !!onImageClick, onClick: onImageClick }, { children: _jsx(Skeleton, { heightPx: 258 }) })));
-};
-export default React.memo(ProfileView);

package/dist/esm/lib/SpecialistProfile/ProfileView/ProfileView.style.js

@@ -1,59 +0,0 @@
-import styled from 'styled-components';
-export const StyledProfileViewImageContainer = styled.div `
-  width: 100%;
-  height: 258px;
-  position: relative;
-
-  &:hover {
-    ${(props) => props.isNeedPlayButton
-    ? `
-      cursor: pointer;
-      svg {
-        transform: scale(1.2);
-      }
-    `
-    : ''};
-  }
-
-  & > div {
-    width: 100%;
-    height: 100%;
-  }
-
-  .play-button {
-    position: absolute;
-    padding: 0 0 0 3px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background: white;
-    color: black;
-    font-size: 22px;
-    z-index: 100000000;
-  }
-
-  & ion-icon {
-    font-size: 18px;
-    color: black;
-  }
-
-  .specialist-image {
-    background-color: black;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .empty-icon {
-    width: 30% !important;
-    color: #ccc !important;
-  }
-`;

package/dist/esm/lib/SpecialistProfile/ProfileView/index.js

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

package/dist/esm/lib/SpecialistProfile/ReviewCard/ReviewCard.js

@@ -1,42 +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 { useMemo } from 'react';
-import { ReviewCardContainer, ReviewerInfo, ShowMoreButton, TextContainer, } from './ReviewCard.style';
-import { DateTime } from 'luxon';
-import { Avatar } from '../../Avatar';
-import Flag from '../../Flag';
-import StarRating from '../../StarRating';
-import Skeleton from '../../Skeleton';
-const MAX_SYMBOLS_COUNT = 154;
-const ReviewCard = (_a) => {
-    var _b, _c, _d;
-    var { reviewText, reviewerFirstName, reviewerLastName, reviewerAvatar, reviewerCountry, reviewedAtInSeconds, starsCount, translations, onShowMoreButtonClick, showAllReview, type, loading, cutReview = true } = _a, props = __rest(_a, ["reviewText", "reviewerFirstName", "reviewerLastName", "reviewerAvatar", "reviewerCountry", "reviewedAtInSeconds", "starsCount", "translations", "onShowMoreButtonClick", "showAllReview", "type", "loading", "cutReview"]);
-    const formatReviewedDate = useMemo(() => {
-        if (!reviewedAtInSeconds)
-            return '';
-        const luxonDate = DateTime.fromSeconds(reviewedAtInSeconds);
-        return luxonDate
-            .setLocale((reviewerCountry !== null && reviewerCountry !== void 0 ? reviewerCountry : 'uk'))
-            .toRelative();
-    }, [reviewedAtInSeconds]);
-    if (showAllReview) {
-        return (_jsx(ReviewCardContainer, Object.assign({}, props, { showAllReview: !!showAllReview, type: type, cutReview: cutReview }, { children: _jsx("p", Object.assign({ className: 'show-all-reviews' }, { children: translations.showAllReviews })) })));
-    }
-    return !loading ? (_jsxs(ReviewCardContainer, Object.assign({}, props, { type: type, cutReview: cutReview }, { children: [_jsxs(ReviewerInfo, { children: [_jsx(Avatar, { firstName: reviewerFirstName, src: reviewerAvatar, dimensions: 40 }), _jsxs("div", Object.assign({ className: 'text-info' }, { children: [_jsxs("div", Object.assign({ className: 'name-container' }, { children: [_jsxs("p", Object.assign({ className: 'title' }, { children: [reviewerFirstName && reviewerFirstName, ' ', reviewerLastName ? `${reviewerLastName[0]}.` : ''] })), reviewerCountry !== 'es' && (_jsx(Flag, { name: reviewerCountry !== null && reviewerCountry !== void 0 ? reviewerCountry : 'uk', dimensions: 20 }))] })), !!formatReviewedDate && (_jsx("p", Object.assign({ className: 'sub-title' }, { children: formatReviewedDate })))] }))] }), !!starsCount && _jsx(StarRating, { averageStarsCount: starsCount }), _jsx(TextContainer, Object.assign({ cutReview: cutReview, showAllReview: ((_b = reviewText === null || reviewText === void 0 ? void 0 : reviewText.length) !== null && _b !== void 0 ? _b : 0) > MAX_SYMBOLS_COUNT && type === 'card' }, { children: type === 'card' && cutReview
-                    ? (reviewText === null || reviewText === void 0 ? void 0 : reviewText.slice(0, MAX_SYMBOLS_COUNT)) +
-                        (((_c = reviewText === null || reviewText === void 0 ? void 0 : reviewText.length) !== null && _c !== void 0 ? _c : 0) > MAX_SYMBOLS_COUNT ? '...' : '')
-                    : reviewText })), ((_d = reviewText === null || reviewText === void 0 ? void 0 : reviewText.length) !== null && _d !== void 0 ? _d : 0) > MAX_SYMBOLS_COUNT &&
-                type === 'card' &&
-                cutReview && (_jsx(ShowMoreButton, Object.assign({ onClick: onShowMoreButtonClick }, { children: translations.showMore })))] }))) : (_jsxs(ReviewCardContainer, Object.assign({}, props, { type: type, cutReview: cutReview }, { children: [_jsxs(ReviewerInfo, Object.assign({ style: { alignItems: 'center' } }, { children: [_jsx(Skeleton, { widthPx: 40, heightPx: 40, style: { borderRadius: '50%' } }), _jsx(Skeleton, { widthPx: 150, heightPx: 32 })] })), _jsx(Skeleton, { heightPx: 86 })] })));
-};
-export default ReviewCard;

package/dist/esm/lib/SpecialistProfile/ReviewCard/ReviewCard.style.js

@@ -1,104 +0,0 @@
-import styled from 'styled-components';
-export const ReviewCardContainer = styled.div `
-  width: ${(props) => ((props === null || props === void 0 ? void 0 : props.type) === 'card' ? '290px' : '100%')};
-  height: ${(props) => !props.cutReview ? 'auto' : ((props === null || props === void 0 ? void 0 : props.type) === 'card' ? '221px' : 'auto')};
-
-  position: relative;
-
-  padding: ${(props) => ((props === null || props === void 0 ? void 0 : props.type) === 'card' ? '16px' : '16px 0px')};
-
-  background: ${(props) => (props.showAllReview ? '#F2F4F7' : 'transparent')};
-
-  ${(props) => (props === null || props === void 0 ? void 0 : props.type) === 'card'
-    ? 'border: 1px solid #eeeeee;'
-    : 'border-bottom: 1px solid #eeeeee;'}
-  border-radius: ${(props) => ((props === null || props === void 0 ? void 0 : props.type) === 'card' ? '10px' : '0px')};
-
-  display: flex;
-  flex-direction: column;
-  align-items: ${(props) => (props.showAllReview ? 'center' : 'flex-start')};
-  justify-content: ${(props) => (props.showAllReview ? 'center' : 'initial')};
-  gap: 10px;
-  cursor: ${(props) => (props.showAllReview ? 'pointer' : 'default')};
-
-  &:active {
-    background: ${(props) => (props.showAllReview ? '#dbdde0' : 'transparent')};
-  }
-
-  .show-all-reviews {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-
-    display: flex;
-    align-items: center;
-    text-align: center;
-
-    color: #1d201f;
-  }
-`;
-export const ReviewerInfo = styled.div `
-  display: flex;
-  gap: 10px;
-
-  .text-info {
-    display: flex;
-    flex-direction: column;
-    align-items: start;
-    gap: 2px;
-    text-align: start;
-  }
-
-  .name-container {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .title {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #1d201f;
-  }
-
-  .sub-title {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    color: #5b5b5b;
-  }
-`;
-export const TextContainer = styled.div `
-  max-width: 100%;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-  text-align: start;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow: hidden;
-  max-height: ${(props) => !props.cutReview ? 'auto' : (props.showAllReview ? '90px' : '110px')};
-`;
-export const ShowMoreButton = styled.button `
-  position: absolute;
-  bottom: 16px;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  color: #177590;
-  text-align: left;
-
-  cursor: pointer;
-  background: transparent;
-
-  padding: 0;
-  margin: 0;
-`;

package/dist/esm/lib/SpecialistProfile/ReviewCard/index.js

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

package/dist/esm/lib/SpecialistProfile/ReviewStatistics/ReviewStatistics.js

@@ -1,25 +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 { useMemo } from 'react';
-import { AllReviewContainer, ReviewProgressContainer, ReviewStatisticsContainer, StyledProgressBar, } from './ReviewStatistics.style';
-import { decOfNum, StarRating } from '../../../index';
-import Skeleton from '../../Skeleton';
-const ReviewStatistics = (_a) => {
-    var _b, _c;
-    var { averageStarsCount, countOfReviews, statistics, translations, loading } = _a, props = __rest(_a, ["averageStarsCount", "countOfReviews", "statistics", "translations", "loading"]);
-    const maxCountOfReviews = useMemo(() => Math.max(...Object.values(statistics)), [statistics]);
-    return !loading ? (_jsxs(ReviewStatisticsContainer, Object.assign({}, props, { children: [_jsxs(AllReviewContainer, { children: [_jsx("h1", Object.assign({ className: 'average-rating' }, { children: averageStarsCount.toFixed(1) })), _jsx(StarRating, { averageStarsCount: averageStarsCount, translations: translations }), _jsxs("p", Object.assign({ className: 'reviews-count' }, { children: [countOfReviews, ' ', decOfNum(countOfReviews, (_b = translations === null || translations === void 0 ? void 0 : translations.reviews) !== null && _b !== void 0 ? _b : [])] }))] }), !!((_c = Object.keys(statistics !== null && statistics !== void 0 ? statistics : {})) === null || _c === void 0 ? void 0 : _c.length) && (_jsx(ReviewProgressContainer, { children: Object.keys(statistics)
-                    .sort((a, b) => +b - +a)
-                    .map((key, index) => (_jsxs("div", Object.assign({ className: 'row' }, { children: [_jsx("p", Object.assign({ className: 'stars' }, { children: key })), _jsx(StyledProgressBar, { value: statistics[key] / maxCountOfReviews })] }), `${key}_${index}`))) }))] }))) : (_jsxs(ReviewStatisticsContainer, Object.assign({}, props, { style: { gap: '10px' } }, { children: [_jsx(AllReviewContainer, { children: _jsx(Skeleton, { widthPx: 115, heightPx: 77 }) }), _jsx(ReviewProgressContainer, { children: _jsx(Skeleton, { heightPx: 81 }) })] })));
-};
-export default ReviewStatistics;

package/dist/esm/lib/SpecialistProfile/ReviewStatistics/ReviewStatistics.style.js

@@ -1,67 +0,0 @@
-import styled from 'styled-components';
-import { IonProgressBar } from '@ionic/react';
-export const ReviewStatisticsContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 50px;
-`;
-export const AllReviewContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  .average-rating {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 28px;
-    line-height: 40px;
-    color: #1d201f;
-  }
-
-  .reviews-count {
-    margin-top: 10px;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    color: #5b5b5b;
-  }
-`;
-export const ReviewProgressContainer = styled.div `
-  width: 100%;
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-  align-items: center;
-  justify-content: center;
-
-  .row {
-    width: 100%;
-    display: flex;
-    gap: 20px;
-    align-items: center;
-
-    .stars {
-      width: 8px;
-      font-style: normal;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 14px;
-      color: #5b5b5b;
-    }
-  }
-`;
-export const StyledProgressBar = styled(IonProgressBar) `
-  height: 4px;
-  border-radius: 10px;
-
-  &::part(progress) {
-    background: #f9de33;
-    border-radius: 5px;
-  }
-
-  &::part(track) {
-    background-color: #eeeeee;
-  }
-`;

package/dist/esm/lib/SpecialistProfile/ReviewStatistics/index.js

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

package/dist/esm/lib/SpecialistProfile/SpecialistAbout/SpecialistAbout.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import Skeleton from '../../Skeleton/Skeleton';
-import { StyleAboutSpecialistContainer } from './SpecialistAbout.style';
-import CustomButton from '../../CustomButton';
-const DEFAULT_LIMIT = 268;
-const SpecialistAbout = ({ text, limit, showLoading, moreLabel, hideLabel, }) => {
-    const realLimit = limit !== null && limit !== void 0 ? limit : DEFAULT_LIMIT;
-    const [viewAll, setViewAll] = useState(false);
-    useEffect(() => {
-        var _a;
-        setViewAll(((_a = text === null || text === void 0 ? void 0 : text.length) !== null && _a !== void 0 ? _a : 0) <= realLimit);
-    }, [text === null || text === void 0 ? void 0 : text.length]);
-    const onClickButtonHandler = useCallback(() => {
-        setViewAll(!viewAll);
-    }, [viewAll]);
-    if (showLoading) {
-        return (_jsxs(StyleAboutSpecialistContainer, { children: [_jsxs("div", Object.assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '3px',
-                        marginBottom: '19px',
-                    } }, { children: [_jsx(Skeleton, { heightPx: 13 }), _jsx(Skeleton, { heightPx: 13 }), _jsx(Skeleton, { widthPx: 71, heightPx: 13 })] })), _jsxs("div", Object.assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '3px',
-                        marginBottom: '19px',
-                    } }, { children: [_jsx(Skeleton, { heightPx: 13 }), _jsx(Skeleton, { heightPx: 13 }), _jsx(Skeleton, { heightPx: 13 }), _jsx(Skeleton, { heightPx: 13 })] })), _jsx(Skeleton, { heightPx: 40 })] }));
-    }
-    return text ? (_jsxs(StyleAboutSpecialistContainer, { children: [_jsx("p", { dangerouslySetInnerHTML: {
-                    __html: viewAll ? text : text.substring(0, DEFAULT_LIMIT) + '...',
-                } }), text.length > realLimit && (_jsx(CustomButton, Object.assign({ buttonType: 'accent-light-grey', onClick: onClickButtonHandler }, { children: _jsx("h5", { children: !viewAll ? moreLabel : hideLabel }) })))] })) : null;
-};
-export default React.memo(SpecialistAbout);

package/dist/esm/lib/SpecialistProfile/SpecialistAbout/SpecialistAbout.style.js

@@ -1,33 +0,0 @@
-import styled from 'styled-components';
-export const StyleAboutSpecialistContainer = styled.div `
-  position: relative;
-
-  p {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 18px;
-
-    color: #5b5b5b;
-  }
-
-  button {
-    margin-top: 16px;
-    padding: 12px 24px;
-
-    min-width: 100%;
-    background-color: #f2f4f7;
-
-    border-radius: 10px;
-
-    h5 {
-      font-family: 'Inter';
-      font-style: normal;
-      font-weight: 600;
-      font-size: 14px;
-      line-height: 16px;
-      color: #1d201f;
-    }
-  }
-`;

package/dist/esm/lib/SpecialistProfile/SpecialistAbout/index.js

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

package/dist/esm/lib/SpecialistProfile/SpecialistLangs/SpecialistLangs.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SpecialistLangsWrapper } from './SpecialistLangs.style';
-import { IonSkeletonText } from '@ionic/react';
-import { Flag_v2 as Flag } from '../../../lib2';
-const SpecialistLangs = ({ className, showLoader, langs, country, countryCode, titleLangs, titleCountry, }) => {
-    if (showLoader) {
-        return (_jsxs(SpecialistLangsWrapper, Object.assign({ className: className }, { children: [_jsxs("div", { children: [_jsx(IonSkeletonText, { style: {
-                                margin: '0 0 16px 0',
-                                width: '204px',
-                                height: '21px',
-                                borderRadius: '6px',
-                            }, animated: true }), _jsxs("ul", Object.assign({ className: "langs-list" }, { children: [_jsx("li", { children: _jsx(IonSkeletonText, { style: {
-                                            margin: '0',
-                                            width: '111px',
-                                            height: '16px',
-                                            borderRadius: '6px',
-                                        }, animated: true }) }), _jsx("li", { children: _jsx(IonSkeletonText, { style: {
-                                            margin: '0',
-                                            width: '111px',
-                                            height: '16px',
-                                            borderRadius: '6px',
-                                        }, animated: true }) })] }))] }), _jsxs("div", { children: [_jsx(IonSkeletonText, { style: {
-                                margin: '0 0 16px 0',
-                                width: '196px',
-                                height: '21px',
-                                borderRadius: '6px',
-                            }, animated: true }), _jsxs("div", Object.assign({ className: "specialist-country" }, { children: [_jsx(IonSkeletonText, { style: {
-                                        margin: '0',
-                                        width: '52px',
-                                        height: '16px',
-                                        borderRadius: '6px',
-                                    }, animated: true }), _jsx(IonSkeletonText, { style: {
-                                        margin: '0',
-                                        width: '24px',
-                                        height: '16px',
-                                        borderRadius: '6px',
-                                    }, animated: true })] }))] })] })));
-    }
-    return (_jsxs(SpecialistLangsWrapper, Object.assign({ className: className }, { children: [_jsxs("div", { children: [_jsx("h4", Object.assign({ className: "section-header" }, { children: titleLangs })), _jsx("ul", Object.assign({ className: "langs-list" }, { children: langs.map((l, i) => (_jsx("li", { children: l }, i))) }))] }), _jsxs("div", { children: [_jsx("h4", Object.assign({ className: "section-header" }, { children: titleCountry })), _jsxs("div", Object.assign({ className: "specialist-country" }, { children: [country, " ", _jsx(Flag, { name: countryCode })] }))] })] })));
-};
-export default SpecialistLangs;

package/dist/esm/lib/SpecialistProfile/SpecialistLangs/SpecialistLangs.style.js

@@ -1,43 +0,0 @@
-import styled from 'styled-components';
-export const SpecialistLangsWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .section-header {
-    margin-bottom: 16px;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-  }
-
-  & .langs-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: column;
-    row-gap: 8px;
-
-    & li {
-      font-style: normal;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 18px;
-      color: #1d201f;
-    }
-  }
-
-  & .specialist-country {
-    display: flex;
-    align-items: center;
-    column-gap: 10px;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 18px;
-    color: #1d201f;
-  }
-`;

package/dist/esm/lib/SpecialistProfile/SpecialistLangs/index.js

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

package/dist/esm/lib/SpecialistProfile/SpecialistMatch/SpecialistMatch.js

@@ -1,24 +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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { SpecialistMatchContainer, StyledProgressBar, StyledProgressBarContainer, StyledProgressBarPercent, } from './SpecialistMatch.style';
-import Skeleton from '../../Skeleton';
-import { informationCircle } from 'ionicons/icons';
-import { IonIcon } from '@ionic/react';
-const SpecialistMatch = (_a) => {
-    var { specialistFirstName, percentMatch, learnMoreClick, translations, isLoading } = _a, props = __rest(_a, ["specialistFirstName", "percentMatch", "learnMoreClick", "translations", "isLoading"]);
-    if (!percentMatch && !isLoading)
-        return null;
-    return !isLoading ? (_jsxs(SpecialistMatchContainer, Object.assign({ onClick: learnMoreClick }, props, { children: [_jsxs("h2", { children: [specialistFirstName, " ", translations.matchYou] }), !!percentMatch && percentMatch > 0 && (_jsxs(StyledProgressBarContainer, { children: [_jsx(StyledProgressBar, { value: percentMatch / 100 }), _jsxs(StyledProgressBarPercent, Object.assign({ percentMatch: percentMatch !== null && percentMatch !== void 0 ? percentMatch : 0 }, { children: [percentMatch, "%"] }))] })), _jsxs("p", { children: [translations.howWeMatchThis, " ", _jsx(IonIcon, { icon: informationCircle })] })] }))) : (_jsxs(SpecialistMatchContainer, { children: [_jsx(Skeleton, { style: { width: '80%' }, heightPx: 24 }), _jsx(StyledProgressBarContainer, { children: _jsx(Skeleton, { heightPx: 35 }) }), _jsx(Skeleton, { style: { width: '40%' }, heightPx: 16 })] }));
-};
-export default React.memo(SpecialistMatch);