@abihealth/goapp-react-native 1.13.4

package/dist/video-consultations/components/VideoConsultation.d.ts

@@ -0,0 +1,7 @@
+import { HeaderT } from '../../common/types/consultation';
+import { EventHandlers } from '../helpers/eventHandler';
+export interface VideoConsultationProps {
+    eventHandlers?: EventHandlers;
+    header?: HeaderT;
+}
+export declare const VideoConsultation: ({ eventHandlers, header }: VideoConsultationProps) => import("react").JSX.Element;

package/dist/video-consultations/components/VideoConsultation.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoConsultation = void 0;
+var useHeader_1 = require("../../common/hooks/useHeader");
+var index_1 = require("../../common/index");
+var screens_1 = require("../../common/screens");
+var eventHandler_1 = require("../helpers/eventHandler");
+var DeliveryAddressScreen_1 = require("../screens/DeliveryAddressScreen");
+var JoinVideoCallScreen_1 = require("../screens/JoinVideoCallScreen");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var VideoConsultation = function (_a) {
+    var eventHandlers = _a.eventHandlers, header = _a.header;
+    var consultation = (0, index_1.useConsultation)().consultation;
+    var setHeader = (0, useHeader_1.useHeader)().setHeader;
+    (0, react_1.useEffect)(function () {
+        (0, eventHandler_1.handleEvent)(consultation, eventHandlers);
+    }, [consultation, eventHandlers]);
+    (0, react_1.useEffect)(function () { return setHeader(header); }, [header]);
+    var getConsultationScreen = (0, react_1.useCallback)(function (consultation) {
+        var commonScreen = (0, screens_1.getCommonScreen)(consultation);
+        if (commonScreen)
+            return commonScreen;
+        var status = consultation.status, professional = consultation.professional;
+        switch (status) {
+            case index_1.CONSULTATION_STATUS.ONGOING_VIDEO_CALL:
+                return <JoinVideoCallScreen_1.JoinVideoCallScreen professional={professional}/>;
+            case index_1.CONSULTATION_STATUS.VIDEO_CALL_ENDED:
+                return <index_1.PreparingSummaryScreen professional={professional}/>;
+            case index_1.CONSULTATION_STATUS.WAITING_FOR_INFO:
+                return <DeliveryAddressScreen_1.DeliveryAddressScreen />;
+            default:
+                react_native_1.Alert.alert('Screen not found', status);
+                throw new Error("Screen not found ".concat(status));
+        }
+    }, [consultation]);
+    return <react_native_1.View style={styles.container}>{getConsultationScreen(consultation)}</react_native_1.View>;
+};
+exports.VideoConsultation = VideoConsultation;
+var styles = react_native_1.StyleSheet.create({
+    container: { flex: 1 }
+});

package/dist/video-consultations/helpers/eventHandler.d.ts

@@ -0,0 +1,14 @@
+import { Consultation, CONSULTATION_EVENT, EventCallback } from '../../common/index';
+export interface EventHandlers {
+    onCancelled?: EventCallback;
+    onClosed?: EventCallback;
+    onSubmitted?: EventCallback;
+    onClaimed?: EventCallback;
+    onVideoCallStarted?: EventCallback;
+    onVideoCallEnded?: EventCallback;
+    onDeliveryAddressSubmitted?: EventCallback;
+    onPrescriptionSubmitted?: EventCallback;
+    onSummaryGenerated?: EventCallback;
+}
+export declare const mapConsultationStatusToEvent: (consultation: Consultation) => CONSULTATION_EVENT;
+export declare const handleEvent: (consultation: Consultation, eventHandlers?: EventHandlers) => void;

