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

package/dist/esm/lib/Chat/Textarea/Textarea.style.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const TextareaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextareaStyled: import("styled-components").StyledComponent<"textarea", any, {}, never>;
-export declare const SendButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonFooter & Pick<import("react").HTMLAttributes<HTMLIonFooterElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>, any, {}, never>;
-type StyledToolbarProps = {
-    isOpen: boolean;
-};
-export declare const StyledToolbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Pick<import("react").HTMLAttributes<HTMLIonToolbarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, any, StyledToolbarProps, never>;
-export declare const AttachButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export {};

package/dist/esm/lib/Chat/Textarea/Textarea.style.js

@@ -1,95 +0,0 @@
-import styled from 'styled-components';
-import { IonFooter, IonToolbar, isPlatform } from '@ionic/react';
-import { maxContainerWidth } from '../../Theme/mindly_constants';
-export const TextareaWrapper = styled.div `
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 6px;
-  background: #f2f4f7;
-  padding: 6px;
-`;
-export const TextareaStyled = styled.textarea `
-  flex: 1;
-  border: none;
-  resize: none;
-  outline: none;
-  background: #ffffff;
-  border-radius: 16px;
-  padding: 6px 12px;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 19px;
-  color: #1d201f;
-  max-height: 270px;
-  height: 33px;
-
-  &::placeholder {
-    color: #c1c1c1;
-  }
-`;
-export const SendButton = styled.button `
-  width: 31px;
-  height: 31px;
-  border-radius: 50%;
-  background: #177590;
-  outline: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-  font-size: 20px;
-`;
-export const StyledFooter = styled(IonFooter) `
-  background: #f2f4f7;
-
-  &::before {
-    display: none;
-  }
-`;
-export const StyledToolbar = styled(IonToolbar) `
-  max-width: ${() => (isPlatform('desktop') ? maxContainerWidth : '100%')};
-  --background: #f2f4f7;
-  --border-width: 0;
-  --padding-start: 0;
-  --padding-top: 0;
-  --padding-end: 0;
-  --padding-bottom: 0;
-  padding-bottom: ${({ isOpen }) => {
-    return isOpen
-        ? 'calc(var(--ion-safe-area-bottom)-var(--ion-safe-area-bottom)) !important'
-        : 'var(--ion-safe-area-bottom, 0) !important';
-}};
-
-  margin: 0 auto;
-  --min-height: 44px;
-`;
-export const AttachButton = styled.button `
-  position: relative;
-  width: 25px;
-  height: 25px;
-  color: #5b5b5b;
-  background: transparent;
-  overflow: hidden;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-
-  & svg {
-    width: 20px;
-  }
-
-  & input[type='file'] {
-    position: absolute;
-    left: 0;
-    top: 0;
-    opacity: 0;
-    transform: scale(3);
-    cursor: pointer;
-  }
-`;

package/dist/esm/lib/Chat/Textarea/index.d.ts

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

package/dist/esm/lib/Chat/Textarea/index.js

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

package/dist/esm/lib/Chat/Textarea/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const loadImage: (path: string) => Promise<HTMLImageElement>;
-export declare const loadVideo: (path: string) => Promise<HTMLVideoElement>;

package/dist/esm/lib/Chat/Textarea/utils.js

@@ -1,24 +0,0 @@
-export const loadImage = (path) => {
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        img.src = path;
-        img.onload = () => {
-            resolve(img);
-        };
-        img.onerror = (e) => {
-            reject(e);
-        };
-    });
-};
-export const loadVideo = (path) => {
-    return new Promise((resolve, reject) => {
-        const video = document.createElement('video');
-        video.src = path;
-        video.onloadedmetadata = () => {
-            resolve(video);
-        };
-        video.onerror = (e) => {
-            reject(e);
-        };
-    });
-};

package/dist/esm/lib/Chat/utils.d.ts

@@ -1 +0,0 @@
-export declare const timeNormalize: (message: string, timeZone: string, locale: string) => string;

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

