@mindly/ui-components 3.75.2 → 4.0.0

package/dist/cjs/lib/SwitchDeviceCard/SwitchDeviceCard.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+type VideoCallSwitchDevice = {
+    /**
+     * Modal heading
+     */
+    heading?: string;
+    /**
+     * List of available devices(to get call AgoraRTC.getDevices()
+     */
+    deviceList?: MediaDeviceInfo[];
+    /**
+     * Device which active for this moment
+     */
+    activeDeviceID?: string;
+    /**
+     * On click handler that triggers when user click to any button in list
+     */
+    onClickDeviceHandler?: (deviceID: string) => void;
+    /**
+     * Type of device for switching
+     */
+    deviceType: 'audio' | 'video';
+    /**
+     * Handler that trigger disables audio or video tracks, if not specify last button in modal won`t showing
+     */
+    disableDeviceHandler?: () => void;
+    /**
+     * If device disabled - false, in another way - true
+     */
+    isDisabled?: boolean;
+    translations: {
+        micro: string;
+        camera: string;
+        offText: string;
+    };
+};
+declare const SwitchDeviceCard: React.FC<VideoCallSwitchDevice>;
+export default SwitchDeviceCard;

package/dist/cjs/lib/Toast/Toast.style.d.ts

@@ -0,0 +1,9 @@
+type ToastContainerProps = {
+    position?: 'top' | 'bottom';
+    positionOffset?: number;
+};
+export declare const ToastContainer: import("styled-components").StyledComponent<"div", any, ToastContainerProps, never>;
+export declare const ToastHeading: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const ToastText: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/cjs/lib/Toast/index.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+export type ToastButton = {
+    text: string;
+    handler: () => void;
+    type?: 'filled' | 'outlined';
+    hide?: boolean;
+};
+export type ToastProps = {
+    position?: 'top' | 'bottom';
+    positionOffset?: number;
+    text?: string;
+    heading?: string;
+    buttons?: Array<ToastButton>;
+} & HTMLAttributes<HTMLDivElement>;
+export { default } from './Toast';

package/dist/cjs/lib/TooltipComponent/TooltipComponent.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+type TooltipComponentProps = {
+    text: string;
+    alignment?: 'center' | 'center-left' | 'left' | 'center-right' | 'right';
+    widthPx?: number;
+    makeVisible?: boolean;
+    dimension?: number;
+    icon?: string;
+    className?: string;
+};
+export declare const TooltipComponent: FC<TooltipComponentProps>;
+export {};

package/dist/cjs/lib/TooltipComponent/TooltipComponent.style.d.ts

@@ -0,0 +1,11 @@
+type TooltipWrapperProps = {
+    makeVisible?: boolean;
+    dimension?: number;
+};
+export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, TooltipWrapperProps, never>;
+type TooltipContentType = {
+    alignment: 'center' | 'center-left' | 'left' | 'center-right' | 'right';
+    widthPx?: number;
+};
+export declare const TooltipContent: import("styled-components").StyledComponent<"div", any, TooltipContentType, never>;
+export {};

package/dist/cjs/lib/UpdatesCard/UpdatesCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ButtonProps } from '../../deprecated/button/Button';
+export type UpdatesPopupPropsType = {
+    text?: string;
+    closeHandler?: () => void;
+    buttonHandler?: () => void;
+    buttonType?: Extract<ButtonProps, 'buttonType'>;
+    buttonText?: string;
+    disabledButton?: Extract<ButtonProps, 'isDisabled'>;
+};
+declare const UpdatesCard: React.FC<UpdatesPopupPropsType>;
+export default UpdatesCard;

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

