@abihealth/goapp-react-native 1.13.4

package/dist/video-consultations/animations/CallingAnimation/xml.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getXml = void 0;
+var getXml = function (colors) { return "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  width=\"400\"\n  height=\"400\"\n  viewBox=\"0 0 400 400\"\n  style=\"width: 100%; height: 100%\"\n>\n  <defs>\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.5000007;0.8333333;0.8333333;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.2466673;0.58;0.58;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 0.989;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;0.3333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate attributeType=\"XML\" attributeName=\"opacity\" dur=\"6s\" from=\"0\" to=\"1\" xlink:href=\"#time_group\" />\n  </defs>\n  <g id=\"_R_G\">\n    <g id=\"_R_G_L_3_G_M\">\n      <g id=\"_R_G_L_3_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_3_G_D_0_P_0\"\n          stroke=\"".concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_2_G_M\">\n      <g id=\"_R_G_L_2_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_2_G_D_0_P_0\"\n          stroke=\"").concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_1_G_M\">\n      <g id=\"_R_G_L_1_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_1_G_D_0_P_0\"\n          stroke=\"").concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_0_G\" transform=\" translate(200, 200) scale(1.2, 1.2) translate(-49.5, -55.5)\">\n      <path\n        id=\"_R_G_L_0_G_D_0_P_0\"\n        fill=").concat(colors.background, "\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M49.5 7.5 C76.01,7.5 97.5,28.99 97.5,55.5 C97.5,82.01 76.01,103.5 49.5,103.5 C22.99,103.5 1.5,82.01 1.5,55.5 C1.5,28.99 22.99,7.5 49.5,7.5z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_1_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M29.78 35.49 C29.78,46.65 38.83,63.43 49.99,63.43 C61.15,63.43 70.19,46.65 70.19,35.49 C70.19,24.33 61.15,15.29 49.99,15.29 C38.83,15.29 29.78,24.33 29.78,35.49z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_2_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.17 77.65 C74.67,77.65 75.89,76.43 75.89,74.93 C75.89,73.42 74.67,72.2 73.17,72.2 C71.66,72.2 70.44,73.42 70.44,74.93 C70.44,76.43 71.66,77.65 73.17,77.65z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_3_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.16 62.64 C73.93,64.44 74.38,66.63 74.49,69.17 C77.11,69.78 79.07,72.12 79.07,74.93 C79.07,78.18 76.43,80.83 73.17,80.83 C69.91,80.83 67.26,78.18 67.26,74.93 C67.26,72.16 69.19,69.83 71.76,69.2 C71.65,66.68 71.05,62.84 68.58,60.94 C67.32,60.61 66.02,60.38 64.69,60.26 C64.59,64.68 49.99,75.58 49.99,75.58 C49.99,75.58 35.37,64.68 35.27,60.26 C33.8,60.39 32.36,60.66 30.97,61.05 C29.17,62.48 28.24,65.13 28.19,69 C28.72,69.3 29.15,69.78 29.41,70.35 C31.35,71.27 33.07,73.2 34.38,75.94 C34.6,76.4 34.63,76.93 34.47,77.4 C35.25,79.43 35.7,81.64 35.7,83.5 C35.7,86.1 35.7,88.57 32.86,89.2 C32.56,89.46 32.17,89.59 31.77,89.59 C31.77,89.59 29.87,89.59 29.87,89.59 C28.92,89.59 28.14,88.82 28.14,87.87 C28.14,87.87 28.15,87.8 28.15,87.8 C28.18,86.89 28.95,86.15 29.87,86.15 C29.87,86.15 31.77,86.15 31.77,86.15 C31.96,86.15 32.15,86.18 32.33,86.24 C32.45,86.21 32.49,86.18 32.49,86.18 C32.7,85.81 32.7,84.25 32.7,83.5 C32.7,81.99 32.32,80.17 31.66,78.47 C31.31,78.28 31.03,77.98 30.86,77.63 C29.71,75.22 28.15,73.66 26.88,73.66 C25.58,73.66 23.94,75.34 22.79,77.84 C22.6,78.25 22.28,78.58 21.87,78.78 C21.28,80.4 20.95,82.07 20.95,83.5 C20.95,84.13 20.95,85.8 21.19,86.19 C21.19,86.19 21.24,86.22 21.39,86.26 C21.59,86.18 21.8,86.14 22.01,86.14 C22.01,86.14 23.91,86.14 23.91,86.14 C24.8,86.14 25.54,86.82 25.63,87.7 C25.63,87.7 25.64,87.8 25.64,87.8 C25.64,88.82 24.86,89.6 23.91,89.6 C23.91,89.6 22.01,89.6 22.01,89.6 C21.63,89.6 21.27,89.47 20.97,89.24 C19.88,89.04 19.12,88.56 18.63,87.78 C18.05,86.84 17.94,85.6 17.94,83.5 C17.94,81.66 18.37,79.54 19.14,77.51 C19.02,77.08 19.06,76.63 19.25,76.22 C20.06,74.46 21.08,72.95 22.21,71.86 C22.83,71.27 23.5,70.79 24.2,70.43 C24.46,69.82 24.91,69.32 25.47,69 C25.5,66.58 25.87,64.49 26.56,62.77 C19.17,66.51 13.98,77.3 12.76,86.39 C21.57,96.85 34.75,103.5 49.49,103.5 C64.96,103.5 78.72,96.17 87.5,84.8 C86.45,75.9 80.44,66.23 73.16,62.64z \"\n      />\n    </g>\n  </g>\n  <g id=\"time_group\" />\n</svg>\n"); };
+exports.getXml = getXml;

