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

package/dist/esm/lib/SwitchDeviceCard/SwitchDeviceCard.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 { useMemo } from 'react';
-import { micOffOutline, micOutline, videocamOffOutline, videocamOutline, } from 'ionicons/icons';
-import ListItem from './ListItem/ListItem';
-import { StyledVideoCallSwitchDeviceContainer, StyledVideoCallSwitchDeviceHeading, StyledVideoCallSwitchDeviceList, } from './SwitchDeviceCard.styled';
-const SwitchDeviceCard = (_a) => {
-    var { translations } = _a, props = __rest(_a, ["translations"]);
-    const availableDeviceList = useMemo(() => {
-        var _a;
-        const tempList = (_a = props.deviceList) === null || _a === void 0 ? void 0 : _a.map((el, index) => {
-            if (el.kind.includes('audiooutput'))
-                return null;
-            const isActive = !!props.activeDeviceID && el.deviceId === props.activeDeviceID;
-            const ionicIcon = el.kind.includes('audioinput')
-                ? micOutline
-                : el.kind.includes('videoinput')
-                    ? videocamOutline
-                    : undefined;
-            const fallbackText = `${props.deviceType === 'audio' ? translations.micro : translations.camera} ${index + 1}`;
-            return (_jsx(ListItem, { className: isActive ? 'active ' : '', onClick: () => props.onClickDeviceHandler &&
-                    props.onClickDeviceHandler(el.deviceId), label: el.label.length ? el.label : fallbackText, icon: ionicIcon, isActive: isActive }, `${el.deviceId}_${index}`));
-        });
-        if (props.disableDeviceHandler && tempList) {
-            tempList.push(_jsx(ListItem, { className: `${props.isDisabled ? 'active' : ''} danger`, onClick: props.disableDeviceHandler, label: translations.offText, icon: props.deviceType === 'video' ? videocamOffOutline : micOffOutline, isActive: props.isDisabled }, 'disable_device'));
-        }
-        return tempList;
-    }, [props.activeDeviceID, props.onClickDeviceHandler]);
-    return (_jsxs(StyledVideoCallSwitchDeviceContainer, { children: [props.heading && (_jsx(StyledVideoCallSwitchDeviceHeading, { children: _jsx("h2", { children: props.heading }) })), _jsx(StyledVideoCallSwitchDeviceList, { children: availableDeviceList })] }));
-};
-export default SwitchDeviceCard;

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

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-export const StyledVideoCallSwitchDeviceContainer = styled.div `
-  background-color: #1d201f;
-  color: white;
-  width: auto;
-  height: auto;
-`;
-export const StyledVideoCallSwitchDeviceHeading = styled.div `
-  height: 59px;
-
-  background-color: #2d3130;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: white;
-  }
-`;
-export const StyledVideoCallSwitchDeviceList = styled.ul `
-  margin: 0;
-  padding: 0;
-  list-style: none;
-`;

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

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

package/dist/esm/lib/Tag/Tag.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TagContainer } from './Tag.style';
-const Tag = ({ children }) => {
-    return _jsx(TagContainer, { children: children });
-};
-export default Tag;

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

@@ -1,32 +0,0 @@
-import styled from 'styled-components';
-export const TagContainer = styled.div `
-  max-width: 100%;
-  height: 30px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: #f2f4f7;
-  border-radius: 30px;
-
-  padding: 8px 10px;
-
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  h7,
-  p,
-  a {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-`;

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

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

package/dist/esm/lib/Theme/mindly_constants.js

