@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

package/dist/cjs/lib/VideoCallInfo/VideoCallInfo.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const luxon_1 = require("luxon");
+const react_countdown_1 = __importStar(require("react-countdown"));
+const VideoCallInfo_style_1 = require("./VideoCallInfo.style");
+const Avatar_1 = require("../Avatar");
+const VideoCallInfo = ({ userInfo, consultationDate, timeZone = 'Europe/Kiev', locale, translations, }) => {
+    const [timer] = (0, react_1.useState)(luxon_1.DateTime.fromSeconds(consultationDate !== null && consultationDate !== void 0 ? consultationDate : 0)
+        .setZone(timeZone)
+        .toMillis());
+    const currentDateTime = (0, react_1.useMemo)(() => consultationDate
+        ? luxon_1.DateTime.fromSeconds(consultationDate)
+            .setLocale(locale)
+            .setZone(timeZone)
+        : null, [consultationDate, timeZone]);
+    return ((0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallContainer, { children: (0, jsx_runtime_1.jsxs)(VideoCallInfo_style_1.InfoCallWrapper, { children: [(0, jsx_runtime_1.jsxs)(VideoCallInfo_style_1.InfoCallUserInfo, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { dimensions: 72, src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstName: userInfo.name }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallUserName, { children: userInfo.name }), (userInfo === null || userInfo === void 0 ? void 0 : userInfo.position) && ((0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallUserPosition, { children: userInfo.position }))] })] }), (0, jsx_runtime_1.jsxs)(VideoCallInfo_style_1.InfoCallRow, { children: [(0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallTitle, { children: translations.dateAndTime }), (0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallDescription, { children: currentDateTime && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [currentDateTime.setLocale(locale).toFormat('EEEE, d MMMM'), ",", ' ', currentDateTime.toLocaleString(luxon_1.DateTime.TIME_SIMPLE)] })) }), (0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallTitle, { children: currentDateTime && currentDateTime.toFormat('ZZZZ') })] }), (0, jsx_runtime_1.jsxs)(VideoCallInfo_style_1.InfoCallRow, { children: [(0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallTitle, { children: translations.toStartSession }), (0, jsx_runtime_1.jsx)(VideoCallInfo_style_1.InfoCallDescription, { children: (0, jsx_runtime_1.jsx)(react_countdown_1.default, { date: timer, renderer: ({ days, hours, minutes, seconds }) => `${(0, react_countdown_1.zeroPad)(days)} ${translations.abbreviatedDay} ${(0, react_countdown_1.zeroPad)(hours)} ${translations.abbreviatedHour} ${(0, react_countdown_1.zeroPad)(minutes)} ${translations.abbreviatedMinutes} ${(0, react_countdown_1.zeroPad)(seconds)} ${translations.abbreviatedSeconds}` }) })] })] }) }));
+};
+exports.default = react_1.default.memo(VideoCallInfo);

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