@@ -0,0 +1,10 @@
+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/cjs/lib/VideoBadge/VideoBadge.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type VideoBadgeProps = {
+    videoDurationSeconds: number;
+    widthPx?: number;
+    heightPx?: number;
+    positionRight?: number;
+    positionLeft?: number;
+    positionTop?: number;
+    positionBottom?: number;
+    fontSizePx?: number;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare const VideoBadge: React.FC<VideoBadgeProps>;
+export default VideoBadge;

package/dist/cjs/lib/VideoBadge/VideoBadge.style.d.ts

@@ -0,0 +1,11 @@
+type StyleVideoBadgeProps = {
+    widthPx?: number;
+    heightPx?: number;
+    positionRight?: number;
+    positionLeft?: number;
+    positionTop?: number;
+    positionBottom?: number;
+    fontSizePx?: number;
+};
+export declare const StyleVideoBadge: import("styled-components").StyledComponent<"div", any, StyleVideoBadgeProps, never>;
+export {};

package/dist/cjs/lib/VideoCallInfo/VideoCallInfo.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+type UserInfo = {
+    name: string;
+    avatar?: string;
+    position?: string;
+};
+export type VideoCallInfoProps = {
+    userInfo: UserInfo;
+    consultationDate?: number;
+    timeZone?: string;
+    locale: string;
+    translations: {
+        dateAndTime: string;
+        toStartSession: string;
+        abbreviatedDay: string;
+        abbreviatedHour: string;
+        abbreviatedMinutes: string;
+        abbreviatedSeconds: string;
+    };
+};
+declare const _default: React.NamedExoticComponent<VideoCallInfoProps>;
+export default _default;

package/dist/cjs/lib/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { JSX } from '@ionic/core/components';
+type VideoPlayerProps = {
+    videoLink: string;
+    closeModalHandler?: () => void;
+    onErrorContent: React.ReactElement;
+} & JSX.IonModal;
+declare const _default: React.NamedExoticComponent<VideoPlayerProps>;
+export default _default;

package/dist/cjs/lib/notes-card-text/NotesCardText.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type NotesCardTextProps = {
+    text: string;
+};
+declare const NotesCardText: React.FC<NotesCardTextProps>;
+export default NotesCardText;

package/dist/cjs/lib/notes-editor/NotesEditor.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes, RefAttributes } from 'react';
+import { JSX } from '@ionic/core/components';
+export type NotesEditorProps = JSX.IonTextarea & HTMLAttributes<HTMLIonTextareaElement> & RefAttributes<HTMLIonTextareaElement>;
+declare const NotesEditor: React.ForwardRefExoticComponent<Omit<NotesEditorProps, "ref"> & React.RefAttributes<HTMLIonTextareaElement>>;
+export default NotesEditor;

package/dist/cjs/lib/userAppTypes.d.ts