@@ -1,22 +0,0 @@
-export const colorConstants = {
-    primaryColor: '#177590',
-    secondaryColor: '#F0FBFF',
-    primaryTextColor: '#1D201F',
-    secondaryTextColor: '#5B5B5B',
-    AccentStrokeColor: '#EDEFF2',
-    AccentDisabledColor: '#C1C1C1',
-    AccentCrossColor: '#A31621',
-    AccentTickColor: '#478862',
-    AccentInputBgColor: '#F5F9FF',
-    AccentTabsBgColor: '#D6F2F9',
-    AccentCross: '#C13E18',
-    White: '#FFFFFF',
-    AccentAchieveBgNew: '#E7E7E7',
-    StrokeGray: '#F2F4F7',
-    AccentSurveyButton: '#E9F7FB',
-    AccentCancelActive: '#F5939A',
-    AccentActiveButtonBG: '#90D5E8',
-    AccentDivider: '#E5E5E5',
-    AccentGrayBlue: '#E8ECF2',
-};
-export const maxContainerWidth = '410px';

package/dist/esm/lib/Toast/Toast.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonsContainer, ToastContainer, ToastHeading, ToastText, } from './Toast.style';
-import CustomButton from '../CustomButton';
-const Toast = ({ position = 'bottom', positionOffset = 0, buttons, text, heading, }) => {
-    return (_jsxs(ToastContainer, Object.assign({ position: position, positionOffset: positionOffset }, { children: [heading && _jsx(ToastHeading, { children: heading }), _jsx(ToastText, { children: text }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) && (_jsx(ButtonsContainer, { children: buttons
-                    .filter((el) => !el.hide)
-                    .map((button, index) => (_jsx(CustomButton, Object.assign({ buttonType: button.type === 'outlined' ? 'border-white' : 'white', onClick: button.handler, style: { fontSize: '12px', lineHeight: '14px' } }, { children: button.text }), index))) }))] })));
-};
-Toast.displayName = 'Toast';
-export default Toast;

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

@@ -1,81 +0,0 @@
-import styled from 'styled-components';
-export const ToastContainer = styled.div `
-  position: absolute;
-
-  left: 50%;
-  transform: translate(-50%);
-
-  ${({ position = 'top', positionOffset }) => position === 'top'
-    ? `top: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-top))`
-        : '16px'};`
-    : ''}
-  ${({ position, positionOffset }) => position === 'bottom'
-    ? `bottom: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-bottom))`
-        : '16px'};`
-    : ''}
-
-  width: calc(100% - 32px);
-  max-width: 410px;
-  height: auto;
-  margin: auto;
-
-  background: #1d201f;
-  border-radius: 10px;
-
-  padding: 16px;
-
-  color: #ffffff;
-
-  animation-name: jump;
-  animation-duration: 500ms;
-  animation-fill-mode: forwards;
-
-  @keyframes jump {
-    0% {
-      ${({ position = 'top' }) => (position === 'top' ? `top: -30%;` : '')}
-      ${({ position }) => (position === 'bottom' ? `bottom: -30%;` : '')}
-    }
-    100% {
-      ${({ position = 'top', positionOffset }) => position === 'top'
-    ? `top: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-top))`
-        : '16px'};`
-    : ''}
-      ${({ position, positionOffset }) => position === 'bottom'
-    ? `bottom: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-bottom))`
-        : '16px'};`
-    : ''}
-    }
-  }
-`;
-export const ToastHeading = styled.h1 `
-  margin-top: 0;
-  margin-bottom: 5px;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 24px;
-  /* identical to box height, or 133% */
-
-  /* accent/white */
-
-  color: #ffffff;
-`;
-export const ToastText = styled.h3 `
-  margin: 0;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-
-  color: #ffffff;
-`;
-export const ButtonsContainer = styled.div `
-  display: flex;
-  margin-top: 16px;
-  justify-content: space-between;
-  gap: 11px;
-`;

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

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