@@ -1,19 +0,0 @@
-import { DateTime } from 'luxon';
-export const timeNormalize = (message, timeZone, locale) => {
-    var _a;
-    const result = (_a = message === null || message === void 0 ? void 0 : message.match(/<time>(.*?)<\/time>/g)) === null || _a === void 0 ? void 0 : _a.map(function (val) {
-        return val;
-    });
-    let newMessage = message;
-    if (result === null || result === void 0 ? void 0 : result.length) {
-        result.forEach((r) => {
-            const time = DateTime.fromSeconds(Number(r.replace('<time>', '').replace('</time>', '')))
-                .setLocale(locale)
-                .setZone(timeZone);
-            newMessage = newMessage.replace(r, `${time.toFormat('EEEE, d MMMM').charAt(0).toUpperCase()}${time
-                .toFormat('EEEE, d MMMM')
-                .slice(1)}, ${time.toLocaleString(DateTime.TIME_SIMPLE)}`);
-        });
-    }
-    return newMessage;
-};

package/dist/esm/lib/ChevronHeader/ChevronHeader.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IonButtons, IonIcon } from '@ionic/react';
-import AppHeader from '../AppHeader';
-import Skeleton from '../Skeleton';
-import { BackButton, BookingSteps, BookingTitle, ChevronHeaderTitle } from './ChevronHeader.styled';
-import { chevronBackOutline } from 'ionicons/icons';
-const ChevronHeader = ({ title, subTitle, isLoading, onClick, }) => {
-    return !isLoading ? (_jsxs(AppHeader, { children: [_jsx(IonButtons, Object.assign({ slot: "start" }, { children: _jsx(BackButton, Object.assign({ onClick: onClick }, { children: _jsx(IonIcon, { icon: chevronBackOutline }) })) })), _jsxs(ChevronHeaderTitle, { children: [title && _jsx(BookingTitle, { children: title }), subTitle && _jsx(BookingSteps, { children: subTitle })] })] })) : (_jsxs(AppHeader, { children: [_jsx(IonButtons, Object.assign({ slot: "start" }, { children: _jsx(BackButton, Object.assign({ onClick: onClick }, { children: _jsx(IonIcon, { icon: chevronBackOutline }) })) })), _jsxs("div", Object.assign({ style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    flexDirection: 'column',
-                } }, { children: [_jsx(Skeleton, { widthPx: 60, heightPx: 16 }), _jsx(Skeleton, { widthPx: 92, heightPx: 14 })] }))] }));
-};
-export default ChevronHeader;

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

