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

package/dist/cjs/lib/StatisticsScroll/StatisticsScroll.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StatisticsScroll_style_1 = require("./StatisticsScroll.style");
-const icons_1 = require("ionicons/icons");
-const react_1 = require("@ionic/react");
-const utils_1 = require("../Consultations/utils");
-const Skeleton_1 = __importDefault(require("../Skeleton"));
-const StatisticsScroll = ({ trust, activeClients, sessionDuration, sessionsCount, pricePerSession, priceCurrencySign, hoursOfPractice, yearOfExperience, showLoader, subscriptionBalance, subscriptionStatus, translations, }) => {
-    var _a, _b;
-    return ((0, jsx_runtime_1.jsx)("div", { children: !showLoader ? ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyleSpecialistStatisticsContainer, Object.assign({ initialSlide: 0, slidesPerView: 'auto' }, { children: [trust && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ className: 'gap-2px', leftGap: 0, widthInPx: 86, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: icons_1.shieldCheckmark }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: 'caption' }, { children: translations === null || translations === void 0 ? void 0 : translations.checked }))] }))), typeof subscriptionStatus === 'boolean' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 79, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)("h4", Object.assign({ className: subscriptionStatus ? 'green' : 'red' }, { children: translations === null || translations === void 0 ? void 0 : translations.active })), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.subscription })] }))), typeof subscriptionBalance === 'number' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 49, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: subscriptionBalance }), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.balance })] }))), typeof pricePerSession === 'number' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 66, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: `${pricePerSession.toLocaleString('uk-UK', {
-                                maximumFractionDigits: 2,
-                            })}${priceCurrencySign}` }), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.perSessions })] }), "session")), !!activeClients && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 53, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: activeClients }), (0, jsx_runtime_1.jsx)("p", { children: (0, utils_1.decOfNum)(activeClients, (_a = translations === null || translations === void 0 ? void 0 : translations.clients) !== null && _a !== void 0 ? _a : []) })] }), "clients")), !!sessionsCount && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 52, rightGap: 20 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: sessionsCount }), (0, jsx_runtime_1.jsx)("p", { children: (0, utils_1.decOfNum)(sessionsCount, (_b = translations === null || translations === void 0 ? void 0 : translations.sessions) !== null && _b !== void 0 ? _b : []) })] }), "session2")), typeof hoursOfPractice === 'number' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 115, rightGap: 12 }, { children: [(0, jsx_runtime_1.jsxs)("h4", { children: [hoursOfPractice.toLocaleString('uk-UK', {
-                                    maximumFractionDigits: 2,
-                                }), "+"] }), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.practice })] }), "hours")), typeof yearOfExperience === 'number' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 130, rightGap: 10 }, { children: [(0, jsx_runtime_1.jsx)("h4", { children: yearOfExperience }), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.experience })] }), "years")), typeof sessionDuration === 'number' && ((0, jsx_runtime_1.jsxs)(StatisticsScroll_style_1.StyledContainerItem, Object.assign({ widthInPx: 78 }, { children: [(0, jsx_runtime_1.jsxs)("h4", { children: [sessionDuration, " ", translations === null || translations === void 0 ? void 0 : translations.minutes] }), (0, jsx_runtime_1.jsx)("p", { children: translations === null || translations === void 0 ? void 0 : translations.perSession })] }), "duration"))] }), 'slider')) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                borderTop: '1px solid #eeeeee',
-                borderBottom: '1px solid #eeeeee',
-                padding: '14px 16px',
-            } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 86, heightPx: 44 }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 86, heightPx: 44 }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 86, heightPx: 44 }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 86, heightPx: 44 }) }))] }))) }));
-};
-exports.default = StatisticsScroll;

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