package/dist/esm/lib/TooltipComponent/TooltipComponent.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IonIcon } from '@ionic/react';
-import { helpOutline } from 'ionicons/icons';
-import { TooltipContent, TooltipWrapper } from './TooltipComponent.style';
-export const TooltipComponent = ({ text, alignment, widthPx, makeVisible, dimension, icon = helpOutline, className = '', }) => {
-    return (_jsxs(TooltipWrapper, Object.assign({ className: `tooltip ${className}`, makeVisible: makeVisible, dimension: dimension }, { children: [_jsx(IonIcon, { icon: icon }), _jsx(TooltipContent, Object.assign({ className: "tooltiptext", alignment: alignment !== null && alignment !== void 0 ? alignment : 'center', widthPx: widthPx }, { children: text }))] })));
-};

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

@@ -1,70 +0,0 @@
-import styled from 'styled-components';
-export const TooltipWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #177590;
-  color: white;
-  border-radius: 50%;
-  font-size: ${(props) => props.dimension ? `calc(${props.dimension}px - 8px)` : '20px'};
-
-  position: relative;
-
-  width: ${(props) => (props.dimension ? `${props.dimension}px` : '28px')};
-  height: ${(props) => (props.dimension ? `${props.dimension}px` : '28px')};
-
-  .tooltiptext {
-    visibility: ${(props) => (props.makeVisible ? 'visible' : 'hidden')};
-  }
-
-  &:hover .tooltiptext {
-    visibility: visible;
-  }
-`;
-export const TooltipContent = styled.div `
-  z-index: 21999;
-  visibility: hidden;
-  width: ${(props) => ((props === null || props === void 0 ? void 0 : props.widthPx) ? `${props.widthPx}px` : '220px')};
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  background-color: #5b5b5b;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 4px;
-  padding: 10px;
-  position: absolute;
-  bottom: 115%;
-  left: 50%;
-  transform: ${({ alignment }) => alignment === 'right'
-    ? 'translateX(-91.7%)'
-    : alignment === 'center-right'
-        ? 'translateX(-62.3%)'
-        : alignment === 'center-left'
-            ? 'translateX(-30.2%)'
-            : alignment === 'left'
-                ? 'translateX(-7.3%)'
-                : 'translateX(-50%)'};
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 100%;
-    right: ${({ alignment }) => alignment === 'right'
-    ? '7.2%'
-    : alignment === 'center-right'
-        ? '36.2%'
-        : ''};
-    left: ${({ alignment }) => alignment === 'left'
-    ? '7.2%'
-    : alignment === 'center-left'
-        ? '36.2%'
-        : alignment === 'center'
-            ? '50%'
-            : ''};
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: #5b5b5b transparent transparent transparent;
-  }
-`;

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

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

package/dist/esm/lib/UpdatesCard/UpdatesCard.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { checkmarkCircleOutline, closeOutline } from 'ionicons/icons';
-import { Button } from '../../deprecated/button/Button';
-import { StyledUpdatePopupTextContainer, StyledUpdatePopupContent, } from './UpdatesCard.styled';
-import { IonIcon } from '@ionic/react';
-const UpdatesCard = ({ buttonHandler, closeHandler, buttonType, buttonText, disabledButton, text, }) => {
-    return (_jsxs(StyledUpdatePopupContent, { children: [_jsx(IonIcon, { className: 'update-popup', icon: checkmarkCircleOutline }), _jsxs(StyledUpdatePopupTextContainer, { children: [_jsx("h4", { children: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u043D\u043E\u0432\u0430 \u0432\u0435\u0440\u0441\u0456\u044F" }), _jsx("p", { children: text })] }), (buttonHandler || (buttonText === null || buttonText === void 0 ? void 0 : buttonText.length)) && (_jsx(Button, Object.assign({ onClick: buttonHandler, buttonType: buttonType !== null && buttonType !== void 0 ? buttonType : 'primary', isDisabled: disabledButton !== null && disabledButton !== void 0 ? disabledButton : false }, { children: buttonText || 'Оновити' }))), closeHandler && (_jsx(IonIcon, { className: 'close-icon', icon: closeOutline, onClick: closeHandler }))] }));
-};
-export default UpdatesCard;

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

@@ -1,68 +0,0 @@
-import styled from 'styled-components';
-export const StyledUpdatePopupContent = styled.div `
-  padding: 24px 16px 16px 16px;
-
-  --width: 343px;
-  --height: auto;
-
-  display: grid;
-  grid-template-columns: 18px 1fr;
-  grid-gap: 13px;
-
-  align-items: center;
-  justify-items: center;
-
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-
-  button {
-    grid-column-start: 1;
-    grid-column-end: 3;
-  }
-
-  .update-popup {
-    width: 18px;
-    height: 18px;
-
-    color: #478862;
-    align-self: start;
-
-    padding-top: 3px;
-  }
-
-  .close-icon {
-    width: 10.5px;
-    height: 10.5px;
-
-    padding: 13.5px;
-
-    position: absolute;
-
-    right: 0;
-    top: 0;
-
-    cursor: pointer;
-
-    color: black;
-  }
-`;
-export const StyledUpdatePopupTextContainer = styled.div `
-  h4 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #478862;
-  }
-
-  p {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #5b5b5b;
-  }
-`;

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

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

package/dist/esm/lib/UsersPsychologistScrollList/UserPsychologistScrollList.styled.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledScrollListSectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSectionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledScrollListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledScrollListPsychologist: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledScrollListPsychologistAvatar: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const StyledScrollListPsychologistName: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/lib/UsersPsychologistScrollList/UserPsychologistScrollList.styled.js

@@ -1,55 +0,0 @@
-import styled from 'styled-components';
-export const StyledScrollListSectionWrapper = styled.div `
-  @media (min-width: 1024px) {
-    grid-column: 1 / 3;
-  }
-
-  @media (max-width: 1024px) and (min-width: 600px) {
-    max-width: 452px;
-  }
-`;
-export const StyledSectionTitle = styled.div `
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 32px;
-`;
-export const StyledScrollListWrapper = styled.div `
-  display: flex;
-  overflow-x: auto;
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
-export const StyledScrollListPsychologist = styled.div `
-  min-width: max-content;
-  margin-right: 12px;
-  cursor: pointer;
-`;
-export const StyledScrollListPsychologistAvatar = styled.section `
-  border: 1px solid #f2f4f7;
-  border-radius: 999px;
-  height: 72px;
-  width: 72px;
-  padding: 5px;
-  overflow: hidden !important;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  .img {
-    border-radius: 99px;
-    max-width: max-content;
-    min-width: 62px;
-    width: 62px;
-    height: 62px;
-    user-select: none;
-  }
-`;
-export const StyledScrollListPsychologistName = styled.div `
-  color: #1d201f;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 16px;
-  text-align: center;
-`;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PsychologistType } from '../userAppTypes';
-export type UsersPsychologistScrollListPropsType = {
-    psychologistClickHandler: React.Dispatch<React.SetStateAction<{
-        isShow: boolean;
-        psychologist_id: string;
-    }>>;
-    usersPsychologists: Array<PsychologistType> | null;
-};
-export declare const UsersPsychologistScrollList: ({ psychologistClickHandler, usersPsychologists, }: UsersPsychologistScrollListPropsType) => JSX.Element | null;