@@ -1,46 +0,0 @@
-import styled from 'styled-components';
-export const BackButton = styled.button `
-  outline: none;
-  background: transparent;
-  color: #000000;
-  font-size: 20px;
-  padding: 0;
-  margin-left: -8px;
-  border: none;
-`;
-export const BookingSteps = styled.div `
-  font-size: 12px;
-  color: #1d201f;
-  text-align: center;
-  font-weight: 400;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  word-break: break-word;
-`;
-export const BookingTitle = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 8px;
-  width: 100%;
-  text-align: center;
-  font-size: 14px;
-  font-weight: 600;
-  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;
-`;
-export const ChevronHeaderTitle = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;

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

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

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { IonIcon, IonSpinner } from '@ionic/react';
-import { calendarNumberOutline } from 'ionicons/icons';
-import { ReactComponent as BucketIcon } from './bucket.svg';
-import { ReactComponent as MessageIcon } from './message.svg';
-import ConsultationCard, { ConsultationCardType } from '../ConsultationCard';
-import { CancelConfirmWrapper, CancelSessionConfirmWrapper, } from './CancelSession.style';
-const CancelSession = ({ name, avatar, time, timeZone = 'Europe/Kiev', onSubmit, onReschedule, isLoading = false, emptyReasonErrorMessage, locale, translations, }) => {
-    const [isConfirm, setIsConfirm] = useState(false);
-    const [message, setMessage] = useState('');
-    const [error, setError] = useState(false);
-    const handleMessageChange = useCallback((e) => {
-        setError(false);
-        setMessage(e.target.value);
-    }, []);
-    if (isConfirm) {
-        return (_jsxs(CancelConfirmWrapper, { children: [_jsx(MessageIcon, {}), _jsx("div", Object.assign({ className: "confirm-title" }, { children: translations.title })), _jsxs("div", { children: [_jsx("textarea", { className: `confirm-textarea ${error ? 'error' : ''}`, placeholder: translations.placeholder, value: message, onChange: handleMessageChange }), error && emptyReasonErrorMessage && (_jsx("span", Object.assign({ className: "error-message" }, { children: emptyReasonErrorMessage })))] }), _jsxs("button", Object.assign({ disabled: isLoading, className: `cancel-btn ${message.length ? 'red' : 'blue'}`, onClick: () => (message === null || message === void 0 ? void 0 : message.length) ? onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(message) : setError(true) }, { children: [isLoading && _jsx(IonSpinner, { name: "crescent" }), translations.cancelBtnLabel] }))] }));
-    }
-    return (_jsxs(CancelSessionConfirmWrapper, { children: [_jsx(BucketIcon, {}), _jsx("div", Object.assign({ className: "cancel-title" }, { children: translations.question })), _jsx(ConsultationCard, { type: ConsultationCardType.FEATURE, name: name, avatar: avatar, time: time, timeZone: timeZone, locale: locale, sessionId: "" }), _jsx("div", Object.assign({ className: "cancel-desc" }, { children: translations.description })), _jsxs("button", Object.assign({ className: "reschedule-btn", onClick: onReschedule }, { children: [_jsx(IonIcon, { icon: calendarNumberOutline }), ' ', translations.rescheduleBtnLabel] })), _jsx("button", Object.assign({ className: "confirm-btn", onClick: () => setIsConfirm(true) }, { children: translations.cancelBtnLabel }))] }));
-};
-export default CancelSession;

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

@@ -1,130 +0,0 @@
-import styled from 'styled-components';
-export const CancelSessionConfirmWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .cancel-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #1d201f;
-  }
-
-  & .cancel-desc {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #5b5b5b;
-    margin-bottom: 6px;
-  }
-
-  & .reschedule-btn {
-    position: relative;
-    outline: none;
-    margin: 0 0 6px 0;
-    padding: 16px;
-    background: #d6f2f9;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    color: #177590;
-
-    & ion-icon {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      font-size: 18px;
-    }
-  }
-
-  & .confirm-btn {
-    outline: none;
-    margin: 0;
-    background: none;
-    width: fit-content;
-    font-weight: 600;
-    font-size: 12px;
-    color: #5b5b5b;
-  }
-`;
-export const CancelConfirmWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .confirm-title {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #1d201f;
-    margin-top: -8px;
-  }
-
-  & .confirm-textarea {
-    outline: none;
-    background: #ffffff;
-    border: 1px solid #e5e5e5;
-    border-radius: 10px;
-    resize: none;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #1d201f;
-    height: 72px;
-    width: 100%;
-    margin: 0;
-    padding: 10px 12px;
-
-    &::placeholder {
-      color: #c1c1c1;
-    }
-
-    &.error {
-      margin-bottom: 5px;
-      border: 1px solid #c13e18;
-      border-radius: 10px;
-    }
-  }
-
-  & .error-message {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-
-    color: #c13e18;
-  }
-
-  & .cancel-btn {
-    position: relative;
-    outline: none;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    color: #ffffff;
-    margin: 0;
-    padding: 17px;
-
-    &.blue {
-      background-color: #177590;
-    }
-
-    &.red {
-      background-color: #b12631;
-    }
-
-    &:disabled {
-      background: #c1c1c1;
-    }
-
-    & ion-spinner {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      color: #fff;
-      font-size: 24px;
-    }
-  }
-`;

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

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

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { DateTime } from 'luxon';
-import { IonIcon } from '@ionic/react';
-import { arrowForwardOutline } from 'ionicons/icons';
-import { ConsultationCardContainer, ConsultationCardDate, ConsultationCardInfo, ConsultationCardWrapper, LastConsultationCardContainer, LastConsultationCardInfo, LastConsultationCardTime, } from './ConsultationCard.style';
-import { Avatar } from '../../Avatar';
-import ConsultationCardSkeleton from './ConsultationCardSkeleton';
-import { timeNormalize } from '../utils';
-import { ConsultationCardType } from './types';
-const ConsultationCard = ({ type, sessionId, name, avatar, time, timeZone = 'Europe/Kiev', onClick, isLoading = false, withBorder = false, onVideoCall, locale, translations, }) => {
-    const cardDate = useMemo(() => DateTime.fromSeconds(time).setLocale(locale).setZone(timeZone), [time, timeZone, DateTime.now(), locale]);
-    const isSoonStart = useMemo(() => cardDate.toSeconds() - DateTime.now().toSeconds() < 1800, [time, timeZone, cardDate]);
-    if (isLoading) {
-        return _jsx(ConsultationCardSkeleton, { type: type });
-    }
-    if (type === ConsultationCardType.UNBOOKED) {
-        return (_jsx(ConsultationCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(sessionId) }, { children: _jsxs(LastConsultationCardContainer, { children: [_jsxs(LastConsultationCardInfo, Object.assign({ className: 'choose-day-and-time' }, { children: [_jsx(Avatar, { src: avatar, dimensions: 72, withBorder: withBorder }), _jsx("h2", Object.assign({ className: 'choose-day-and-time' }, { children: translations === null || translations === void 0 ? void 0 : translations.choose_day_and_time }))] })), _jsx(LastConsultationCardTime, { children: _jsxs("div", Object.assign({ className: "sign-up-on-session" }, { children: [translations === null || translations === void 0 ? void 0 : translations.sign_up, _jsx("button", Object.assign({ className: 'join-btn filled' }, { children: _jsx(IonIcon, { icon: arrowForwardOutline }) }))] })) })] }) })));
-    }
-    if (type === ConsultationCardType.LAST) {
-        return (_jsx(ConsultationCardWrapper, Object.assign({ onClick: () => isSoonStart ? onVideoCall === null || onVideoCall === void 0 ? void 0 : onVideoCall(sessionId) : onClick === null || onClick === void 0 ? void 0 : onClick(sessionId), className: `${isSoonStart ? 'is-soon-start' : ''}` }, { children: _jsxs(LastConsultationCardContainer, { children: [_jsxs(LastConsultationCardInfo, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ className: "card-day" }, { children: timeNormalize(cardDate, translations === null || translations === void 0 ? void 0 : translations.days, translations === null || translations === void 0 ? void 0 : translations.hour, translations === null || translations === void 0 ? void 0 : translations.minutes, translations === null || translations === void 0 ? void 0 : translations.from, translations === null || translations === void 0 ? void 0 : translations.started) })), _jsxs("div", Object.assign({ className: "card-info" }, { children: [translations === null || translations === void 0 ? void 0 : translations.with, " ", name] }))] }), _jsx(Avatar, { src: avatar, dimensions: 72, withBorder: withBorder })] }), _jsx(LastConsultationCardTime, Object.assign({ className: "card-date" }, { children: isSoonStart ? (_jsxs("div", Object.assign({ className: "card-join-text" }, { children: [translations === null || translations === void 0 ? void 0 : translations.join, _jsx("button", Object.assign({ className: 'join-btn' }, { children: _jsx(IonIcon, { icon: arrowForwardOutline }) }))] }))) : (_jsxs("div", Object.assign({ className: 'card-local-day-wrapper' }, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ className: "card-local-day" }, { children: cardDate.toFormat('EEEE, d MMMM') })), _jsxs("div", Object.assign({ className: "card-local-gmt" }, { children: [cardDate.toLocaleString(DateTime.TIME_SIMPLE), ' ', cardDate.toFormat('ZZZZ'), ", ", translations === null || translations === void 0 ? void 0 : translations.sessionDuration] })), _jsx("div", Object.assign({ className: "card-local-time" }, { children: translations === null || translations === void 0 ? void 0 : translations.forLocalTime }))] }), _jsx("button", Object.assign({ className: 'join-btn filled' }, { children: _jsx(IonIcon, { icon: arrowForwardOutline }) }))] }))) }))] }) })));
-    }
-    return (_jsx(ConsultationCardWrapper, Object.assign({ onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(sessionId) }, { children: _jsxs(ConsultationCardContainer, Object.assign({ className: `${type === ConsultationCardType.PAST && 'finished-card'}` }, { children: [_jsxs(ConsultationCardDate, { children: [_jsx("div", Object.assign({ className: "card-month" }, { children: cardDate.toFormat('LLL') })), _jsx("div", Object.assign({ className: "card-day" }, { children: cardDate.toFormat('d') }))] }), _jsxs(ConsultationCardInfo, { children: [_jsxs("div", Object.assign({ className: "card-date" }, { children: [_jsx("span", { children: cardDate.toFormat('EEEE') }), ",", ' ', cardDate.toLocaleString(DateTime.TIME_SIMPLE)] })), _jsx("div", Object.assign({ className: "card-user-name" }, { children: name }))] }), _jsx(Avatar, { src: avatar, dimensions: 40, className: "card-avatar" })] })) })));
-};
-export default React.memo(ConsultationCard);

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

@@ -1,214 +0,0 @@
-import styled from 'styled-components';
-export const ConsultationCardWrapper = styled.div `
-  width: 100%;
-  padding: 16px;
-  background: #ffffff;
-  border: 1px solid #eeeeee;
-  border-radius: 10px;
-  cursor: pointer;
-
-  &.is-soon-start {
-    background: #177590;
-    border: none;
-
-    & .card-day,
-    .card-info,
-    .card-date {
-      color: #ffffff;
-    }
-
-    &:active {
-      background: #13637a;
-    }
-  }
-
-  & .card-join-text {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 20px;
-    color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  &:active {
-    background: #f2f4f7;
-  }
-
-  .join-btn {
-    border: none;
-    outline: none;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    background: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    color: #1d201f;
-
-    &.filled {
-      background: #177590;
-      color: #ffffff;
-    }
-  }
-
-  .card-local-day-wrapper {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-  }
-`;
-export const ConsultationCardContainer = styled.div `
-  display: flex;
-  column-gap: 13px;
-  justify-content: space-between;
-  align-items: stretch;
-
-  &.finished-card .card-avatar {
-    opacity: 0.75;
-  }
-
-  &.finished-card .card-month,
-  &.finished-card .card-day,
-  &.finished-card .card-date,
-  &.finished-card .card-user-name {
-    color: #5b5b5b;
-  }
-`;
-export const ConsultationCardDate = styled.div `
-  display: flex;
-  flex-direction: column;
-  row-gap: 2px;
-  align-items: center;
-  justify-content: space-between;
-  font-weight: 600;
-
-  & .card-month {
-    font-size: 12px;
-    color: #b12631;
-    text-transform: uppercase;
-  }
-
-  & .card-day {
-    font-size: 16px;
-    text-align: center;
-    color: #1d201f;
-  }
-`;
-export const ConsultationCardInfo = styled.div `
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  row-gap: 4px;
-
-  & .card-date {
-    font-weight: 600;
-    font-size: 16px;
-    color: #1d201f;
-
-    & span {
-      font-weight: inherit;
-      font-size: inherit;
-      color: inherit;
-      text-transform: capitalize;
-    }
-  }
-
-  & .card-user-name {
-    font-weight: 400;
-    font-size: 12px;
-    color: #5b5b5b;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    line-clamp: 1;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-  }
-`;
-export const LastConsultationCardContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  min-height: 132px;
-  row-gap: 16px;
-`;
-export const LastConsultationCardInfo = styled.div `
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  font-weight: 600;
-  column-gap: 10px;
-
-  & .card-day {
-    font-size: 10px;
-    line-height: 14px;
-    color: #b12631;
-    margin-bottom: 9px;
-    text-transform: uppercase;
-  }
-
-  & .card-info {
-    font-size: 20px;
-    line-height: 24px;
-    color: #1d201f;
-    word-break: break-word;
-  }
-
-  &.choose-day-and-time {
-    column-gap: 15px;
-    align-items: center;
-
-    h2 {
-      font-style: normal;
-      font-weight: 600;
-      font-size: 20px;
-      line-height: 24px;
-      color: #1d201f;
-    }
-  }
-`;
-export const LastConsultationCardTime = styled.div `
-  display: flex;
-  flex-direction: column;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-
-  & .card-local-day:first-letter {
-    text-transform: uppercase;
-  }
-
-  & .card-local-day {
-    font-weight: 600;
-  }
-
-  & .card-local-gmt {
-    font-weight: 600;
-  }
-
-  & .card-local-time {
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-    color: #1d201f;
-  }
-
-  & .sign-up-on-session {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 20px;
-    color: #1d201f;
-  }
-`;