package/dist/video-consultations/helpers/eventHandler.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleEvent = exports.mapConsultationStatusToEvent = void 0;
+var index_1 = require("../../common/index");
+var mapConsultationStatusToEvent = function (consultation) {
+    var status = consultation.status, professional = consultation.professional;
+    switch (status) {
+        case index_1.CONSULTATION_STATUS.OPEN:
+            return professional ? index_1.CONSULTATION_EVENT.CLAIMED : index_1.CONSULTATION_EVENT.SUBMITTED;
+        case index_1.CONSULTATION_STATUS.CANCELED:
+            return index_1.CONSULTATION_EVENT.CANCELED;
+        case index_1.CONSULTATION_STATUS.CLOSED:
+            return index_1.CONSULTATION_EVENT.CLOSED;
+        case index_1.CONSULTATION_STATUS.ONGOING_VIDEO_CALL:
+            return index_1.CONSULTATION_EVENT.VIDEO_CALL_STARTED;
+        case index_1.CONSULTATION_STATUS.VIDEO_CALL_ENDED:
+            return index_1.CONSULTATION_EVENT.VIDEO_CALL_ENDED;
+        case index_1.CONSULTATION_STATUS.RESOLVED:
+        // TODO
+        // DELIVERY_ADDRESS_SUBMITTED = "deliveryAddressSubmitted", //Status (waiting for info) + address ??
+        // PRESCRIPTION_SUBMITTED = "prescriptionSubmitted", //to be defined
+        // SUMMARY_GENERATED = //to be defined (resolved +pdf)
+    }
+};
+exports.mapConsultationStatusToEvent = mapConsultationStatusToEvent;
+var handleEvent = function (consultation, eventHandlers) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    if (!eventHandlers)
+        return;
+    var consultationEvent = (0, exports.mapConsultationStatusToEvent)(consultation);
+    switch (consultationEvent) {
+        case index_1.CONSULTATION_EVENT.CANCELED:
+            (_a = eventHandlers.onCancelled) === null || _a === void 0 ? void 0 : _a.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.CLOSED:
+            (_b = eventHandlers.onClosed) === null || _b === void 0 ? void 0 : _b.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.SUBMITTED:
+            (_c = eventHandlers.onSubmitted) === null || _c === void 0 ? void 0 : _c.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.CLAIMED:
+            (_d = eventHandlers.onClaimed) === null || _d === void 0 ? void 0 : _d.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.VIDEO_CALL_STARTED:
+            (_e = eventHandlers.onVideoCallStarted) === null || _e === void 0 ? void 0 : _e.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.VIDEO_CALL_ENDED:
+            (_f = eventHandlers.onVideoCallEnded) === null || _f === void 0 ? void 0 : _f.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.DELIVERY_ADDRESS_SUBMITTED:
+            (_g = eventHandlers.onDeliveryAddressSubmitted) === null || _g === void 0 ? void 0 : _g.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.PRESCRIPTION_SUBMITTED:
+            (_h = eventHandlers.onPrescriptionSubmitted) === null || _h === void 0 ? void 0 : _h.call(eventHandlers, consultation);
+            break;
+        case index_1.CONSULTATION_EVENT.SUMMARY_GENERATED:
+            (_j = eventHandlers.onSummaryGenerated) === null || _j === void 0 ? void 0 : _j.call(eventHandlers, consultation);
+            break;
+    }
+};
+exports.handleEvent = handleEvent;

package/dist/video-consultations/hooks/useInitRtcEngine.d.ts

@@ -0,0 +1,15 @@
+import { IRtcEngineEx } from 'react-native-agora';
+import { VideoToken } from '../api/models/video';
+declare const useInitRtcEngine: (rtcProps: VideoToken, enableVideo: boolean, listenUserJoinOrLeave?: boolean) => {
+    appId: string;
+    channelId: string;
+    token: string;
+    uid: number;
+    joinChannelSuccess: boolean;
+    setJoinChannelSuccess: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    remoteUsers: number[];
+    setRemoteUsers: import("react").Dispatch<import("react").SetStateAction<number[]>>;
+    startPreview: boolean;
+    engine: import("react").MutableRefObject<IRtcEngineEx>;
+};
+export default useInitRtcEngine;

package/dist/video-consultations/hooks/useInitRtcEngine.js