package/dist/esm/lib/UsersPsychologistScrollList/UsersPsychologistScrollList.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { IonSkeletonText } from '@ionic/react';
-import { StyledScrollListSectionWrapper, StyledScrollListWrapper, StyledScrollListPsychologist, StyledScrollListPsychologistAvatar, StyledScrollListPsychologistName, } from './UserPsychologistScrollList.styled';
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const UsersPsychologistScrollList = ({ psychologistClickHandler, usersPsychologists, }) => {
-    const [imageLoaded, setImageLoaded] = useState(false);
-    if (usersPsychologists && usersPsychologists.length) {
-        return (_jsx(StyledScrollListSectionWrapper, { children: _jsx(StyledScrollListWrapper, { children: usersPsychologists.map((psychologist) => (_jsxs(StyledScrollListPsychologist, Object.assign({ onClick: () => psychologistClickHandler({
-                        isShow: true,
-                        psychologist_id: psychologist.id,
-                    }) }, { children: [_jsxs(StyledScrollListPsychologistAvatar, { children: [_jsx("img", { className: "img", src: psychologist.avatar, alt: psychologist.first_name, onLoad: () => setImageLoaded(true), style: { display: imageLoaded ? 'block' : 'none' } }), _jsx(IonSkeletonText, { animated: true, className: "img", style: { display: imageLoaded ? 'none' : 'block' } })] }), _jsx(StyledScrollListPsychologistName, { children: psychologist.first_name })] }), `${psychologist.id}-scroll`))) }) }));
-    }
-    return null;
-};

