@mindly/ui-components 5.98.18 → 5.98.19

package/dist/esm/deprecated/SpecialistWorkDirections/index.js

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

package/dist/esm/deprecated/button/Button.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from './Button.style';
-/**
- * @deprecated
- */
-export const Button = (props) => {
-    return (_jsx(Container, Object.assign({ "data-testid": props['data-testid'], onClick: props === null || props === void 0 ? void 0 : props.onClick, disabled: props.isDisabled, isDisabled: props.isDisabled, buttonType: props.buttonType }, { children: props.children })));
-};

package/dist/esm/deprecated/button/Button.style.js

@@ -1,149 +0,0 @@
-import styled, { css } from 'styled-components';
-import { colorConstants } from '../../lib/Theme/mindly_constants';
-export const Container = styled.button `
-  padding: 12px 0;
-  width: 100%;
-  border-radius: 4px;
-  max-height: 40px;
-  border: 0;
-  background: ${colorConstants.primaryColor};
-  color: ${colorConstants.White};
-  font-family: 'Inter', sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-
-  &:hover,
-  &:active {
-    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),
-      inset 0 -4px 15px rgba(0, 0, 0, 0.2);
-  }
-
-  ${(props) => props.buttonType === 'secondary' &&
-    css `
-      background: inherit;
-      color: ${colorConstants.primaryColor};
-      font-weight: 400;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${colorConstants.AccentActiveButtonBG};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'secondaryWithStroke' &&
-    css `
-      color: ${colorConstants.primaryColor};
-      background: inherit;
-      box-shadow: none;
-      border: 1px solid ${colorConstants.primaryColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${colorConstants.AccentActiveButtonBG};
-        background: inherit;
-        border: 1px solid ${colorConstants.AccentActiveButtonBG};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'secondaryCancel' &&
-    css `
-      color: ${colorConstants.AccentCross};
-      background: inherit;
-      box-shadow: none;
-      border: 0;
-      font-weight: 400;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${colorConstants.AccentCancelActive};
-        background: inherit;
-        border: 0;
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButton' &&
-    css `
-      color: ${colorConstants.AccentDisabledColor};
-      background: inherit;
-      box-shadow: none;
-      border: 1px solid ${colorConstants.AccentDisabledColor};
-
-      &:hover,
-      &:active {
-        color: ${colorConstants.AccentDisabledColor};
-        background: inherit;
-        box-shadow: none;
-        border: 1px solid ${colorConstants.AccentDisabledColor};
-      }
-    `}
-
-
-  ${(props) => props.isDisabled &&
-    css `
-      background: ${colorConstants.AccentDisabledColor};
-      color: ${colorConstants.White};
-      box-shadow: none;
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        background: ${colorConstants.AccentDisabledColor};
-        color: ${colorConstants.White};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonDisabled' &&
-    css `
-      color: ${colorConstants.AccentDisabledColor};
-      background: inherit;
-      box-shadow: none !important;
-      border: 1px solid ${colorConstants.AccentDisabledColor};
-      text-decoration: line-through;
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonActive' &&
-    css `
-      box-shadow: none;
-      color: ${colorConstants.primaryColor};
-      background: ${colorConstants.AccentSurveyButton};
-      border: 1px solid ${colorConstants.primaryColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${colorConstants.primaryColor};
-        background: ${colorConstants.AccentSurveyButton};
-        border: 1px solid ${colorConstants.primaryColor};
-      }
-    `}
-
-  ${(props) => props.buttonType === 'actionButtonGreen' &&
-    css `
-      color: ${colorConstants.AccentTickColor};
-      background: linear-gradient(
-          0deg,
-          rgba(255, 255, 255, 0.86),
-          rgba(255, 255, 255, 0.86)
-        ),
-        ${colorConstants.AccentTickColor};
-      box-shadow: none;
-      border: 1px solid ${colorConstants.AccentTickColor};
-
-      &:hover,
-      &:active {
-        box-shadow: none;
-        color: ${colorConstants.AccentTickColor};
-        background: linear-gradient(
-            0deg,
-            rgba(255, 255, 255, 0.86),
-            rgba(255, 255, 255, 0.86)
-          ),
-          ${colorConstants.AccentTickColor};
-        border: 1px solid ${colorConstants.AccentTickColor};
-      }
-    `}
-`;

package/dist/esm/deprecated/input/Input.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CustomIonInput, InputIonIcon } from './Input.style';
-import '../../lib/Theme/global.css';
-/**
- * @deprecated
- */
-export const Input = (props) => {
-    return (_jsx(CustomIonInput, Object.assign({ name: props.name, placeholder: props.placeholder, value: props.value, "data-testid": props['data-testid'], onIonChange: (e) => props.onIonChange(e), isActive: props.isActive, type: props.type }, { children: _jsx(InputIonIcon, { icon: props.icon }) })));
-};

package/dist/esm/deprecated/input/Input.style.js

@@ -1,30 +0,0 @@
-import { IonIcon, IonInput } from '@ionic/react';
-import { colorConstants } from '../../lib/Theme/mindly_constants';
-import styled from 'styled-components';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const InputIonIcon = styled(IonIcon) `
-  // skipcq JS-0323
-  width: 20px;
-  z-index: 3;
-  height: 20px;
-  position: absolute;
-  top: calc(50% - 10px);
-  left: 20px;
-  color: ${colorConstants.primaryTextColor} !important;
-`;
-export const CustomIonInput = styled(IonInput) `
-  position: relative;
-  border: none;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: 'Lato Regular', sans-serif;
-  --padding-start: 55px !important;
-  --background: ${colorConstants.AccentInputBgColor} !important;
-  min-height: 36px;
-  line-height: 20px;
-  color: ${(props) => props.isActive
-    ? colorConstants.primaryTextColor
-    : colorConstants.AccentDisabledColor};
-  --placeholder-color: ${colorConstants.AccentDisabledColor};
-  --placeholder-opacity: 1;
-`;

package/dist/esm/deprecated/therapist-card/TherapistCard.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { briefcaseOutline, cardOutline, timeOutline } from 'ionicons/icons';
-import { Card, Container, IconsContainer, InfoContainer, PsychologistCardIcons, } from './TherapistCard.style';
-import { Avatar } from '../../lib/Avatar';
-/**
- * @deprecated
- */
-export const TherapistCard = (props) => {
-    return (_jsx(Container, Object.assign({ "data-testid": props['data-testid'], onClick: props.handleClick }, { children: _jsxs(Card, { children: [_jsx(Avatar, { src: props.psychologistPhoto, firstName: props.psychologistName, withBorder: false, dimensions: 102, borderRadius: "8px", className: "img" }), _jsxs("div", Object.assign({ className: "card-content" }, { children: [_jsx("h1", Object.assign({ className: "bold" }, { children: `${props.psychologistName} ${props.psychologistLastName}` })), _jsx("h3", Object.assign({ className: "semiBold" }, { children: props.psychologistType })), _jsxs(InfoContainer, { children: [_jsxs(IconsContainer, { children: [_jsx(PsychologistCardIcons, { icon: timeOutline }), _jsx("p", Object.assign({ className: "semiBold" }, { children: `${props.psychologistDuration} хвилин` }))] }), _jsxs(IconsContainer, { children: [_jsx(PsychologistCardIcons, { icon: briefcaseOutline }), _jsx("p", Object.assign({ className: "semiBold" }, { children: props.psychologistExperience >= 5
-                                                ? `${props.psychologistExperience} років досвіду`
-                                                : props.psychologistExperience === 1
-                                                    ? `${props.psychologistExperience} рік досвіду`
-                                                    : `${props.psychologistExperience} роки досвіду` }))] }), _jsxs(IconsContainer, { children: [_jsx(PsychologistCardIcons, { icon: cardOutline, className: "color-green" }), _jsx("p", Object.assign({ className: "semiBold color-green" }, { children: `${props.psychologistPrice} грн` }))] })] })] }))] }) })));
-};

package/dist/esm/deprecated/therapist-card/TherapistCard.style.js

@@ -1,99 +0,0 @@
-import { IonIcon } from '@ionic/react';
-import styled from 'styled-components';
-import { colorConstants } from '../../lib/Theme/mindly_constants';
-export const Container = styled.div `
-  cursor: pointer;
-  border-radius: 8px;
-  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-  position: relative;
-  padding: 11px;
-
-  @media (min-width: 600px) {
-    max-width: 452px;
-  }
-`;
-export const Card = styled.div `
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-  align-items: center;
-
-  .img-container {
-    max-height: 102px;
-    max-width: 102px;
-    flex: 1 0;
-  }
-
-  .card-content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-
-  .img {
-    & div {
-      font-size: 41px;
-      line-height: 61px;
-    }
-  }
-
-  h1 {
-    margin: 0px 16px 0;
-    color: ${colorConstants.primaryTextColor};
-    font-size: 16px;
-    line-height: 20px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  h3 {
-    margin: 4px 16px 0;
-    color: ${colorConstants.secondaryTextColor};
-    font-size: 14px;
-    line-height: 16px;
-  }
-`;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const PsychologistCardIcons = styled(IonIcon) `
-  // #skipcq
-  color: ${colorConstants.primaryColor};
-  font-size: 20px;
-  margin: 0;
-
-  @media (max-width: 320px) {
-    font-size: 19px;
-  }
-`;
-export const IconsContainer = styled.div `
-  display: flex;
-  align-items: center;
-  padding: 0;
-  margin-right: 12px;
-  margin-top: 4px;
-
-  .color-green {
-    // #skipcq
-    color: ${colorConstants.AccentTickColor};
-  }
-
-  p {
-    color: ${colorConstants.primaryTextColor};
-    font-size: 12px;
-    line-height: 16px;
-    padding-left: 4px;
-    margin: 0;
-    font-family: 'Lato Regular', sans-serif;
-    white-space: nowrap;
-
-    @media (max-width: 320px) {
-      font-size: 10.5px;
-      line-height: 14px;
-    }
-  }
-`;
-export const InfoContainer = styled.div `
-  display: flex;
-  margin-left: 16px;
-  flex-wrap: wrap;
-`;

package/dist/esm/deprecated/toast/toast.js

@@ -1,17 +0,0 @@
-import './index.css';
-import { isPlatform } from '@ionic/react';
-/**
- * Toast that work line an API, we can call it anywhere, need message text and duration(default 3 seconds)
- */
-export const toast = (message, duration = 4500) => {
-    var _a;
-    const toastMessage = document.createElement('ion-toast');
-    toastMessage.message = message;
-    toastMessage.duration = duration;
-    toastMessage.position = 'top';
-    toastMessage.cssClass = isPlatform('ios')
-        ? 'toast_classes toast_classes_ios'
-        : 'toast_classes';
-    (_a = document.getElementById('root')) === null || _a === void 0 ? void 0 : _a.appendChild(toastMessage);
-    return toastMessage.present();
-};

package/dist/esm/lib/AgoraMediaPlayer/AgoraMediaPlayer.js

@@ -1,41 +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, { useEffect, useRef } from 'react';
-import { AgoraMediaControlsWrapper, AgoraMediaFallbackName, AgoraMediaNoVideoWrapper, AgoraMediaPlayerWrapper, AgoraMediaWrapper, ControlItemWrapper, ControlsWrapper, } from './AgoraMediaPlayer.style';
-import NetworkQualityComponent from './NetworkQuality/NetworkQualityComponent';
-import { IonIcon } from '@ionic/react';
-import { micOffOutline, videocamOffOutline } from 'ionicons/icons';
-import { Avatar } from '../Avatar';
-const AgoraMediaPlayer = (_a) => {
-    var { fullwidth = false, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions = 72, fallbackName, showControls, isScreenSharing = false } = _a, props = __rest(_a, ["fullwidth", "cameraTrack", "audioTrack", "isVideoTrackMuted", "isAudioTrackMuted", "networkQuality", "fallbackAvatar", "fallbackAvatarDimensions", "fallbackName", "showControls", "isScreenSharing"]);
-    const localVideoContainer = useRef(null);
-    useEffect(() => {
-        if (!(localVideoContainer === null || localVideoContainer === void 0 ? void 0 : localVideoContainer.current))
-            return;
-        if (cameraTrack) {
-            cameraTrack.play(localVideoContainer.current, {
-                fit: fullwidth ? 'contain' : 'cover',
-            });
-        }
-    }, [localVideoContainer === null || localVideoContainer === void 0 ? void 0 : localVideoContainer.current, cameraTrack]);
-    useEffect(() => {
-        if (audioTrack)
-            audioTrack.play();
-    }, [localVideoContainer]);
-    return (_jsxs(AgoraMediaWrapper, { children: [localVideoContainer &&
-                (typeof isVideoTrackMuted !== 'undefined' && !isVideoTrackMuted ? (_jsx(AgoraMediaPlayerWrapper, Object.assign({ fullwidth: fullwidth, ref: localVideoContainer }, props))) : (_jsxs(AgoraMediaNoVideoWrapper, Object.assign({ fullwidth: fullwidth }, { children: [_jsx(Avatar, { dimensions: fallbackAvatarDimensions, src: fallbackAvatar, firstName: fallbackName }), fullwidth && (_jsx(AgoraMediaFallbackName, { children: fallbackName }))] })))), !isScreenSharing && (_jsx(AgoraMediaControlsWrapper, Object.assign({ isStatusData: Boolean(!isVideoTrackMuted &&
-                    !isAudioTrackMuted &&
-                    fullwidth &&
-                    showControls) }, { children: isVideoTrackMuted || isAudioTrackMuted ? (_jsxs(ControlsWrapper, { children: [isVideoTrackMuted && (_jsx(ControlItemWrapper, { children: _jsx(IonIcon, { icon: videocamOffOutline }) })), isAudioTrackMuted && (_jsx(ControlItemWrapper, { children: _jsx(IonIcon, { icon: micOffOutline }) }))] })) : (_jsx(NetworkQualityComponent, { fullScreen: fullwidth, networkQuality: networkQuality, showingAdditionalInfo: fullwidth && showControls })) })))] }));
-};
-export default React.memo(AgoraMediaPlayer);

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

@@ -1,57 +0,0 @@
-import styled from 'styled-components';
-export const AgoraMediaWrapper = styled.div `
-  position: relative;
-  width: 100%;
-  height: 100%;
-`;
-export const AgoraMediaPlayerWrapper = styled.div `
-  width: 100%;
-  height: 100%;
-
-  & > div {
-    background: ${({ fullwidth }) => fullwidth ? 'rgba(48, 48, 48, 0.55)' : 'none'} !important;
-
-    border-radius: ${({ fullwidth }) => (fullwidth ? '10px' : 'none')};
-  }
-
-  & video {
-    border-radius: 10px;
-  }
-`;
-export const AgoraMediaNoVideoWrapper = styled.div `
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-`;
-export const AgoraMediaFallbackName = styled.div `
-  position: absolute;
-  bottom: 16px;
-  left: 16px;
-  font-size: 18px;
-  line-height: 24px;
-  color: #ffffff;
-`;
-export const AgoraMediaControlsWrapper = styled.div `
-  position: absolute;
-  top: ${(props) => (props.isStatusData ? '6px' : '11px')};
-  right: ${(props) => (props.isStatusData ? '6px' : '11px')};
-`;
-export const ControlsWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  column-gap: 6px;
-`;
-export const ControlItemWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-  font-size: 18px;
-  width: 25px;
-  height: 25px;
-  background: #1d201f;
-  border-radius: 50%;
-`;

package/dist/esm/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponent.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getNetworkCssInformation } from './utilts';
-import { StyledNetworkQualityComponent, StyledNetworkQualityComponentContainer, StyledNetworkQualityTextContainer, } from './NetworkQualityComponents.style';
-const NetworkQualityComponent = (props) => {
-    var _a;
-    const networkCssInfo = getNetworkCssInformation((_a = props.networkQuality) !== null && _a !== void 0 ? _a : 0);
-    return (_jsxs(StyledNetworkQualityComponentContainer, Object.assign({ fullScreen: !!props.fullScreen, showingAdditionalInfo: props.showingAdditionalInfo }, { children: [props.showingAdditionalInfo && (_jsx(StyledNetworkQualityTextContainer, { children: _jsx("p", { children: networkCssInfo.hint }) })), _jsx(StyledNetworkQualityComponent, { color: networkCssInfo.color, icon: networkCssInfo.icon })] })));
-};
-export default NetworkQualityComponent;

package/dist/esm/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponents.style.js

@@ -1,31 +0,0 @@
-import { IonIcon } from '@ionic/react';
-import styled from 'styled-components';
-export const StyledNetworkQualityComponentContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  border-radius: 3px;
-
-  color: #ffffff !important;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 4px;
-  padding: ${(props) => props.fullScreen && props.showingAdditionalInfo ? '5px 5px 5px 10px' : '0'};
-`;
-export const StyledNetworkQualityComponent = styled(IonIcon) `
-  width: 13px;
-  height: 13px;
-
-  padding: 3px;
-
-  border-radius: 3px;
-
-  background-color: ${(props) => { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : '#7E7D78'; }};
-`;
-export const StyledNetworkQualityTextContainer = styled.div `
-  line-height: 0;
-
-  p {
-    color: white;
-  }
-`;

package/dist/esm/lib/AgoraMediaPlayer/NetworkQuality/utilts.js

@@ -1,49 +0,0 @@
-import { cellular, close, helpOutline } from 'ionicons/icons';
-export const getNetworkCssInformation = (networkQualityNumber) => {
-    switch (networkQualityNumber) {
-        case 1:
-            return {
-                color: '#26B183',
-                hint: 'Інтернет стабільний',
-                icon: cellular,
-            };
-        case 2:
-            return {
-                color: '#177590',
-                hint: 'Інтернет стабільний',
-                additionalHint: 'Але бітрейт нижчий за оптимальний',
-                icon: cellular,
-            };
-        case 3:
-            return {
-                color: '#F8AE1A',
-                hint: 'Інтернет нестабільний',
-                icon: cellular,
-            };
-        case 4:
-            return {
-                color: '#F8752B',
-                hint: 'Інтернет нестабільний',
-                additionalHint: "Зв'язок може зникати",
-                icon: cellular,
-            };
-        case 5:
-            return {
-                color: '#C13E18',
-                hint: 'Інтернет дуже поганий',
-                icon: cellular,
-            };
-        case 6:
-            return {
-                color: '#1D201F',
-                hint: 'Інтернет підключення відсутнє',
-                icon: close,
-            };
-        default:
-            return {
-                color: '#7E7D78',
-                hint: 'Неможливо встановити якість інтернету',
-                icon: helpOutline,
-            };
-    }
-};

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

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

package/dist/esm/lib/AppFooter/AppFooter.js

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

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

@@ -1,25 +0,0 @@
-import styled from 'styled-components';
-import { IonFooter, IonToolbar } from '@ionic/react';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-export const AppFooterContainer = styled(IonFooter) `
-  background: #ffffff;
-  display: flex;
-  justify-content: center;
-  border-top: 1px solid #f2f2f2;
-  box-shadow: 0px;
-
-  &::before {
-    display: none;
-  }
-`;
-export const AppFooterToolbar = styled(IonToolbar) `
-  position: relative;
-  max-width: ${({ isNotMobile }) => (isNotMobile ? maxContainerWidth : '100%')};
-  --background: #fff;
-  --border-color: #f2f2f2;
-  --border-width: 0 0 0 !important;
-  --padding-bottom: 0;
-  --padding-end: 16px;
-  --padding-start: 16px;
-  --padding-top: 0;
-`;

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

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

package/dist/esm/lib/AppHeader/AppHeader.js

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

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

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-import { IonHeader, IonToolbar } from '@ionic/react';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-export const AppHeaderContainer = styled(IonHeader) `
-  background: #ffffff;
-  box-shadow: none;
-  display: flex;
-  justify-content: center;
-
-  &::after {
-    background-image: none !important;
-  }
-`;
-export const AppHeaderToolbar = styled(IonToolbar) `
-  max-width: ${({ isNotMobile }) => (isNotMobile ? maxContainerWidth : '100%')};
-  --padding-bottom: 0;
-  --padding-end: 16px;
-  --padding-start: 16px;
-  --padding-top: 0;
-  --background: #fff;
-  --border-width: 0 !important;
-  --border-style: none;
-
-  .buttons-first-slot {
-    margin: 0;
-  }
-
-  .buttons-last-slot {
-    margin: 0;
-  }
-`;

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

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

package/dist/esm/lib/Avatar/Avatar.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { AvatarWrapper } from './Avatar.style';
-import ImageWithFallback from '../ImageWithFallback/ImageWithFallback';
-import { IonSkeletonText } from '@ionic/react';
-import { ReactComponent as EmptyAvatarIcon } from './no-avatar.svg';
-export const Avatar = memo(({ src = '', dimensions = 56, width, height, borderRadius, style = {}, className = '', withBorder = false, onClick, }) => {
-    const [isLoading, setIsLoading] = useState(true);
-    const imageFallback = _jsx(EmptyAvatarIcon, { className: 'empty-icon' });
-    if (src) {
-        return (_jsxs(AvatarWrapper, Object.assign({ dimensions: dimensions, style: style, className: className, withBorder: withBorder, borderRadius: borderRadius, width: width, height: height, onClick: onClick, isLoading: isLoading }, { children: [_jsx(IonSkeletonText, { animated: true, style: {
-                        margin: 0,
-                        width: `${width ? width - 8 : dimensions - 8}px`,
-                        height: `${height ? height - 8 : dimensions - 8}px`,
-                        display: isLoading ? 'block' : 'none',
-                        borderRadius: `${borderRadius ? borderRadius : '50%'}`,
-                        flexShrink: 0,
-                    } }), _jsx(ImageWithFallback, { src: src, onErrorContent: imageFallback, onError: () => setIsLoading(false), onLoad: () => setIsLoading(false), style: { display: isLoading ? 'none' : 'block' } })] })));
-    }
-    return (_jsx(AvatarWrapper, Object.assign({ dimensions: dimensions, style: style, className: className, withBorder: withBorder, borderRadius: borderRadius, width: width, height: height, onClick: onClick, isLoading: false }, { children: imageFallback })));
-});
-Avatar.displayName = 'Avatar';

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

@@ -1,25 +0,0 @@
-import styled from 'styled-components';
-export const AvatarWrapper = styled.div `
-  width: ${({ dimensions, width }) => (width ? width : dimensions)}px;
-  height: ${({ dimensions, height }) => (height ? height : dimensions)}px;
-  border-radius: ${({ borderRadius }) => (borderRadius ? borderRadius : '50%')};
-  overflow: hidden;
-  flex: 0 0 ${({ dimensions }) => dimensions}px;
-  border: ${({ withBorder }) => (withBorder ? '1px solid #D6F2F9' : 'none')};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${({ isLoading }) => isLoading ? 'transparent' : '#177590'};
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    border-radius: ${({ borderRadius }) => borderRadius ? borderRadius : '50%'};
-  }
-
-  & .empty-icon {
-    width: 57%;
-    color: #fff;
-  }
-`;

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

@@ -1 +0,0 @@
-export * from './Avatar';