@@ -0,0 +1,194 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_native_agora_1 = __importStar(require("react-native-agora"));
+var permission_1 = require("../utils/permission");
+var useInitRtcEngine = function (rtcProps, enableVideo, listenUserJoinOrLeave) {
+    if (listenUserJoinOrLeave === void 0) { listenUserJoinOrLeave = true; }
+    var appId = rtcProps.appId, channelId = rtcProps.channel, token = rtcProps.token, uid = rtcProps.uid;
+    var _a = (0, react_1.useState)(false), joinChannelSuccess = _a[0], setJoinChannelSuccess = _a[1];
+    var _b = (0, react_1.useState)([]), remoteUsers = _b[0], setRemoteUsers = _b[1];
+    var _c = (0, react_1.useState)(false), startPreview = _c[0], setStartPreview = _c[1];
+    var engine = (0, react_1.useRef)((0, react_native_agora_1.default)());
+    var initRtcEngine = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!appId) {
+                        console.error("appId is invalid");
+                        throw new Error('appId is invalid');
+                    }
+                    engine.current.initialize({
+                        appId: appId,
+                        channelProfile: react_native_agora_1.ChannelProfileType.ChannelProfileLiveBroadcasting
+                    });
+                    return [4 /*yield*/, (0, permission_1.askMediaAccess)(['android.permission.RECORD_AUDIO'])];
+                case 1:
+                    _a.sent();
+                    engine.current.enableAudio();
+                    if (!enableVideo) return [3 /*break*/, 3];
+                    return [4 /*yield*/, (0, permission_1.askMediaAccess)(['android.permission.CAMERA'])];
+                case 2:
+                    _a.sent();
+                    engine.current.enableVideo();
+                    engine.current.startPreview();
+                    setStartPreview(true);
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [appId, enableVideo]);
+    var onError = (0, react_1.useCallback)(function (err, msg) {
+        console.info('onError', 'err', err, 'msg', msg);
+    }, []);
+    var onJoinChannelSuccess = (0, react_1.useCallback)(function (connection, elapsed) {
+        console.info('onJoinChannelSuccess', 'connection', connection, 'elapsed', elapsed);
+        if (connection.channelId === channelId && (connection.localUid === uid || uid === 0)) {
+            setJoinChannelSuccess(true);
+        }
+    }, [channelId, uid]);
+    var onLeaveChannel = (0, react_1.useCallback)(function (connection, stats) {
+        console.info('onLeaveChannel', 'connection', connection, 'stats', stats);
+        if (connection.channelId === channelId && (connection.localUid === uid || uid === 0)) {
+            setJoinChannelSuccess(false);
+            setRemoteUsers([]);
+        }
+    }, [channelId, uid]);
+    var onUserJoined = (0, react_1.useCallback)(function (connection, remoteUid, elapsed) {
+        console.info('onUserJoined', 'connection', connection, 'remoteUid', remoteUid, 'elapsed', elapsed);
+        if (connection.channelId === channelId && (connection.localUid === uid || uid === 0)) {
+            setRemoteUsers(function (prev) {
+                if (prev === undefined)
+                    return [];
+                if (prev.includes(remoteUid))
+                    return prev;
+                return __spreadArray(__spreadArray([], prev, true), [remoteUid], false);
+            });
+        }
+    }, [channelId, uid]);
+    (0, react_1.useEffect)(function () {
+        ;
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, initRtcEngine()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+        var engineCopy = engine.current;
+        return function () {
+            engineCopy.release();
+        };
+    }, [engine, initRtcEngine]);
+    (0, react_1.useEffect)(function () {
+        engine.current.addListener('onError', onError);
+        engine.current.addListener('onJoinChannelSuccess', onJoinChannelSuccess);
+        engine.current.addListener('onLeaveChannel', onLeaveChannel);
+        if (listenUserJoinOrLeave) {
+            engine.current.addListener('onUserJoined', onUserJoined);
+        }
+        var engineCopy = engine.current;
+        return function () {
+            engineCopy.removeListener('onError', onError);
+            engineCopy.removeListener('onJoinChannelSuccess', onJoinChannelSuccess);
+            engineCopy.removeListener('onLeaveChannel', onLeaveChannel);
+            if (listenUserJoinOrLeave) {
+                engineCopy.removeListener('onUserJoined', onUserJoined);
+            }
+        };
+    }, [engine, initRtcEngine, onError, onJoinChannelSuccess, onLeaveChannel, onUserJoined, listenUserJoinOrLeave]);
+    return {
+        appId: appId,
+        channelId: channelId,
+        token: token,
+        uid: uid,
+        joinChannelSuccess: joinChannelSuccess,
+        setJoinChannelSuccess: setJoinChannelSuccess,
+        remoteUsers: remoteUsers,
+        setRemoteUsers: setRemoteUsers,
+        startPreview: startPreview,
+        engine: engine
+    };
+};
+exports.default = useInitRtcEngine;