package/dist/esm/lib/VideoBadge/VideoBadge.js

@@ -1,23 +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 { IonIcon } from '@ionic/react';
-import { play } from 'ionicons/icons';
-import { StyleVideoBadge } from './VideoBadge.style';
-import { Duration } from 'luxon';
-const VideoBadge = (_a) => {
-    var props = __rest(_a, []);
-    return (_jsxs(StyleVideoBadge, Object.assign({}, props, { children: [_jsx(IonIcon, { icon: play }), _jsx("p", { children: Duration.fromObject({
-                    seconds: props.videoDurationSeconds,
-                }).toFormat('mm:ss') })] })));
-};
-export default VideoBadge;

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

@@ -1,35 +0,0 @@
-import styled from 'styled-components';
-export const StyleVideoBadge = styled.div `
-  position: absolute;
-
-  bottom: ${(props) => (props === null || props === void 0 ? void 0 : props.positionBottom) ? `${props.positionBottom}px` : 'auto'};
-  right: ${(props) => (props === null || props === void 0 ? void 0 : props.positionRight) ? `${props.positionRight}px` : 'auto'};
-  top: ${(props) => ((props === null || props === void 0 ? void 0 : props.positionTop) ? `${props.positionTop}px` : 'auto')};
-  left: ${(props) => (props === null || props === void 0 ? void 0 : props.positionLeft) ? `${props.positionLeft}px` : 'auto'};
-
-  color: white;
-
-  p {
-    font-style: normal;
-    font-weight: 400;
-    font-size: ${(props) => (props === null || props === void 0 ? void 0 : props.fontSizePx) ? `${props.fontSizePx}px` : '10px'};
-    line-height: 14px;
-  }
-
-  ion-icon {
-    font-size: 14px !important;
-  }
-
-  width: ${(props) => ((props === null || props === void 0 ? void 0 : props.widthPx) ? `${props.widthPx}px` : '51px')};
-  height: ${(props) => ((props === null || props === void 0 ? void 0 : props.heightPx) ? `${props.heightPx}px` : '19px')};
-
-  background: #1d201f;
-  border-radius: 5px;
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 1;
-  padding: 2px 5px;
-  gap: 5px;
-`;

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

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