@@ -1,68 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledContainerItem = exports.StyleSpecialistStatisticsContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("swiper/react");
-exports.StyleSpecialistStatisticsContainer = (0, styled_components_1.default)(react_1.Swiper) `
-  max-width: 100%;
-  width: 100%;
-  padding: 14px 16px !important;
-  border-top: 1px solid #eeeeee;
-  border-bottom: 1px solid #eeeeee;
-`;
-exports.StyledContainerItem = (0, styled_components_1.default)(react_1.SwiperSlide) `
-  display: flex;
-
-  align-items: center;
-  justify-content: center;
-
-  flex-direction: column;
-
-  width: ${(props) => props.widthInPx ? `${props.widthInPx}px` : ''} !important;
-  margin-left: ${(props) => (props.leftGap ? `${props.leftGap}px` : '0px')};
-  margin-right: ${(props) => (props.rightGap ? `${props.rightGap}px` : '0px')};
-  gap: 8px;
-
-  text-align: center;
-
-  p {
-    flex-shrink: 0;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #5b5b5b;
-  }
-
-  h4 {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #1d201f;
-
-    &.red {
-      color: #c13e18;
-    }
-
-    &.green {
-      color: #26b183;
-    }
-  }
-
-  &.gap-2px {
-    gap: 2px;
-  }
-
-  ion-icon {
-    width: 24px;
-    height: 24px;
-
-    color: #26b183;
-  }
-`;

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

@@ -1,8 +0,0 @@
-"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 StatisticsScroll_1 = require("./StatisticsScroll");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(StatisticsScroll_1).default; } });

package/dist/cjs/lib/StatisticsScroll/utils.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sessionCountDeclension = void 0;
-const sessionCountDeclension = (sessionCount) => {
-    const stringValue = sessionCount.toString();
-    const lastDigit = +stringValue[stringValue.length - 1];
-    if (lastDigit === 1 &&
-        stringValue.substring(stringValue.length - 2, stringValue.length) !== '11')
-        return 'сесію';
-    if (lastDigit > 1 && lastDigit < 5)
-        return 'сесії';
-    if (sessionCount > 5 || sessionCount === 0)
-        return 'сесій';
-    return 'сесії';
-};
-exports.sessionCountDeclension = sessionCountDeclension;

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

@@ -1,7 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-type StatusTagPropsType = {
-    dimension?: number;
-    tagColor?: string;
-} & HTMLAttributes<HTMLDivElement>;
-declare const StatusTag: React.FC<StatusTagPropsType>;
-export default StatusTag;

package/dist/cjs/lib/StatusTag/StatusTag.js

@@ -1,20 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StatusTag_style_1 = require("./StatusTag.style");
-const StatusTag = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (0, jsx_runtime_1.jsx)(StatusTag_style_1.StatusTagContainer, Object.assign({ dimension: props.dimension, tagColor: props.tagColor }, props, { children: children }));
-};
-exports.default = StatusTag;

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

@@ -1,6 +0,0 @@
-type StatusTagContainerPropsType = {
-    dimension?: number;
-    tagColor?: string;
-};
-export declare const StatusTagContainer: import("styled-components").StyledComponent<"div", any, StatusTagContainerPropsType, never>;
-export {};

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

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusTagContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StatusTagContainer = styled_components_1.default.div `
-  width: auto;
-  height: ${props => props.dimension ? `${props.dimension}px` : '24px'};
-
-  white-space: nowrap;
-  
-  margin: 8px;
-
-  display: flex;
-  gap: 10px;
-  
-  align-items: center;
-
-  background-color: ${props => props.tagColor || '#ffffff'};
-  border-radius: 30px;
-  padding: 5px 10px;
-
-  ion-icon {
-    width: 14px;
-    height: 14px;
-
-    color: #1d201f;
-  }
-
-  h5,
-  h6,
-  p {
-    color: #1d201f;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 10px;
-  }
-`;

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

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

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

@@ -1,8 +0,0 @@
-"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 StatusTag_1 = require("./StatusTag");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(StatusTag_1).default; } });

package/dist/cjs/lib/SuccessScreen/SuccessScreen.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SuccessScreen_style_1 = require("./SuccessScreen.style");
-const checkmark_done_svg_1 = require("./checkmark-done.svg");
-const SuccessScreen = ({ title, subTitle, btnTitle = 'Готово', onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)(SuccessScreen_style_1.SuccessWrapper, { children: (0, jsx_runtime_1.jsxs)(SuccessScreen_style_1.SuccessContainer, { children: [(0, jsx_runtime_1.jsx)(checkmark_done_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "success-title" }, { children: title })), subTitle && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "success-desc" }, { children: subTitle })), (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "success-btn", onClick: onClick }, { children: btnTitle }))] }) }));
-};
-exports.default = SuccessScreen;

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