package/dist/video-consultations/icons/EndVideoCallIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EndVideoCallIcon: () => React.JSX.Element;

package/dist/video-consultations/icons/EndVideoCallIcon.js

@@ -0,0 +1,51 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EndVideoCallIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var index_1 = require("../../common/index");
+var EndVideoCallIcon = function () {
+    var colors = (0, index_1.useTheme)().colors;
+    return (<react_native_svg_1.default width={61} height={60} viewBox="0 0 61 60" fill="none">
+      <react_native_svg_1.Path d="M47.243 43.517l-7.327-.836a5.742 5.742 0 00-4.73 1.644l-5.309 5.308c-8.164-4.154-14.856-10.818-19.01-19.01l5.336-5.338a5.743 5.743 0 001.645-4.73l-.837-7.27a5.773 5.773 0 00-5.74-5.106H6.28C3.02 8.179.309 10.89.51 14.15c1.53 24.636 21.232 44.31 45.84 45.84 3.259.201 5.97-2.51 5.97-5.77v-4.991c.03-2.914-2.163-5.366-5.077-5.712z" fill={colors.primary}/>
+      <react_native_svg_1.Path d="M60.5 16.5C60.5 25.613 53.113 33 44 33s-16.5-7.387-16.5-16.5S34.887 0 44 0s16.5 7.387 16.5 16.5z" fill={colors.rating}/>
+      <react_native_svg_1.Path d="M50.188 10.313L37.812 22.688M37.813 10.313l12.374 12.375" stroke={colors.white} strokeWidth={3.4} strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.EndVideoCallIcon = EndVideoCallIcon;

package/dist/video-consultations/icons/HangUpIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const HangUpIcon: () => React.JSX.Element;
+export default HangUpIcon;

package/dist/video-consultations/icons/HangUpIcon.js

@@ -0,0 +1,41 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var HangUpIcon = function () { return (<react_native_svg_1.default width={41} height={16} fill="none">
+    <react_native_svg_1.Path fill="#fff" d="m8.011 14.775 3.37-2.671a3.34 3.34 0 0 0 1.273-2.624V5.11a25.4 25.4 0 0 1 15.692 0v4.393a3.34 3.34 0 0 0 1.274 2.624l3.345 2.648a3.377 3.377 0 0 0 4.476-.262l2.06-2.053c1.346-1.342 1.346-3.574-.083-4.832-10.798-9.51-27.05-9.498-37.836 0C.153 8.886.153 11.118 1.5 12.46l2.06 2.053c1.19 1.211 3.107 1.318 4.452.262Z"/>
+  </react_native_svg_1.default>); };
+exports.default = HangUpIcon;

package/dist/video-consultations/icons/MicroOffIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ColorValue } from 'react-native';
+declare const MicroOffIcon: ({ size, color }: {
+    size?: number;
+    color?: ColorValue;
+}) => React.JSX.Element;
+export default MicroOffIcon;

package/dist/video-consultations/icons/MicroOffIcon.js

@@ -0,0 +1,47 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var index_1 = require("../../common/index");
+var MicroOffIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 39 : _b, color = _a.color;
+    var colors = (0, index_1.useTheme)().colors;
+    var parsedColor = color || colors.white;
+    return (<react_native_svg_1.default width={size} height={size} fill="none" viewBox="0 0 39 39">
+      <react_native_svg_1.Path fill={parsedColor} fillRule="evenodd" d="M25.555 14.387v5.5L12.76 7.451c.598-2.392 2.392-4.066 4.305-4.664 4.185-1.196 8.37 1.794 8.49 6.099v5.5Zm-8.251 14.23c-3.707-.597-7.055-4.065-7.294-8.131-.08-.722-.053-1.498-.027-2.255.014-.372.026-.739.026-1.093 0-.838-.597-1.435-1.315-1.435-.717 0-1.315.598-1.315 1.435v2.391c0 1.196.12 2.272.478 3.468.598 2.033 1.674 3.707 3.229 5.142a10.491 10.491 0 0 0 4.903 2.75l1.793.36v2.63H12.76c-.837 0-1.435.598-1.435 1.316 0 .717.598 1.315 1.435 1.315h12.915c.239 0 .598-.12.837-.24.239-.119.358-.358.478-.597.12-.24.12-.598 0-.837-.12-.24-.24-.479-.478-.718-.24-.12-.479-.239-.837-.239H20.533v-2.63c.239-.06.448-.09.657-.12.21-.03.419-.06.658-.12 2.247-.45 4.177-1.532 5.691-3.148l4.38 4.369a.912.912 0 0 0 1.32-.025.99.99 0 0 0-.024-1.365L7.08 4.77a.912.912 0 0 0-1.32.025.99.99 0 0 0 .024 1.366l6.827 6.81c-.091 2.184-.091 4.361-.091 6.438 0 1.674.598 3.348 1.793 4.664 1.794 2.032 4.903 2.75 7.415 1.554.862-.383 1.57-.843 2.126-1.442l1.823 1.82c-2.109 2.073-4.932 3.168-8.374 2.613Zm13.528-10.434a60.43 60.43 0 0 1-.015-1.166c0-.479-.24-.837-.718-1.076-.837-.479-1.913.12-1.913 1.195v2.512c0 .956-.12 1.913-.359 2.75l2.033 1.913c.359-.837.598-1.674.837-2.63.18-1.166.157-2.332.135-3.498Z" clipRule="evenodd"/>
+    </react_native_svg_1.default>);
+};
+exports.default = MicroOffIcon;