package/dist/esm/lib/VideoCallInfo/VideoCallInfo.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useMemo, useState } from 'react';
-import { DateTime } from 'luxon';
-import Countdown, { zeroPad } from 'react-countdown';
-import { InfoCallContainer, InfoCallDescription, InfoCallRow, InfoCallTitle, InfoCallUserInfo, InfoCallUserName, InfoCallUserPosition, InfoCallWrapper, } from './VideoCallInfo.style';
-import { Avatar } from '../Avatar';
-const VideoCallInfo = ({ userInfo, consultationDate, timeZone = 'Europe/Kiev', locale, translations, }) => {
-    const [timer] = useState(DateTime.fromSeconds(consultationDate !== null && consultationDate !== void 0 ? consultationDate : 0)
-        .setZone(timeZone)
-        .toMillis());
-    const currentDateTime = useMemo(() => consultationDate
-        ? DateTime.fromSeconds(consultationDate)
-            .setLocale(locale)
-            .setZone(timeZone)
-        : null, [consultationDate, timeZone]);
-    return (_jsx(InfoCallContainer, { children: _jsxs(InfoCallWrapper, { children: [_jsxs(InfoCallUserInfo, { children: [_jsx(Avatar, { dimensions: 72, src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstName: userInfo.name }), _jsxs("div", { children: [_jsx(InfoCallUserName, { children: userInfo.name }), (userInfo === null || userInfo === void 0 ? void 0 : userInfo.position) && (_jsx(InfoCallUserPosition, { children: userInfo.position }))] })] }), _jsxs(InfoCallRow, { children: [_jsx(InfoCallTitle, { children: translations.dateAndTime }), _jsx(InfoCallDescription, { children: currentDateTime && (_jsxs(_Fragment, { children: [currentDateTime.setLocale(locale).toFormat('EEEE, d MMMM'), ",", ' ', currentDateTime.toLocaleString(DateTime.TIME_SIMPLE)] })) }), _jsx(InfoCallTitle, { children: currentDateTime && currentDateTime.toFormat('ZZZZ') })] }), _jsxs(InfoCallRow, { children: [_jsx(InfoCallTitle, { children: translations.toStartSession }), _jsx(InfoCallDescription, { children: _jsx(Countdown, { date: timer, renderer: ({ days, hours, minutes, seconds }) => `${zeroPad(days)} ${translations.abbreviatedDay} ${zeroPad(hours)} ${translations.abbreviatedHour} ${zeroPad(minutes)} ${translations.abbreviatedMinutes} ${zeroPad(seconds)} ${translations.abbreviatedSeconds}` }) })] })] }) }));
-};
-export default React.memo(VideoCallInfo);

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

@@ -1,47 +0,0 @@
-import styled from 'styled-components';
-export const InfoCallContainer = styled.div `
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0px 16px;
-`;
-export const InfoCallWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 30px;
-  min-width: 280px;
-`;
-export const InfoCallUserInfo = styled.div `
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
-  color: #ffffff;
-`;
-export const InfoCallUserName = styled.div `
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 24px;
-  margin-bottom: 2px;
-`;
-export const InfoCallUserPosition = styled.div `
-  font-size: 14px;
-  line-height: 16px;
-`;
-export const InfoCallRow = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 6px;
-`;
-export const InfoCallTitle = styled.div `
-  font-size: 12px;
-  line-height: 14px;
-  color: #5b5b5b;
-`;
-export const InfoCallDescription = styled.div `
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 24px;
-  color: #ffffff;
-`;

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

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

package/dist/esm/lib/VideoPlayer/VideoPlayer.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import { closeCircle } from 'ionicons/icons';
-import { IonIcon } from '@ionic/react';
-import { VideoPlayerContainer } from './VideoPlayer.style';
-const VideoPlayer = (props) => {
-    const [hasError, setHasError] = useState(false);
-    useEffect(() => {
-        setHasError(false);
-    }, [props.videoLink]);
-    const onErrorHandler = useCallback((e) => {
-        setHasError(!!e);
-    }, []);
-    if (hasError)
-        return props.onErrorContent;
-    return (_jsxs(VideoPlayerContainer, { children: [!!props.closeModalHandler && (_jsx(IonIcon, { icon: closeCircle, onClick: props.closeModalHandler })), _jsxs("video", Object.assign({ width: '100%', height: '100%', autoPlay: true, controls: true, disablePictureInPicture: true, onError: onErrorHandler }, { children: [_jsx("source", { src: props.videoLink, type: "video/mp4" }), "\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043D\u0435 \u043F\u0456\u0434\u0442\u0440\u0438\u0443\u0454 \u0432\u0456\u0434\u0435\u043E, \u0441\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u043D\u043E\u0432\u0438\u0442\u0438\u0441\u044C."] }))] }));
-};
-export default React.memo(VideoPlayer);