@@ -1,8 +1,9 @@
-export declare const InfoCallContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallUserInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallUserName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallUserPosition: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCallDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const InfoCallContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallUserInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallUserName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallUserPosition: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoCallDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoCallDescription = exports.InfoCallTitle = exports.InfoCallRow = exports.InfoCallUserPosition = exports.InfoCallUserName = exports.InfoCallUserInfo = exports.InfoCallWrapper = exports.InfoCallContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.InfoCallContainer = styled_components_1.default.div `
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0px 16px;
+`;
+exports.InfoCallWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  row-gap: 30px;
+  min-width: 280px;
+`;
+exports.InfoCallUserInfo = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+  color: #ffffff;
+`;
+exports.InfoCallUserName = styled_components_1.default.div `
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 24px;
+  margin-bottom: 2px;
+`;
+exports.InfoCallUserPosition = styled_components_1.default.div `
+  font-size: 14px;
+  line-height: 16px;
+`;
+exports.InfoCallRow = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  row-gap: 6px;
+`;
+exports.InfoCallTitle = styled_components_1.default.div `
+  font-size: 12px;
+  line-height: 14px;
+  color: #5b5b5b;
+`;
+exports.InfoCallDescription = styled_components_1.default.div `
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+  color: #ffffff;
+`;

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var VideoCallInfo_1 = require("./VideoCallInfo");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(VideoCallInfo_1).default; } });

package/dist/cjs/lib/VideoPlayer/VideoPlayer.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const icons_1 = require("ionicons/icons");
+const react_2 = require("@ionic/react");
+const VideoPlayer_style_1 = require("./VideoPlayer.style");
+const VideoPlayer = (props) => {
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setHasError(false);
+    }, [props.videoLink]);
+    const onErrorHandler = (0, react_1.useCallback)((e) => {
+        setHasError(!!e);
+    }, []);
+    if (hasError)
+        return props.onErrorContent;
+    return ((0, jsx_runtime_1.jsxs)(VideoPlayer_style_1.VideoPlayerContainer, { children: [!!props.closeModalHandler && ((0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.closeCircle, onClick: props.closeModalHandler })), (0, jsx_runtime_1.jsxs)("video", Object.assign({ width: '100%', height: '100%', autoPlay: true, controls: true, disablePictureInPicture: true, onError: onErrorHandler }, { children: [(0, jsx_runtime_1.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."] }))] }));
+};
+exports.default = react_1.default.memo(VideoPlayer);

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

@@ -1,5 +1,12 @@
 /// <reference types="react" />
-export declare const VideoPlayerContainer: import("styled-components").StyledComponent<import("react").FC<{
+export declare const VideoPlayerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     style?: import("react").CSSProperties | undefined;
     className?: string | undefined;
-}>, any, {}, never>;
+} & {
+    children?: import("react").ReactNode;
+}, never>> & string & Omit<import("react").FC<{
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+}>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/lib/VideoPlayer/VideoPlayer.style.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlayerContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Container_1 = __importDefault(require("../Container"));
+exports.VideoPlayerContainer = (0, styled_components_1.default)(Container_1.default) `
+  padding-bottom: 15%;
+  @media screen and (max-width: 375px) {
+    max-width: 85%;
+  }
+  ion-icon {
+    align-self: flex-end;
+    padding-bottom: 10px;
+    width: 35px;
+    height: 35px;
+    color: white;
+    &:hover {
+      color: #dedede;
+      cursor: pointer;
+    }
+  }
+  video {
+    max-height: 80vh;
+    object-fit: contain;
+    height: auto;
+    border-radius: 8px;
+    background-color: black;
+  }
+`;

package/dist/cjs/lib/VideoPlayer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var VideoPlayer_1 = require("./VideoPlayer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });

package/dist/cjs/lib/archived-consultation-card/ArchivedConsultationCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface ArchivedConsultationCardProps {
+    nameAndSurname: string;
+    date: string;
+    avatar: string;
+    isFree?: boolean;
+    /**
+     * Consultation price
+     */
+    price: string;
+    ['data-testid']?: string;
+}
+export declare const ArchivedConsultationCard: React.FC<ArchivedConsultationCardProps>;

package/dist/cjs/lib/archived-consultation-card/ArchivedConsultationCard.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArchivedConsultationCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArchivedConsultationCard_style_1 = require("./ArchivedConsultationCard.style");
+const ArchivedConsultationCard_svg_1 = require("./ArchivedConsultationCard.svg");
+require("../Theme/global.css");
+const Avatar_1 = require("../Avatar");
+const ArchivedConsultationCard = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(ArchivedConsultationCard_style_1.Container, Object.assign({ "data-testid": props['data-testid'] }, { children: [(0, jsx_runtime_1.jsxs)(ArchivedConsultationCard_style_1.TextContainer, { children: [typeof props.isFree === 'boolean' &&
+                        (props.isFree ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "reddy-bg" }, { children: (0, jsx_runtime_1.jsx)("h5", Object.assign({ className: "isFreeStatus" }, { children: "\u0411\u0435\u0437\u043A\u043E\u0448\u0442\u043E\u0432\u043D\u0430" })) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "greeny-bg" }, { children: (0, jsx_runtime_1.jsx)("h5", Object.assign({ className: "isFreeStatus" }, { children: `Платна - ${props.price} грн` })) })))), (0, jsx_runtime_1.jsx)("h3", { children: props.nameAndSurname }), (0, jsx_runtime_1.jsx)("h5", Object.assign({ className: "semiBold" }, { children: props.date })), (0, jsx_runtime_1.jsxs)("h5", Object.assign({ className: "check" }, { children: [(0, jsx_runtime_1.jsx)(ArchivedConsultationCard_svg_1.ReactComponent, {}), "\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u0430"] }))] }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: props.avatar, firstName: props.nameAndSurname, dimensions: 94, borderRadius: "8px" })] })));
+};
+exports.ArchivedConsultationCard = ArchivedConsultationCard;

package/dist/cjs/lib/archived-consultation-card/ArchivedConsultationCard.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledArchivedConsultationAvatar: import("styled-components").StyledComponent<import("react").FC<import("../Avatar").AvatarProps>, any, {}, never>;

package/dist/cjs/lib/archived-consultation-card/ArchivedConsultationCard.style.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledArchivedConsultationAvatar = exports.TextContainer = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const mindly_constants_1 = require("../Theme/mindly_constants");
+const Avatar_1 = require("../Avatar");
+exports.Container = styled_components_1.default.div `
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  background: ${mindly_constants_1.colorConstants.AccentGrayBlue};
+  padding: 8px;
+  width: 100%;
+  border-radius: 4px;
+`;
+exports.TextContainer = styled_components_1.default.div `
+  h3 {
+    padding-top: 5px;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 24px;
+    color: ${mindly_constants_1.colorConstants.primaryTextColor};
+  }
+
+  h5 {
+    color: ${mindly_constants_1.colorConstants.secondaryTextColor};
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  h5.isFreeStatus {
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 16px;
+    text-align: center;
+    padding: 2px 8px;
+    color: ${mindly_constants_1.colorConstants.primaryTextColor};
+  }
+
+  .greeny-bg {
+    max-width: max-content;
+    background: #cfe2d7;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 12px;
+  }
+
+  .reddy-bg {
+    max-width: max-content;
+    background: #f6dfdf;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 12px;
+  }
+
+  h5.check {
+    margin-top: 5px;
+    display: flex;
+    align-items: center;
+    color: ${mindly_constants_1.colorConstants.AccentTickColor};
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 16px;
+  }
+
+  svg {
+    margin-right: 4px;
+  }
+`;
+exports.StyledArchivedConsultationAvatar = (0, styled_components_1.default)(Avatar_1.Avatar) `
+  width: 94px;
+  height: 94px;
+  flex: 0 0 94px !important;
+
+  img {
+    width: 94px !important;
+    height: 94px !important;
+  }
+  border-radius: 8px;
+`;

package/dist/cjs/lib/content-card/ContentCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface ContentCardProps {
+    contentVideo?: {
+        title: string;
+        url: string;
+    };
+    contentArticle?: {
+        link: string;
+        photoURL: string;
+        title: string;
+    };
+    ['data-testid']?: string;
+}
+export declare const ContentCard: React.FC<ContentCardProps>;

package/dist/cjs/lib/content-card/ContentCard.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ContentCard_style_1 = require("./ContentCard.style");
+require("../Theme/global.css");
+const ContentCard = (props) => {
+    var _a, _b, _c;
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const title = ((_a = props.contentVideo) === null || _a === void 0 ? void 0 : _a.title) || ((_b = props.contentArticle) === null || _b === void 0 ? void 0 : _b.title);
+    const contentJSX = props.contentArticle ? ((0, jsx_runtime_1.jsx)(ContentCard_style_1.ContentArticle, Object.assign({ "data-testID": props['data-testid'], href: props.contentArticle.link }, { children: (0, jsx_runtime_1.jsx)("img", { src: props.contentArticle.photoURL, alt: "article-img", onLoad: () => {
+                setIsLoading(false);
+            } }) }))) : ((0, jsx_runtime_1.jsx)(ContentCard_style_1.ContentVideo, { "data-testid": props['data-testid'], src: `https://www.youtube.com/embed/${(_c = props.contentVideo) === null || _c === void 0 ? void 0 : _c.url}`, title: "YouTube video player", frameBorder: "0", onLoad: () => {
+            setIsLoading(false);
+        }, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }));
+    return ((0, jsx_runtime_1.jsxs)(ContentCard_style_1.Container, { children: [contentJSX, (0, jsx_runtime_1.jsx)(ContentCard_style_1.SkeletonWrapper, Object.assign({ isLoading: isLoading }, { children: (0, jsx_runtime_1.jsx)(ContentCard_style_1.Skeleton, { animated: true }) })), (0, jsx_runtime_1.jsxs)(ContentCard_style_1.Title, Object.assign({ className: "semiBold" }, { children: [' ', title] }))] }));
+};
+exports.ContentCard = ContentCard;