package/dist/video-consultations/icons/MicroOnIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const MicroOnIcon: () => React.JSX.Element;
+export default MicroOnIcon;

package/dist/video-consultations/icons/MicroOnIcon.js

@@ -0,0 +1,42 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var MicroOnIcon = function () { return (<react_native_svg_1.default width={24} height={35} fill="none">
+    <react_native_svg_1.Path fill="#fff" d="M18.627 12.491c0 1.71.022 3.422 0 5.13-.046 2.84-1.408 4.869-3.945 6.071-2.438 1.157-5.584.43-7.386-1.58a6.629 6.629 0 0 1-1.744-4.617c.012-3.4.026-6.799 0-10.198-.031-3.24 2.286-5.602 4.59-6.317 4.118-1.28 8.375 1.742 8.473 6.054.042 1.818.008 3.638.008 5.457h.004Z"/>
+    <react_native_svg_1.Path fill="#fff" d="M13.41 29.376v2.696h5.163a1.307 1.307 0 0 1 1.292.916 1.196 1.196 0 0 1-.498 1.429c-.245.158-.53.245-.821.252-4.302.016-8.604.019-12.907.01-.785 0-1.392-.584-1.388-1.308.004-.725.615-1.301 1.42-1.308h5.089v-2.668c-.603-.131-1.212-.234-1.811-.385a10.861 10.861 0 0 1-4.898-2.745c-1.515-1.439-2.634-3.148-3.236-5.169a12.46 12.46 0 0 1-.493-3.45v-2.45c0-.814.565-1.425 1.308-1.428.742-.004 1.307.598 1.314 1.412.014 1.122-.022 2.246.05 3.364.261 4.073 3.673 7.492 7.33 8.144 4.819.86 8.719-1.83 10.305-5.638.461-1.11.623-2.283.623-3.48 0-.83-.014-1.657 0-2.484.024-1.005 1.047-1.63 1.899-1.164.418.227.693.592.695 1.073.011 1.577.095 3.16-.162 4.728-.376 2.282-1.396 4.243-2.953 5.934-1.645 1.787-3.644 2.98-6.032 3.493-.422.088-.852.15-1.289.226Z"/>
+  </react_native_svg_1.default>); };
+exports.default = MicroOnIcon;

package/dist/video-consultations/icons/PersonIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PersonIcon: () => React.JSX.Element;
+export default PersonIcon;

package/dist/video-consultations/icons/PersonIcon.js