package/dist/video-consultations/api/models/video.d.ts

@@ -0,0 +1,10 @@
+export interface VideoToken {
+    token: string;
+    channel?: string;
+    uid: number;
+    appId?: string;
+}
+export interface HangOutRequest {
+    consultationId: string;
+    room: string;
+}

package/dist/video-consultations/api/models/video.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/video-consultations/api/video.d.ts

@@ -0,0 +1,3 @@
+import { ConsultationResponse } from '../../common/api/models/consultation';
+import { HangOutRequest } from './models/video';
+export declare const hangOutVideocall: (body: HangOutRequest) => Promise<ConsultationResponse>;

package/dist/video-consultations/api/video.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hangOutVideocall = void 0;
+var axios_1 = __importDefault(require("axios"));
+var HANGOUT_URL = "/video-consultation/hangout";
+var hangOutVideocall = function (body) {
+    return axios_1.default.patch(HANGOUT_URL, body).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
+};
+exports.hangOutVideocall = hangOutVideocall;

package/dist/video-consultations/components/AgoraWrapper/components/BaseRenderUsers.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface BaseRenderUsersProps {
+    startPreview?: boolean;
+    joinChannelSuccess: boolean;
+    remoteUsers: number[];
+    localVideoMuted?: boolean;
+    remoteVideoMuted?: boolean;
+    remoteAudioMuted?: boolean;
+}
+export declare const BaseRenderUsers: (props: BaseRenderUsersProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: BaseRenderUsersProps) => React.JSX.Element>;
+export default _default;

package/dist/video-consultations/components/AgoraWrapper/components/BaseRenderUsers.js