package/dist/cjs/lib/content-card/ContentCard.style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentArticle: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ContentVideo: import("styled-components").StyledComponent<"iframe", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h3", any, {}, never>;
+interface SkeletonProps {
+    isLoading: boolean;
+}
+export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, SkeletonProps, never>;
+export declare const Skeleton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonSkeletonText & Pick<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "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<HTMLIonSkeletonTextElement>>, any, {}, never>;
+export {};

package/dist/cjs/lib/content-card/ContentCard.style.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = exports.SkeletonWrapper = exports.Title = exports.ContentVideo = exports.ContentArticle = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const mindly_constants_1 = require("../Theme/mindly_constants");
+const react_1 = require("@ionic/react");
+exports.Container = styled_components_1.default.div `
+  border: 1px solid ${mindly_constants_1.colorConstants.StrokeGray};
+  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+`;
+exports.ContentArticle = styled_components_1.default.a `
+  width: 100%;
+  min-height: 192px;
+  max-height: 192px;
+  display: block;
+
+  img {
+    border-radius: 8px 8px 0 0;
+    width: 100%;
+    height: 192px;
+  }
+`;
+exports.ContentVideo = styled_components_1.default.iframe `
+  width: 100%;
+  height: 192px;
+  margin: 0;
+  padding: 0;
+  border-radius: 8px 8px 0 0;
+`;
+exports.Title = styled_components_1.default.h3 `
+  padding: 16px !important;
+  height: 104px;
+  color: ${mindly_constants_1.colorConstants.primaryTextColor};
+`;
+exports.SkeletonWrapper = styled_components_1.default.div `
+  visibility: ${(props) => (props.isLoading ? 'visible' : 'hidden')};
+  position: absolute;
+  width: 100%;
+  top: 0;
+`;
+exports.Skeleton = (0, styled_components_1.default)(react_1.IonSkeletonText) `
+  height: 192px;
+  border-radius: 4px 4px 0 0;
+  border: none;
+  margin: 0;
+  padding: 0;
+`;