@@ -0,0 +1,45 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var index_1 = require("../../common/index");
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var PersonIcon = function () {
+    var colors = (0, index_1.useTheme)().colors;
+    return (<react_native_svg_1.default width={39} height={39} fill="none">
+      <react_native_svg_1.Path fill={colors.primary} d="M19.5 19.5c-2.681 0-4.977-.955-6.886-2.864-1.91-1.91-2.864-4.205-2.864-6.886s.955-4.977 2.864-6.886C14.524.954 16.82 0 19.5 0s4.977.955 6.886 2.864c1.91 1.91 2.864 4.205 2.864 6.886s-.955 4.977-2.864 6.886c-1.91 1.91-4.205 2.864-6.886 2.864ZM0 34.125v-1.95a7.14 7.14 0 0 1 1.066-3.809 7.108 7.108 0 0 1 2.834-2.65 36.193 36.193 0 0 1 7.678-2.834c2.6-.63 5.24-.945 7.922-.945 2.681 0 5.322.315 7.922.945 2.6.63 5.16 1.574 7.678 2.834a7.108 7.108 0 0 1 2.834 2.65A7.14 7.14 0 0 1 39 32.175v1.95c0 1.34-.477 2.488-1.432 3.443-.955.955-2.102 1.432-3.443 1.432H4.875c-1.34 0-2.488-.477-3.443-1.432C.477 36.613 0 35.466 0 34.125Z"/>
+    </react_native_svg_1.default>);
+};
+exports.default = PersonIcon;

package/dist/video-consultations/icons/SwitchCameraIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const SwitchCameraIcon: () => React.JSX.Element;
+export default SwitchCameraIcon;

package/dist/video-consultations/icons/SwitchCameraIcon.js

@@ -0,0 +1,41 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var SwitchCameraIcon = function () { return (<react_native_svg_1.default width={39} height={39} fill="none">
+    <react_native_svg_1.Path fill="#fff" d="M13.66 26.544a2.768 2.768 0 0 1-2.02-.83 2.712 2.712 0 0 1-.838-2v-8.428c0-.78.279-1.447.838-2a2.768 2.768 0 0 1 2.02-.83h1.4l1.152-1.14c.148-.147.308-.254.48-.322.173-.069.355-.103.545-.103h4.526c.19 0 .372.034.544.103.173.068.333.175.48.322l1.154 1.14h1.399c.788 0 1.462.277 2.02.83.56.553.838 1.22.838 2v8.428c0 .78-.279 1.447-.837 2a2.769 2.769 0 0 1-2.021.83H13.66Zm5.84-4.365c.748 0 1.386-.261 1.915-.784a2.568 2.568 0 0 0 .792-1.895c0-.74-.264-1.372-.792-1.895a2.622 2.622 0 0 0-1.915-.784c-.748 0-1.386.261-1.915.784a2.568 2.568 0 0 0-.792 1.895c0 .74.264 1.372.793 1.895a2.622 2.622 0 0 0 1.914.784Zm.03 15.321c-4.487 0-8.418-1.406-11.794-4.218-3.376-2.813-5.445-6.36-6.208-10.642a1.278 1.278 0 0 1 .173-.965c.185-.29.45-.456.797-.498.347-.043.646.048.898.272.251.224.406.507.465.85.645 3.588 2.339 6.575 5.082 8.961 2.744 2.386 5.98 3.668 9.711 3.844l-1.922-1.902a1.128 1.128 0 0 1-.336-.817 1.101 1.101 0 0 1 .336-.833c.23-.226.507-.34.834-.34.326 0 .604.114.833.34l4.839 4.79c.144.142.188.303.132.482a.462.462 0 0 1-.363.333c-.57.132-1.141.223-1.714.27a21.06 21.06 0 0 1-1.763.073Zm-.06-36c4.487 0 8.418 1.405 11.794 4.214 3.376 2.81 5.445 6.363 6.208 10.662.069.353.011.672-.174.957-.184.285-.45.448-.796.49a1.091 1.091 0 0 1-.898-.272 1.425 1.425 0 0 1-.465-.85c-.645-3.588-2.339-6.575-5.082-8.961s-5.98-3.667-9.711-3.844l1.922 1.902c.219.217.33.49.336.818a1.1 1.1 0 0 1-.336.832 1.14 1.14 0 0 1-.834.34c-.326 0-.604-.113-.833-.34l-4.839-4.79c-.144-.142-.188-.303-.132-.482a.462.462 0 0 1 .363-.333c.57-.132 1.141-.223 1.714-.27.573-.049 1.16-.073 1.763-.073Z"/>
+  </react_native_svg_1.default>); };
+exports.default = SwitchCameraIcon;