@@ -0,0 +1,239 @@
+export interface IPromotionalCode {
+    /**
+     * The percentage value that specifies the size of the discount
+     * @example 25
+     */
+    percent_off: number;
+    /**
+     * Price after applying promocode
+     */
+    price_uah: string;
+}
+export declare enum PaidTypes {
+    paid_100 = "paid_100",
+    paid_0 = "paid_0"
+}
+export type PsychologistProfileType = {
+    id: string;
+    psychologist_id?: string;
+    articles: Array<{
+        subtheme: string;
+        content: Array<{
+            photoURL: string;
+            title: string;
+            link: string;
+        }>;
+    }>;
+    education: string;
+    experience: string;
+    goal: string;
+    not_work_with: Array<string>;
+    short_description: string;
+    specialization: string;
+    video: Array<{
+        subtheme: string;
+        content: Array<{
+            title: string;
+            url: string;
+        }>;
+    }>;
+    work_with: Array<string>;
+};
+export type PsycologistCalendarType = {
+    id: string;
+    psychologist_id: string;
+    schedule: Array<{
+        slot_id: string;
+    }>;
+};
+export type WeeklyAvailabilitiesItem = {
+    reason: 'busy' | 'opened' | 'booked';
+    isAvailable: boolean;
+    time: string;
+};
+export type PsychologistDevicesProfileType = {
+    tokens?: {
+        fcmtokens?: string[];
+    };
+};
+export type PsychologistType = {
+    id: string;
+    consultation_with: string;
+    duration: number;
+    email: string;
+    first_name: string;
+    last_name: string;
+    price: number;
+    focus: string;
+    photo: string;
+    avatar: string;
+    experience: number;
+    time_zone: string;
+    calendar: PsycologistCalendarType;
+    devices?: PsychologistDevicesProfileType;
+    profile: PsychologistProfileType;
+    isTestUser: boolean;
+    psychologistSex?: 'female' | 'male';
+};
+export type ConsultationType = {
+    id: string;
+    consultation_time: {
+        _seconds: number;
+        nanoseconds: number;
+    };
+    consultation_with: string;
+    duration: number;
+    exchange_rate: string;
+    payment_date: {
+        _seconds: number;
+        nanoseconds: number;
+    };
+    payment_type?: string;
+    price: number;
+    price_uah: number;
+    psychologist_avatar: string;
+    psychologist_id: string;
+    psychologist_name: string;
+    psychologist_timezone: string;
+    user_avatar: string;
+    user_id: string;
+    user_name: string;
+    user_timezone: string;
+    videochat_url: string;
+    was_rescheduled: boolean;
+    session_status?: 'client_showed' | 'client_not_showed';
+    consultation_time_before_rescheduling?: {
+        _seconds: number;
+        nanoseconds: number;
+    };
+    applied_promotional_code?: string | null;
+    auto_booking_status?: 'enable' | 'disable';
+};
+export type ConsultationWatcherType = {
+    user_id: string;
+    payment_date: {
+        seconds: number;
+        nanoseconds: number;
+    };
+};
+export type HasPaidConsultationsWithType = {
+    therapistID?: string;
+    currentPrice?: string;
+};
+export type UserType = {
+    id?: string | undefined;
+    avatar?: Array<{
+        url: string;
+    }>;
+    display_name: string;
+    last_name?: string;
+    displayName?: string;
+    email: string;
+    phone_number: string;
+    phoneNumber?: string;
+    surveyAnswers?: QuestionType[];
+    user_psychologists?: Array<string> | string;
+    isTestUser: boolean;
+    /**
+     * @deprecated
+     */
+    client_from_country?: string;
+    financial_support_approved?: boolean;
+    hasPaidConsultationsWith?: Array<HasPaidConsultationsWithType>;
+};
+export type QuestionType = {
+    answers: string[];
+    photoURL: string;
+    question: string;
+    subquestion: string;
+};
+export type AnswerType = {
+    id: number;
+    question: string;
+    answer: string;
+};
+export type SurveyType = {
+    questions: QuestionType[];
+};
+export type InputState = {
+    value: string;
+    active: boolean;
+};
+export type ChangeUserDataObject = {
+    display_name: string;
+    last_name: string;
+    phone_number: string;
+};
+export type GoogleForgotPasswordAnswer = {
+    apiKey: string;
+    lang: string;
+    mode: string;
+    oobCode: string;
+};
+export interface Customer {
+    /**
+     * Unique identifier for the object.
+     */
+    id: string;
+    /**
+     * String representing the object's type. Objects of the same type share the same value.
+     */
+    object: 'customer';
+    /**
+     * Current balance, if any, being stored on the customer. If negative, the customer has credit to apply to their next invoice. If positive, the customer has an amount owed that will be added to their next invoice. The balance does not refer to any unpaid invoices; it solely takes into account amounts that have yet to be successfully applied to any invoice. This balance is only taken into account as invoices are finalized.
+     */
+    balance: number;
+    /**
+     * Time at which the object was created. Measured in seconds since the Unix epoch.
+     */
+    created: number;
+    /**
+     * Three-letter [ISO code for the currency](https://stripe.com/docs/currencies) the customer can be charged in for recurring billing purposes.
+     */
+    currency: string | null;
+    deleted?: void;
+    /**
+     * When the customer's latest invoice is billed by charging automatically, `delinquent` is `true` if the invoice's latest charge failed. When the customer's latest invoice is billed by sending an invoice, `delinquent` is `true` if the invoice isn't paid by its due date.
+     *
+     * If an invoice is marked uncollectible by [dunning](https://stripe.com/docs/billing/automatic-collection), `delinquent` doesn't get reset to `false`.
+     */
+    delinquent: boolean | null;
+    /**
+     * An arbitrary string attached to the object. Often useful for displaying to users.
+     */
+    description: string | null;
+    /**
+     * The customer's email address.
+     */
+    email: string | null;
+    /**
+     * The prefix for the customer used to generate unique invoice numbers.
+     */
+    invoice_prefix: string | null;
+    invoice_settings: {
+        /**
+         * ID of a payment method that's attached to the customer, to be used as the customer's default payment method for subscriptions and invoices.
+         */
+        default_payment_method?: string;
+    };
+    /**
+     * Has the value `true` if the object exists in live mode or the value `false` if the object exists in test mode.
+     */
+    livemode: boolean;
+    /**
+     * The customer's full name or business name.
+     */
+    name: string | null;
+    /**
+     * The suffix of the customer's next invoice number, e.g., 0001.
+     */
+    next_invoice_sequence?: number;
+    /**
+     * The customer's phone number.
+     */
+    phone: string | null;
+    /**
+     * The customer's preferred locales (languages), ordered by preference.
+     */
+    preferred_locales: Array<string> | null;
+}