@@ -0,0 +1,174 @@
+"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.BaseRenderUsers = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_agora_1 = require("react-native-agora");
+var index_1 = require("../../../../common/index");
+var MicroOffIcon_1 = __importDefault(require("../../../icons/MicroOffIcon"));
+var PersonIcon_1 = __importDefault(require("../../../icons/PersonIcon"));
+var VideoOffIcon_1 = __importDefault(require("../../../icons/VideoOffIcon"));
+var ui_1 = require("./ui");
+var MutedIndicatorsContainer = function (_a) {
+    var muted = _a.muted, isLocalUser = _a.isLocalUser;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<react_native_1.View style={styles.mutedIndicatorsContainer}>
+      {muted.audio && (<react_native_1.View style={isLocalUser ? styles.mutedIconSmall : styles.mutedIconLarge}>
+          <MicroOffIcon_1.default size={isLocalUser ? 10 : 25} color={isLocalUser ? theme.colors.black : theme.colors.white}/>
+        </react_native_1.View>)}
+      {muted.video && !isLocalUser && (<react_native_1.View style={styles.mutedIconLarge}>
+          <VideoOffIcon_1.default size={25}/>
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+var BaseRenderUsers = function (props) {
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    var startPreview = props.startPreview, joinChannelSuccess = props.joinChannelSuccess, remoteUsers = props.remoteUsers, _a = props.localVideoMuted, localVideoMuted = _a === void 0 ? false : _a, _b = props.remoteVideoMuted, remoteVideoMuted = _b === void 0 ? false : _b, _c = props.remoteAudioMuted, remoteAudioMuted = _c === void 0 ? false : _c;
+    var showLargeVideo = function (user) { return (user.uid === 0 && !remoteUsers.length) || (remoteUsers.length && user.uid !== 0); };
+    var renderUser = function (user) {
+        var video = renderVideo(user);
+        if (showLargeVideo(user)) {
+            return video;
+        }
+        return <ui_1.AgoraCard key={"".concat(user.uid, " - ").concat(user.sourceType)}>{!localVideoMuted ? <>{video}</> : undefined}</ui_1.AgoraCard>;
+    };
+    var renderVideo = function (user) { return (<react_native_agora_1.RtcSurfaceView style={showLargeVideo(user) ? styles.videoLarge : styles.videoSmall} zOrderMediaOverlay={user.uid === 0 && !!remoteUsers.length} canvas={user}/>); };
+    var renderVideoUser = function (muted, uid, sourceType) {
+        if (muted === void 0) { muted = { video: false, audio: false }; }
+        if (uid === void 0) { uid = 0; }
+        if (sourceType === void 0) { sourceType = react_native_agora_1.VideoSourceType.VideoSourceCamera; }
+        var isLocalUser = uid === 0;
+        return !muted.video ? (<>
+        <MutedIndicatorsContainer muted={muted} isLocalUser={isLocalUser}/>
+        {renderUser({
+                uid: uid,
+                sourceType: sourceType
+            })}
+      </>) : (<react_native_1.View style={[styles.mutedWrapper, isLocalUser ? { backgroundColor: theme.colors.white } : {}]}>
+        <MutedIndicatorsContainer muted={muted} isLocalUser={isLocalUser}/>
+        <react_native_1.View style={styles.userIconContainer}>{isLocalUser ? <PersonIcon_1.default /> : <index_1.DoctorIcon />}</react_native_1.View>
+      </react_native_1.View>);
+    };
+    if (!startPreview && !joinChannelSuccess) {
+        return null;
+    }
+    return (<>
+      {remoteUsers.length === 0
+            ? renderVideoUser({ video: localVideoMuted })
+            : renderVideoUser({ video: remoteVideoMuted, audio: remoteAudioMuted }, remoteUsers[0], react_native_agora_1.VideoSourceType.VideoSourceRemote)}
+      {!!remoteUsers.length && (<ui_1.AgoraList style={styles.videoContainer} numColumns={undefined} horizontal={true} data={remoteUsers} renderItem={function () { return renderVideoUser({ video: localVideoMuted }); }}/>)}
+    </>);
+};
+exports.BaseRenderUsers = BaseRenderUsers;
+exports.default = (0, react_1.memo)(exports.BaseRenderUsers);
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        mutedWrapper: {
+            width: '100%',
+            height: '100%',
+            minWidth: 100,
+            minHeight: 150,
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 999
+        },
+        userIconContainer: {
+            width: 100,
+            height: 110,
+            position: 'absolute',
+            alignSelf: 'center',
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
+            margin: 'auto',
+            display: 'flex'
+        },
+        mutedIconLarge: {
+            width: 40,
+            height: 40,
+            borderRadius: borderRadius.full,
+            backgroundColor: colors.darkGray,
+            alignContent: 'center',
+            justifyContent: 'center',
+            alignItems: 'center',
+            marginLeft: spacing.sm,
+            zIndex: 9999
+        },
+        mutedIconSmall: {
+            backgroundColor: colors.gray,
+            width: 20,
+            height: 20,
+            borderRadius: borderRadius.full,
+            alignContent: 'center',
+            justifyContent: 'center',
+            alignItems: 'center',
+            zIndex: 9999
+        },
+        mutedIndicatorsContainer: {
+            position: 'absolute',
+            flexDirection: 'row',
+            top: spacing.sm,
+            right: spacing.sm
+        },
+        videoLarge: {
+            flex: 1,
+            width: '100%',
+            minWidth: 320,
+            minHeight: 65
+        },
+        videoSmall: {
+            width: 100,
+            height: 150,
+            backgroundColor: colors.white,
+            borderRadius: borderRadius.sm
+        },
+        videoContainer: {
+            position: 'absolute',
+            bottom: 100,
+            right: 10,
+            padding: 0,
+            margin: 0,
+            zIndex: 7000,
+            borderRadius: borderRadius.sm
+        }
+    });
+};