@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuccessContainer = exports.SuccessWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-const mindly_constants_1 = require("../Theme/mindly_constants");
-exports.SuccessWrapper = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: #26b183;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-`;
-exports.SuccessContainer = styled_components_1.default.div `
-  width: ${!(0, react_1.isPlatform)('desktop') ? '100%' : mindly_constants_1.maxContainerWidth};
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .success-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #ffffff;
-    margin-top: -8px;
-  }
-
-  & .success-btn {
-    outline: none;
-    background: transparent;
-    border: 1px solid #ffffff;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    padding: 15px;
-    width: 200px;
-  }
-
-  & .success-desc {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    margin-top: -12px;
-  }
-`;

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

@@ -1,8 +0,0 @@
-"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 SuccessScreen_1 = require("./SuccessScreen");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SuccessScreen_1).default; } });

package/dist/cjs/lib/SwitchDeviceCard/ListItem/ListItem.js

@@ -1,21 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("ionicons/icons");
-const ListItem_styled_1 = require("./ListItem.styled");
-const ListItem = (_a) => {
-    var { isActive, icon, label } = _a, props = __rest(_a, ["isActive", "icon", "label"]);
-    return ((0, jsx_runtime_1.jsxs)(ListItem_styled_1.StyledListItem, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ListItem_styled_1.StyledListItemDeviceIcon, { icon: icon }), (0, jsx_runtime_1.jsx)("h2", { children: label !== null && label !== void 0 ? label : '' }), isActive && ((0, jsx_runtime_1.jsx)(ListItem_styled_1.StyledListItemDeviceIcon, { className: 'end', icon: icons_1.checkmark }))] })));
-};
-exports.default = ListItem;

package/dist/cjs/lib/SwitchDeviceCard/ListItem/ListItem.styled.js

@@ -1,71 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledListItem = exports.StyledListItemDeviceIcon = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.StyledListItemDeviceIcon = (0, styled_components_1.default)(react_1.IonIcon) `
-  min-width: 20px !important;
-  min-height: 20px !important;
-
-  &.end {
-    justify-self: end;
-  }
-`;
-exports.StyledListItem = styled_components_1.default.li `
-  padding: 20px 24px;
-
-  width: 100%;
-  height: 52px;
-
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-
-  display: flex;
-  gap: 12px;
-
-  align-items: center;
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-    cursor: pointer;
-  }
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    overflow: hidden;
-    color: white;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &.active {
-    & ion-icon {
-      color: #177590;
-    }
-
-    h2 {
-      color: #177590;
-    }
-  }
-
-  &.danger {
-    & ion-icon {
-      color: #ff0000;
-    }
-
-    h2 {
-      color: #ff0000;
-    }
-  }
-`;

package/dist/cjs/lib/SwitchDeviceCard/SwitchDeviceCard.js

@@ -1,46 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("ionicons/icons");
-const ListItem_1 = __importDefault(require("./ListItem/ListItem"));
-const SwitchDeviceCard_styled_1 = require("./SwitchDeviceCard.styled");
-const SwitchDeviceCard = (_a) => {
-    var { translations } = _a, props = __rest(_a, ["translations"]);
-    const availableDeviceList = (0, react_1.useMemo)(() => {
-        var _a;
-        const tempList = (_a = props.deviceList) === null || _a === void 0 ? void 0 : _a.map((el, index) => {
-            if (el.kind.includes('audiooutput'))
-                return null;
-            const isActive = !!props.activeDeviceID && el.deviceId === props.activeDeviceID;
-            const ionicIcon = el.kind.includes('audioinput')
-                ? icons_1.micOutline
-                : el.kind.includes('videoinput')
-                    ? icons_1.videocamOutline
-                    : undefined;
-            const fallbackText = `${props.deviceType === 'audio' ? translations.micro : translations.camera} ${index + 1}`;
-            return ((0, jsx_runtime_1.jsx)(ListItem_1.default, { className: isActive ? 'active ' : '', onClick: () => props.onClickDeviceHandler &&
-                    props.onClickDeviceHandler(el.deviceId), label: el.label.length ? el.label : fallbackText, icon: ionicIcon, isActive: isActive }, `${el.deviceId}_${index}`));
-        });
-        if (props.disableDeviceHandler && tempList) {
-            tempList.push((0, jsx_runtime_1.jsx)(ListItem_1.default, { className: `${props.isDisabled ? 'active' : ''} danger`, onClick: props.disableDeviceHandler, label: translations.offText, icon: props.deviceType === 'video' ? icons_1.videocamOffOutline : icons_1.micOffOutline, isActive: props.isDisabled }, 'disable_device'));
-        }
-        return tempList;
-    }, [props.activeDeviceID, props.onClickDeviceHandler]);
-    return ((0, jsx_runtime_1.jsxs)(SwitchDeviceCard_styled_1.StyledVideoCallSwitchDeviceContainer, { children: [props.heading && ((0, jsx_runtime_1.jsx)(SwitchDeviceCard_styled_1.StyledVideoCallSwitchDeviceHeading, { children: (0, jsx_runtime_1.jsx)("h2", { children: props.heading }) })), (0, jsx_runtime_1.jsx)(SwitchDeviceCard_styled_1.StyledVideoCallSwitchDeviceList, { children: availableDeviceList })] }));
-};
-exports.default = SwitchDeviceCard;

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledVideoCallSwitchDeviceList = exports.StyledVideoCallSwitchDeviceHeading = exports.StyledVideoCallSwitchDeviceContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledVideoCallSwitchDeviceContainer = styled_components_1.default.div `
-  background-color: #1d201f;
-  color: white;
-  width: auto;
-  height: auto;
-`;
-exports.StyledVideoCallSwitchDeviceHeading = styled_components_1.default.div `
-  height: 59px;
-
-  background-color: #2d3130;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: white;
-  }
-`;
-exports.StyledVideoCallSwitchDeviceList = styled_components_1.default.ul `
-  margin: 0;
-  padding: 0;
-  list-style: none;
-`;

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