package/dist/cjs/lib2/index.d.ts

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

package/dist/cjs/lib2/shared/css/fonts.d.ts

@@ -0,0 +1,5 @@
+import '@fontsource/inter-tight/600.css';
+import '@fontsource/inter-tight/700.css';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/600.css';

package/dist/cjs/lib2/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './providers';

package/dist/cjs/lib2/shared/providers/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ThemeProviderProps } from './types';
+declare const ThemeProvider: FC<ThemeProviderProps>;
+export default ThemeProvider;

package/dist/cjs/lib2/shared/providers/ThemeProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ThemeProvider } from './ThemeProvider';
+export * from './types';

package/dist/cjs/lib2/shared/providers/ThemeProvider/types.d.ts

@@ -0,0 +1,7 @@
+export declare enum appThemes {
+    client = "client",
+    specialist = "specialist"
+}
+export type ThemeProviderProps = {
+    appTheme: appThemes;
+};

package/dist/cjs/lib2/shared/providers/index.d.ts

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

package/dist/cjs/lib2/shared/ui/Typography/Typography.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TypographyAlignType, TypographyOpacityType, TypographyVariantsEnum } from './types';
+type TypographyProps = {
+    variant?: TypographyVariantsEnum;
+    align?: TypographyAlignType;
+    opacity?: TypographyOpacityType;
+    isAppearCase?: boolean;
+    className?: string;
+    children: React.ReactNode;
+};
+declare const _default: React.NamedExoticComponent<TypographyProps>;
+export default _default;

package/dist/cjs/lib2/shared/ui/Typography/index.d.ts

@@ -0,0 +1,3 @@
+import { TypographyVariantsEnum } from './types';
+export { default as Typography } from './Typography';
+export { TypographyVariantsEnum };

package/dist/cjs/lib2/shared/ui/Typography/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const typographyVariantClasses: {
+    [key: string]: string;
+};
+export declare const typographyAlignClasses: {
+    left: string;
+    right: string;
+    center: string;
+};
+export declare const typographyOpacityClasses: {
+    100: string;
+    65: string;
+    50: string;
+    45: string;
+    35: string;
+    30: string;
+    15: string;
+    10: string;
+    8: string;
+    6: string;
+};

package/dist/cjs/lib2/shared/ui/Typography/types.d.ts

@@ -0,0 +1,23 @@
+export declare enum TypographyVariantsEnum {
+    Title48Bold = "Title/48 Bold",
+    Title32Semi = "Title/32 Semi",
+    Title28Semi = "Title/28 Semi",
+    Title24Semi = "Title/24 Semi",
+    Title20Semi = "Title/20 Semi",
+    Text48Semi = "Text/48 Semi",
+    Text32Semi = "Text/32 Semi",
+    Text24Semi = "Text/24 Semi",
+    Text20Semi = "Text/20 Semi",
+    Text18Regular = "Text/18 Regular",
+    Text16Semi = "Text/16 Semi",
+    Text16Regular = "Text/16 Regular",
+    Text15Semi = "Text/15 Semi",
+    Text15Regular = "Text/15 Regular",
+    Text14Semi = "Text/14 Semi",
+    Text14Regular = "Text/14 Regular",
+    Text13Semi = "Text/13 Semi",
+    Text13Regular = "Text/13 Regular",
+    Text12Regular = "Text/12 Regular"
+}
+export type TypographyAlignType = 'left' | 'center' | 'right';
+export type TypographyOpacityType = 100 | 65 | 50 | 45 | 35 | 30 | 15 | 10 | 8 | 6;

package/dist/cjs/lib2/shared/ui/index.d.ts

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

package/dist/esm/configs/tailwind/colors.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    typography: {
+        typography: {
+            primary: string;
+        };
+    };
+};
+export default _default;