package/dist/video-consultations/components/AgoraWrapper/components/BtnControls.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface BtnControlsProps {
+    remoteUsers: number[];
+    muteLocalAudioStream: boolean;
+    muteLocalVideoStream: boolean;
+    controlActions: {
+        switchCamera: () => void;
+        localAudioStream: () => void;
+        localVideoStream: () => void;
+        endCall: () => void;
+    };
+}
+export declare const BtnControls: ({ controlActions, remoteUsers, muteLocalAudioStream, muteLocalVideoStream }: BtnControlsProps) => React.JSX.Element;
+export default BtnControls;

package/dist/video-consultations/components/AgoraWrapper/components/BtnControls.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.BtnControls = void 0;
+var index_1 = require("../../../../common/index");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var HangUpIcon_1 = __importDefault(require("../../../icons/HangUpIcon"));
+var MicroOffIcon_1 = __importDefault(require("../../../icons/MicroOffIcon"));
+var MicroOnIcon_1 = __importDefault(require("../../../icons/MicroOnIcon"));
+var SwitchCameraIcon_1 = __importDefault(require("../../../icons/SwitchCameraIcon"));
+var VideoOffIcon_1 = __importDefault(require("../../../icons/VideoOffIcon"));
+var VideoOnIcon_1 = __importDefault(require("../../../icons/VideoOnIcon"));
+var ui_1 = require("./ui");
+var BtnControls = function (_a) {
+    var _b, _c;
+    var controlActions = _a.controlActions, remoteUsers = _a.remoteUsers, muteLocalAudioStream = _a.muteLocalAudioStream, muteLocalVideoStream = _a.muteLocalVideoStream;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<react_native_1.View style={[styles.btnContainer, theme.shadows.soft]}>
+      <react_native_1.View style={styles.btnContent}>
+        <ui_1.VideoCallButton icon={muteLocalAudioStream ? <MicroOffIcon_1.default /> : <MicroOnIcon_1.default />} name={'audiomute'} onPress={controlActions.localAudioStream} isMuted={muteLocalAudioStream}/>
+        <ui_1.VideoCallButton icon={muteLocalVideoStream ? <VideoOffIcon_1.default /> : <VideoOnIcon_1.default />} name={'videomute'} onPress={controlActions.localVideoStream} isMuted={muteLocalVideoStream}/>
+        <ui_1.VideoCallButton disabled={!remoteUsers.length} icon={<SwitchCameraIcon_1.default />} name={'switchCamera'} onPress={controlActions.switchCamera}/>
+        <ui_1.VideoCallButton customStyle={[styles.endCall, (_c = (_b = theme.components) === null || _b === void 0 ? void 0 : _b.videoCall) === null || _c === void 0 ? void 0 : _c.endCall]} icon={<HangUpIcon_1.default />} name={'endCall'} onPress={controlActions.endCall}/>
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+exports.BtnControls = BtnControls;
+exports.default = exports.BtnControls;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        endCall: {
+            borderRadius: borderRadius.full,
+            backgroundColor: colors.warning
+        },
+        btnContainer: {
+            backgroundColor: colors.white,
+            bottom: spacing.sm,
+            paddingVertical: spacing.xs,
+            justifyContent: 'space-between',
+            height: 70,
+            flexDirection: 'row',
+            alignSelf: 'center',
+            borderRadius: borderRadius.full
+        },
+        btnContent: {
+            flexDirection: 'row',
+            justifyContent: 'space-evenly'
+        }
+    });
+};