package/dist/cjs/lib/date-picker/DatePicker.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DatePicker_style_1 = require("./DatePicker.style");
+require("../Theme/global.css");
+const DatePicker = (props) => {
+    return ((0, jsx_runtime_1.jsx)(DatePicker_style_1.Container, Object.assign({ "data-testid": props['data-testid'], isActive: props.isActive, onClick: () => props.onClick() }, { children: props.type === 'weekday' ? ((0, jsx_runtime_1.jsx)(DatePicker_style_1.WeekDayH1, { children: props.weekday })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h4", { children: props.day }), (0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "bold" }, { children: props.date })), (0, jsx_runtime_1.jsx)("h5", { children: props.month })] })) })));
+};
+exports.DatePicker = DatePicker;

package/dist/cjs/lib/date-picker/DatePicker.style.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface ContainerProps {
     isActive: boolean;
 }
-export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
-export declare const WeekDayH1: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
+export declare const WeekDayH1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export {};

package/dist/cjs/lib/date-picker/DatePicker.style.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WeekDayH1 = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const mindly_constants_1 = require("../Theme/mindly_constants");
+exports.Container = styled_components_1.default.div `
+  padding: 16px 8px;
+  border-radius: 4px;
+  border: 1px solid;
+  width: 100%;
+  min-width: 86px;
+  max-height: 108px;
+  box-sizing: border-box;
+  border-color: ${(props) => props.isActive ? mindly_constants_1.colorConstants.primaryColor : mindly_constants_1.colorConstants.StrokeGray};
+  background: ${(props) => props.isActive ? mindly_constants_1.colorConstants.secondaryColor : mindly_constants_1.colorConstants.White};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);
+
+  h4 {
+    margin-bottom: 4px;
+    color: ${(props) => props.isActive
+    ? mindly_constants_1.colorConstants.primaryColor
+    : mindly_constants_1.colorConstants.secondaryTextColor};
+  }
+
+  h1 {
+    color: ${(props) => props.isActive
+    ? mindly_constants_1.colorConstants.primaryColor
+    : mindly_constants_1.colorConstants.primaryTextColor};
+  }
+
+  h5 {
+    color: ${(props) => props.isActive
+    ? mindly_constants_1.colorConstants.primaryColor
+    : mindly_constants_1.colorConstants.secondaryTextColor};
+  }
+`;
+exports.WeekDayH1 = styled_components_1.default.h1 `
+  line-height: 76px;
+  font-weight: 700;
+  margin: 0;
+`;

package/dist/cjs/lib/floating-button/FloatingButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import '../Theme/global.css';
+export interface FloatingButtonType {
+    bottomHeight: number;
+    rightWidth: number;
+    ['data-testid']?: string;
+}
+export declare const FloatingButton: React.FC<FloatingButtonType>;

package/dist/cjs/lib/floating-button/FloatingButton.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FloatingButton_style_1 = require("./FloatingButton.style");
+const floating_button_svg_1 = __importDefault(require("./floating button.svg"));
+require("../Theme/global.css");
+const FloatingButton = (props) => {
+    return ((0, jsx_runtime_1.jsx)(FloatingButton_style_1.Container, Object.assign({ href: "https://t.me/MindlySupport", bottomHeight: props.bottomHeight, rightWidth: props.rightWidth }, { children: (0, jsx_runtime_1.jsx)("img", { "data-testid": props['data-testid'], src: floating_button_svg_1.default, alt: "support mindly" }) })));
+};
+exports.FloatingButton = FloatingButton;

package/dist/cjs/lib/floating-button/FloatingButton.style.d.ts

@@ -0,0 +1,6 @@
+interface ContainerProps {
+    bottomHeight: number;
+    rightWidth: number;
+}
+export declare const Container: import("styled-components").StyledComponent<"a", any, ContainerProps, never>;
+export {};

package/dist/cjs/lib/floating-button/FloatingButton.style.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.a `
+  display: block;
+  width: 54px;
+  height: 54px;
+  position: fixed;
+  bottom: ${(props) => props.bottomHeight}px;
+  right: ${(props) => props.rightWidth}px;
+  z-index: 10000000000000;
+
+  img {
+    background: none;
+    border-radius: 50%;
+  }
+`;

package/dist/cjs/lib/footer-for-booking/FooterForBooking.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FooterForBookingProps {
+    eventHandler: (props?: React.SyntheticEvent) => void;
+    duration: number;
+    price: string;
+    ['data-testid']?: string;
+}
+declare const FooterForBooking: React.FC<FooterForBookingProps>;
+export default FooterForBooking;

package/dist/cjs/lib/footer-for-booking/FooterForBooking.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FooterForBooking_style_1 = require("./FooterForBooking.style");
+const Button_1 = require("../../deprecated/button/Button");
+const FooterForBooking = (props) => {
+    return ((0, jsx_runtime_1.jsx)(FooterForBooking_style_1.FooterContainer, { children: (0, jsx_runtime_1.jsxs)(FooterForBooking_style_1.FooterToolbar, { children: [(0, jsx_runtime_1.jsx)(FooterForBooking_style_1.ButtonsStart, Object.assign({ slot: "start" }, { children: (0, jsx_runtime_1.jsxs)(FooterForBooking_style_1.InfoContainer, { children: [(0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsx)("strong", { children: props.duration }), " \u0445\u0432"] }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsxs)("strong", { children: ["\u20B4", props.price] }), " / \u0441\u0435\u0441\u0456\u044F"] })] }) })), (0, jsx_runtime_1.jsx)(FooterForBooking_style_1.ButtonsEnd, Object.assign({ slot: "end" }, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ buttonType: 'primary', isDisabled: false, "data-testid": props['data-testid'], onClick: props.eventHandler }, { children: "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u0438\u0441\u044F" })) }))] }) }));
+};
+exports.default = FooterForBooking;