package/dist/esm/configs/tailwind/fonts.d.ts

@@ -0,0 +1,19 @@
+export declare const fontSize: {
+    '3.5xl': (string | {
+        lineHeight: string;
+    })[];
+    '2.5xl': (string | {
+        lineHeight: string;
+    })[];
+    sl: (string | {
+        lineHeight: string;
+    })[];
+    xm: (string | {
+        lineHeight: string;
+    })[];
+};
+declare const _default: {
+    sans: string[];
+    title: string[];
+};
+export default _default;

package/dist/esm/configs/tailwind/opacity.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    '65': string;
+    '45': string;
+    '35': string;
+    '15': string;
+    '8': string;
+    '6': string;
+};
+export default _default;

package/dist/esm/deprecated/LetterAvatar/LetterAvatar.d.ts

@@ -0,0 +1,15 @@
+import React, { CSSProperties } from 'react';
+export type LetterAvatarProps = {
+    letter: string;
+    dimensions?: number;
+    className?: string;
+    style?: CSSProperties;
+    withBorder?: boolean;
+    borderRadius?: string;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+    onClick?: () => void;
+};
+declare const _default: React.NamedExoticComponent<LetterAvatarProps>;
+export default _default;

package/dist/esm/deprecated/LetterAvatar/LetterAvatar.styled.d.ts

@@ -0,0 +1,10 @@
+type LetterAvatarStyledProps = {
+    dimensions: number;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+    withBorder: boolean;
+    borderRadius?: string;
+};
+declare const LetterAvatarStyled: import("styled-components").StyledComponent<"div", any, LetterAvatarStyledProps, never>;
+export default LetterAvatarStyled;

package/dist/esm/deprecated/SpecialistAbout/SpecialistAbout.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type SpecialistAboutProps = {
+    text?: string;
+    limit?: number;
+    showLoading?: boolean;
+};
+/**
+ * @deprecated
+ */
+declare const SpecialistAbout: React.FC<SpecialistAboutProps>;
+export default SpecialistAbout;

package/dist/esm/deprecated/SpecialistEducationCard/SpecialistEducationCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type SpecialistEducationCardProps = {
+    institutionName?: string;
+    institutionLogoLink?: string | null;
+    onClickSeeMoreButton?: () => void;
+    faculty?: string | null;
+    yearStart?: number | null;
+    yearEnd?: number | null;
+    showLoader?: boolean;
+};
+declare const _default: React.NamedExoticComponent<SpecialistEducationCardProps>;
+export default _default;

package/dist/esm/deprecated/SpecialistEducationCard/SpecialistEducationCard.style.d.ts

@@ -0,0 +1,6 @@
+type StyledSpecialistEducationCardProps = {
+    isNeedHoverEffect?: boolean;
+};
+export declare const StyledSpecialistEducationCard: import("styled-components").StyledComponent<"div", any, StyledSpecialistEducationCardProps, never>;
+export declare const StyledInstitutionTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/esm/deprecated/SpecialistProfileViewCard/SpecialistProfileViewCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type SpecialistProfileViewCardProps = {
+    avatarLink?: string | null;
+    specialistName?: string | null;
+    specialization?: string | null;
+    sessionPrice?: number | null;
+    sessionDuration?: number | null;
+    hoursOfPractice?: number | null;
+    onImageClick?: () => void;
+    videoLinkUrl?: string | null;
+    showLoader?: boolean;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare const _default: React.NamedExoticComponent<SpecialistProfileViewCardProps>;
+export default _default;

package/dist/esm/deprecated/SpecialistProfileViewCard/SpecialistProfileViewCard.style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const StyledProfileViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+type StyledProfileViewImageProps = {
+    isNeedPlayButton?: boolean;
+};
+export declare const StyledProfileViewImageContainer: import("styled-components").StyledComponent<"div", any, StyledProfileViewImageProps, never>;
+export declare const StyledProfileViewImage: import("styled-components").StyledComponent<import("react").FC<import("../../lib/Avatar").AvatarProps>, any, StyledProfileViewImageProps, never>;
+export declare const StyledPlayIcon: import("styled-components").StyledComponent<import("react").FC<{}>, any, {}, never>;
+export declare const StyledInfoBlockContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInfoBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};