package/dist/video-consultations/components/AgoraWrapper/components/ui/index.d.ts

@@ -0,0 +1,14 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+import { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+export { RtcSurfaceView } from 'react-native-agora';
+interface VideoCallButtonProps {
+    disabled?: boolean;
+    icon: ReactNode;
+    isMuted?: boolean;
+    name: string;
+    customStyle?: StyleProp<ViewStyle>;
+    onPress: () => void;
+}
+export declare const VideoCallButton: (props: VideoCallButtonProps) => React.JSX.Element;
+export declare function AgoraList<T>(props: FlatListProps<T>): React.JSX.Element;
+export declare const AgoraCard: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;

package/dist/video-consultations/components/AgoraWrapper/components/ui/index.js

@@ -0,0 +1,100 @@
+"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 });
+exports.AgoraCard = exports.VideoCallButton = exports.RtcSurfaceView = void 0;
+exports.AgoraList = AgoraList;
+var index_1 = require("../../../../../common/index");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_native_agora_1 = require("react-native-agora");
+Object.defineProperty(exports, "RtcSurfaceView", { enumerable: true, get: function () { return react_native_agora_1.RtcSurfaceView; } });
+var VideoCallButton = function (props) {
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    var _a = props.disabled, disabled = _a === void 0 ? false : _a, icon = props.icon, _b = props.isMuted, isMuted = _b === void 0 ? false : _b, _c = props.customStyle, customStyle = _c === void 0 ? {} : _c;
+    return (<react_native_1.TouchableOpacity style={styles.buttonPress} disabled={disabled} onPress={props.onPress}>
+      <react_native_1.View style={[styles.buttonControl, customStyle, theme.shadows.soft, isMuted ? { opacity: 0.3 } : {}]}>{icon}</react_native_1.View>
+    </react_native_1.TouchableOpacity>);
+};
+exports.VideoCallButton = VideoCallButton;
+function AgoraList(props) {
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    var renderItem = props.renderItem, others = __rest(props, ["renderItem"]);
+    return (<react_native_1.FlatList numColumns={1} {...others} renderItem={function (_a) {
+            var item = _a.item, index = _a.index, separators = _a.separators;
+            return <react_native_1.View style={styles.smallElement}>{renderItem ? renderItem({ item: item, index: index, separators: separators }) : undefined}</react_native_1.View>;
+        }}/>);
+}
+var AgoraCard = function (_a) {
+    var children = _a.children;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<react_native_1.View style={[styles.listItem]}>
+      <react_native_1.View style={styles.cardContent}>{children}</react_native_1.View>
+    </react_native_1.View>);
+};
+exports.AgoraCard = AgoraCard;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius, fontSize = _a.fontSize;
+    return react_native_1.StyleSheet.create({
+        buttonPress: {
+            marginHorizontal: spacing.xs
+        },
+        buttonControl: {
+            borderRadius: borderRadius.full,
+            width: 54,
+            height: 54,
+            backgroundColor: colors.primary,
+            color: colors.white,
+            borderWidth: 0,
+            alignItems: 'center',
+            justifyContent: 'center'
+        },
+        buttonIcon: {
+            width: 36,
+            height: 36,
+            tintColor: colors.white
+        },
+        cardContent: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            minWidth: 100
+        },
+        timer: {
+            fontSize: fontSize.h2,
+            alignSelf: 'center',
+            paddingHorizontal: spacing.xs,
+            alignContent: 'center',
+            alignItems: 'center',
+            color: colors.white
+        },
+        smallElement: {
+            flexDirection: 'row',
+            padding: 0
+        },
+        listItem: {
+            backgroundColor: colors.gray,
+            padding: 0,
+            zIndex: 1000,
+            width: 100,
+            height: 150,
+            margin: 1,
+            borderRadius: borderRadius.sm
+        }
+    });
+};

package/dist/video-consultations/components/AgoraWrapper/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoToken } from '../../api/models/video';
+interface AgoraWrapperProps {
+    rtcProps: VideoToken;
+    rtcCallbacks?: any;
+}
+export declare const AgoraWrapper: ({ rtcProps, rtcCallbacks }: AgoraWrapperProps) => React.JSX.Element;
+export default AgoraWrapper;