@@ -1,8 +0,0 @@
-"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 SwitchDeviceCard_1 = require("./SwitchDeviceCard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SwitchDeviceCard_1).default; } });

package/dist/cjs/lib/Tag/Tag.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Tag_style_1 = require("./Tag.style");
-const Tag = ({ children }) => {
-    return (0, jsx_runtime_1.jsx)(Tag_style_1.TagContainer, { children: children });
-};
-exports.default = Tag;

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

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.TagContainer = styled_components_1.default.div `
-  max-width: 100%;
-  height: 30px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: #f2f4f7;
-  border-radius: 30px;
-
-  padding: 8px 10px;
-
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  h7,
-  p,
-  a {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-`;

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

@@ -1,8 +0,0 @@
-"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 Tag_1 = require("./Tag");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tag_1).default; } });

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.maxContainerWidth = exports.colorConstants = void 0;
-exports.colorConstants = {
-    primaryColor: '#177590',
-    secondaryColor: '#F0FBFF',
-    primaryTextColor: '#1D201F',
-    secondaryTextColor: '#5B5B5B',
-    AccentStrokeColor: '#EDEFF2',
-    AccentDisabledColor: '#C1C1C1',
-    AccentCrossColor: '#A31621',
-    AccentTickColor: '#478862',
-    AccentInputBgColor: '#F5F9FF',
-    AccentTabsBgColor: '#D6F2F9',
-    AccentCross: '#C13E18',
-    White: '#FFFFFF',
-    AccentAchieveBgNew: '#E7E7E7',
-    StrokeGray: '#F2F4F7',
-    AccentSurveyButton: '#E9F7FB',
-    AccentCancelActive: '#F5939A',
-    AccentActiveButtonBG: '#90D5E8',
-    AccentDivider: '#E5E5E5',
-    AccentGrayBlue: '#E8ECF2',
-};
-exports.maxContainerWidth = '410px';

package/dist/cjs/lib/Toast/Toast.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Toast_style_1 = require("./Toast.style");
-const CustomButton_1 = __importDefault(require("../CustomButton"));
-const Toast = ({ position = 'bottom', positionOffset = 0, buttons, text, heading, }) => {
-    return ((0, jsx_runtime_1.jsxs)(Toast_style_1.ToastContainer, Object.assign({ position: position, positionOffset: positionOffset }, { children: [heading && (0, jsx_runtime_1.jsx)(Toast_style_1.ToastHeading, { children: heading }), (0, jsx_runtime_1.jsx)(Toast_style_1.ToastText, { children: text }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) && ((0, jsx_runtime_1.jsx)(Toast_style_1.ButtonsContainer, { children: buttons
-                    .filter((el) => !el.hide)
-                    .map((button, index) => ((0, jsx_runtime_1.jsx)(CustomButton_1.default, Object.assign({ buttonType: button.type === 'outlined' ? 'border-white' : 'white', onClick: button.handler, style: { fontSize: '12px', lineHeight: '14px' } }, { children: button.text }), index))) }))] })));
-};
-Toast.displayName = 'Toast';
-exports.default = Toast;