package/dist/video-consultations/components/AgoraWrapper/index.js

@@ -0,0 +1,173 @@
+"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.AgoraWrapper = void 0;
+var index_1 = require("../../../common/index");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_agora_1 = require("react-native-agora");
+var useInitRtcEngine_1 = __importDefault(require("../../hooks/useInitRtcEngine"));
+var BaseRenderUsers_1 = __importDefault(require("./components/BaseRenderUsers"));
+var BtnControls_1 = __importDefault(require("./components/BtnControls"));
+var AgoraWrapper = function (_a) {
+    var rtcProps = _a.rtcProps, rtcCallbacks = _a.rtcCallbacks;
+    var _b = (0, react_1.useState)(false), muteLocalAudioStream = _b[0], setMuteLocalAudioStream = _b[1];
+    var _c = (0, react_1.useState)(false), muteLocalVideoStream = _c[0], setMuteLocalVideoStream = _c[1];
+    var _d = (0, react_1.useState)(false), remoteVideoMuted = _d[0], setRemoteVideoMuted = _d[1];
+    var _e = (0, react_1.useState)(false), remoteAudioMuted = _e[0], setRemoteAudioMuted = _e[1];
+    var _f = (0, useInitRtcEngine_1.default)(rtcProps, true), channelId = _f.channelId, token = _f.token, uid = _f.uid, joinChannelSuccess = _f.joinChannelSuccess, remoteUsers = _f.remoteUsers, startPreview = _f.startPreview, engine = _f.engine, setRemoteUsers = _f.setRemoteUsers;
+    var joinChannel = function () {
+        if (!channelId) {
+            console.error('channelId is invalid');
+            return;
+        }
+        if (uid < 0) {
+            console.error('uid is invalid');
+            return;
+        }
+        engine.current.joinChannel(token, channelId, uid, {
+            clientRoleType: react_native_agora_1.ClientRoleType.ClientRoleBroadcaster
+        });
+    };
+    var _switchCamera = function () {
+        engine.current.switchCamera();
+    };
+    var _muteLocalAudioStream = function () {
+        engine.current.muteLocalAudioStream(true);
+        setMuteLocalAudioStream(true);
+    };
+    var unmuteLocalAudioStream = function () {
+        engine.current.muteLocalAudioStream(false);
+        setMuteLocalAudioStream(false);
+    };
+    var _muteLocalVideoStream = function () {
+        engine.current.muteLocalVideoStream(true);
+        setMuteLocalVideoStream(true);
+    };
+    var unmuteLocalVideoStream = function () {
+        engine.current.muteLocalVideoStream(false);
+        setMuteLocalVideoStream(false);
+    };
+    var leaveChannel = function () {
+        engine.current.leaveChannel();
+    };
+    var onUserOffline = (0, react_1.useCallback)(function (connection, remoteUid, reason) {
+        console.info('onUserOffline', 'connection', connection, 'remoteUid', remoteUid, 'reason', reason);
+        setRemoteVideoMuted(true);
+        if (connection.channelId === channelId && (connection.localUid === uid || uid === 0)) {
+            setRemoteUsers(function (prev) {
+                if (prev === undefined)
+                    return [];
+                return prev.filter(function (value) { return value !== remoteUid; });
+            });
+        }
+    }, [channelId, uid]);
+    (0, react_1.useEffect)(function () {
+        engine.current.addListener('onVideoDeviceStateChanged', function (deviceId, deviceType, deviceState) {
+            console.info('onVideoDeviceStateChanged', 'deviceId', deviceId, 'deviceType', deviceType, 'deviceState', deviceState);
+        });
+        engine.current.addListener('onLocalVideoStateChanged', function (source, state, error) {
+            console.info('onLocalVideoStateChanged', 'source', source, 'state', state, 'error', error);
+        });
+        engine.current.addListener('onLocalAudioStateChanged', function (connection, state, error) {
+            console.info('onLocalAudioStateChanged', 'connection', connection, 'state', state, 'error', error);
+        });
+        engine.current.addListener('onUserMuteVideo', function (connection, remoteUid, muted) {
+            console.info('onUserMuteVideo', 'connection', connection, 'remoteUid', remoteUid, 'muted', muted);
+            setRemoteVideoMuted(muted);
+        });
+        engine.current.addListener('onUserMuteAudio', function (connection, remoteUid, muted) {
+            console.info('onUserMuteAudio', 'connection', connection, 'remoteUid', remoteUid, 'muted', muted);
+            setRemoteAudioMuted(muted);
+        });
+        engine.current.addListener('onUserJoined', function () {
+            var _a;
+            (_a = rtcCallbacks === null || rtcCallbacks === void 0 ? void 0 : rtcCallbacks.userJoined) === null || _a === void 0 ? void 0 : _a.call(rtcCallbacks);
+        });
+        engine.current.addListener('onUserOffline', onUserOffline);
+        var engineCopy = engine.current;
+        return function () {
+            engineCopy.removeAllListeners();
+        };
+    }, [engine, onUserOffline]);
+    (0, react_1.useEffect)(function () {
+        console.info('startPreview', startPreview, channelId);
+        if (startPreview && channelId) {
+            console.info('joinChannel');
+            joinChannel();
+        }
+    }, [startPreview, channelId]);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            engine.current.removeAllListeners();
+            engine.current.leaveChannel();
+        };
+    }, []);
+    return (<react_native_1.KeyboardAvoidingView style={[styles.fullSize, { width: '100%', minHeight: 450, flex: 1 }]} behavior={index_1.isIOS ? 'padding' : 'height'}>
+      <react_native_1.View style={styles.fullSize} pointerEvents={'box-none'}>
+        <BaseRenderUsers_1.default startPreview={startPreview} joinChannelSuccess={joinChannelSuccess} remoteUsers={remoteUsers} localVideoMuted={muteLocalVideoStream} remoteVideoMuted={remoteVideoMuted} remoteAudioMuted={remoteAudioMuted}/>
+      </react_native_1.View>
+
+      <react_native_1.View style={styles.float} pointerEvents={'box-none'}>
+        <BtnControls_1.default muteLocalAudioStream={muteLocalAudioStream} muteLocalVideoStream={muteLocalVideoStream} remoteUsers={remoteUsers} controlActions={{
+            switchCamera: _switchCamera,
+            localAudioStream: muteLocalAudioStream ? unmuteLocalAudioStream : _muteLocalAudioStream,
+            localVideoStream: muteLocalVideoStream ? unmuteLocalVideoStream : _muteLocalVideoStream,
+            endCall: function () {
+                leaveChannel();
+                rtcCallbacks === null || rtcCallbacks === void 0 ? void 0 : rtcCallbacks.endCall();
+            }
+        }}/>
+      </react_native_1.View>
+    </react_native_1.KeyboardAvoidingView>);
+};
+exports.AgoraWrapper = AgoraWrapper;
+exports.default = exports.AgoraWrapper;
+var styles = react_native_1.StyleSheet.create({
+    fullSize: {
+        flex: 1
+    },
+    float: {
+        width: '100%',
+        position: 'absolute',
+        bottom: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 1000
+    }
+});

package/dist/video-consultations/components/Modal/EndVideoCallModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface EndVideoCallModalProps {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    visible: boolean;
+}
+export declare const EndVideoCallModal: ({ onConfirm, onCancel, visible }: EndVideoCallModalProps) => React.JSX.Element;
+export {};

package/dist/video-consultations/components/Modal/EndVideoCallModal.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EndVideoCallModal = void 0;
+var react_1 = __importDefault(require("react"));
+var index_1 = require("../../../common/index");
+var EndVideoCallIcon_1 = require("../../icons/EndVideoCallIcon");
+var EndVideoCallModal = function (_a) {
+    var onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible;
+    var t = (0, index_1.useTranslation)().t;
+    return (<index_1.TwoOptionsModal visible={visible} onConfirm={onConfirm} onCancel={onCancel} icon={<EndVideoCallIcon_1.EndVideoCallIcon />} text={t('general.consultation.modal.finish_video_call')} confirmText={t('button.yes')} cancelText={t('button.no')}/>);
+};
+exports.EndVideoCallModal = EndVideoCallModal;