@abihealth/goapp-react-native 1.13.4

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

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

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

@@ -0,0 +1,44 @@
+"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 VideoOffIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 38 : _b;
+    return (<react_native_svg_1.default width={size} height={size} fill="none" viewBox="0 0 38 38">
+    <react_native_svg_1.Path fill="#fff" fillRule="evenodd" d="M6.498 4.284a1 1 0 1 0-1.396 1.432L9.495 10H6.1c-.8 0-1.6.6-1.6 1.5v15.4c0 .8.8 1.5 1.6 1.5h19.3c.74 0 1.48-.685 1.587-1.342l6.315 6.158a1 1 0 1 0 1.396-1.432l-28.2-27.5ZM27 21.6l6.4 6.2v-17L27 17v-5.4c0-.9-.8-1.5-1.6-1.5H14.7L26.9 22v-.4h.1Z" clipRule="evenodd"/>
+  </react_native_svg_1.default>);
+};
+exports.default = VideoOffIcon;

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

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

package/dist/video-consultations/icons/VideoOnIcon.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 VideoOnIcon = function () { return (<react_native_svg_1.default width={39} height={38} fill="none">
+    <react_native_svg_1.Path fill="#fff" d="M27.97 16.933v-5.392c0-.925-.803-1.541-1.606-1.541H7.104c-.802 0-1.604.616-1.604 1.54v15.408c0 .77.802 1.54 1.605 1.54h19.26c.802 0 1.604-.77 1.604-1.54v-5.392l6.42 6.162V10.77l-6.42 6.163Z"/>
+  </react_native_svg_1.default>); };
+exports.default = VideoOnIcon;

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

@@ -0,0 +1,10 @@
+import { CallingAnimation } from './animations/CallingAnimation';
+import AgoraWrapper from './components/AgoraWrapper';
+import { EndVideoCallModal } from './components/Modal/EndVideoCallModal';
+import { VideoConsultation } from './components/VideoConsultation';
+import { DeliveryAddressScreen } from './screens/DeliveryAddressScreen';
+import { EndingVideoScreen } from './screens/EndingVideoScreen';
+import { JoinVideoCallScreen } from './screens/JoinVideoCallScreen';
+import { ProcessingPrescriptionScreen } from './screens/ProcessingPrescriptionScreen';
+import VideoCallScreen from './screens/VideoCallScreen';
+export { AgoraWrapper, CallingAnimation, DeliveryAddressScreen, EndingVideoScreen, EndVideoCallModal, JoinVideoCallScreen, ProcessingPrescriptionScreen, VideoCallScreen, VideoConsultation };

package/dist/video-consultations/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoConsultation = exports.VideoCallScreen = exports.ProcessingPrescriptionScreen = exports.JoinVideoCallScreen = exports.EndVideoCallModal = exports.EndingVideoScreen = exports.DeliveryAddressScreen = exports.CallingAnimation = exports.AgoraWrapper = void 0;
+var CallingAnimation_1 = require("./animations/CallingAnimation");
+Object.defineProperty(exports, "CallingAnimation", { enumerable: true, get: function () { return CallingAnimation_1.CallingAnimation; } });
+var AgoraWrapper_1 = __importDefault(require("./components/AgoraWrapper"));
+exports.AgoraWrapper = AgoraWrapper_1.default;
+var EndVideoCallModal_1 = require("./components/Modal/EndVideoCallModal");
+Object.defineProperty(exports, "EndVideoCallModal", { enumerable: true, get: function () { return EndVideoCallModal_1.EndVideoCallModal; } });
+var VideoConsultation_1 = require("./components/VideoConsultation");
+Object.defineProperty(exports, "VideoConsultation", { enumerable: true, get: function () { return VideoConsultation_1.VideoConsultation; } });
+var DeliveryAddressScreen_1 = require("./screens/DeliveryAddressScreen");
+Object.defineProperty(exports, "DeliveryAddressScreen", { enumerable: true, get: function () { return DeliveryAddressScreen_1.DeliveryAddressScreen; } });
+var EndingVideoScreen_1 = require("./screens/EndingVideoScreen");
+Object.defineProperty(exports, "EndingVideoScreen", { enumerable: true, get: function () { return EndingVideoScreen_1.EndingVideoScreen; } });
+var JoinVideoCallScreen_1 = require("./screens/JoinVideoCallScreen");
+Object.defineProperty(exports, "JoinVideoCallScreen", { enumerable: true, get: function () { return JoinVideoCallScreen_1.JoinVideoCallScreen; } });
+var ProcessingPrescriptionScreen_1 = require("./screens/ProcessingPrescriptionScreen");
+Object.defineProperty(exports, "ProcessingPrescriptionScreen", { enumerable: true, get: function () { return ProcessingPrescriptionScreen_1.ProcessingPrescriptionScreen; } });
+var VideoCallScreen_1 = __importDefault(require("./screens/VideoCallScreen"));
+exports.VideoCallScreen = VideoCallScreen_1.default;

package/dist/video-consultations/screens/DeliveryAddressScreen.d.ts

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

package/dist/video-consultations/screens/DeliveryAddressScreen.js

@@ -0,0 +1,84 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeliveryAddressScreen = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var index_1 = require("../../common/index");
+var DeliveryAddressScreen = function () {
+    var t = (0, index_1.useTranslation)().t;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<index_1.ScreenWrapper header={<index_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<index_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+      <react_native_1.View>
+        <index_1.Text variant="h2" color={theme.colors.primary} center>
+          {t('delivery.address.title')}
+        </index_1.Text>
+        <index_1.Text center>{t('delivery.address.description')}</index_1.Text>
+      </react_native_1.View>
+
+      <index_1.FormWrapper schema={index_1.HKDeliveryAddressSchema} onSubmit={{
+            onSuccess: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/, react_native_1.Alert.alert('Screen:success')];
+            }); }); },
+            onError: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/, react_native_1.Alert.alert('Screen:error')];
+            }); }); },
+            onFinally: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/, react_native_1.Alert.alert('Screen:finally')];
+            }); }); }
+        }} submitButton={<index_1.Button submit>{t('button.confirm')}</index_1.Button>}>
+        <index_1.Input id="house" label={t('delivery.address.number_and_floor')} placeholder={t('delivery.address.number_and_floor.placeholder')}/>
+        <index_1.Input id="street" label={t('delivery.address.street')} placeholder={t('delivery.address.street.placeholder')}/>
+        <index_1.Input id="building" label={t('delivery.address.building_name_number')} placeholder={t('delivery.address.building_name_number.placeholder')}/>
+        <index_1.Input id="district" label={t('delivery.address.district_city')} placeholder={t('delivery.address.district_city.placeholder')}/>
+      </index_1.FormWrapper>
+    </index_1.ScreenWrapper>);
+};
+exports.DeliveryAddressScreen = DeliveryAddressScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.xl
+        }
+    });
+};

package/dist/video-consultations/screens/EndingVideoScreen.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Professional } from '../../common/index';
+export declare const EndingVideoScreen: ({ professional }: {
+    professional: Professional;
+}) => React.JSX.Element;

package/dist/video-consultations/screens/EndingVideoScreen.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EndingVideoScreen = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var index_1 = require("../../common/index");
+var EndingVideoScreen = function (_a) {
+    var professional = _a.professional;
+    var t = (0, index_1.useTranslation)().t;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<index_1.ScreenWrapper header={<index_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<index_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+      <index_1.DoctorProfileCard professional={professional} description={t('general.consultation.videoConsultation.ending')}/>
+    </index_1.ScreenWrapper>);
+};
+exports.EndingVideoScreen = EndingVideoScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.sm
+        }
+    });
+};

package/dist/video-consultations/screens/JoinVideoCallScreen.d.ts

@@ -0,0 +1,5 @@
+import { Professional } from '../../common/index';
+import React from 'react';
+export declare const JoinVideoCallScreen: ({ professional }: {
+    professional: Professional;
+}) => React.JSX.Element;

package/dist/video-consultations/screens/JoinVideoCallScreen.js

@@ -0,0 +1,108 @@
+"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.JoinVideoCallScreen = void 0;
+var index_1 = require("../../common/index");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var CallingAnimation_1 = require("../animations/CallingAnimation");
+var VideoCallScreen_1 = __importDefault(require("./VideoCallScreen"));
+var JoinVideoCallScreen = function (_a) {
+    var professional = _a.professional;
+    var t = (0, index_1.useTranslation)().t;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    var _b = (0, react_1.useState)(false), joined = _b[0], setJoined = _b[1];
+    var onJoinVideoCall = function () {
+        setJoined(true);
+    };
+    if (joined)
+        return <VideoCallScreen_1.default />;
+    return (<index_1.ScreenWrapper header={<index_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<index_1.VideoConsultationIcon />} rightIcon={<index_1.CloseIcon />}/>} containerStyle={styles.container}>
+      <index_1.Text variant="h2" color={theme.colors.primary} center>
+        {t('video.calling.physician_female', { name: (0, index_1.getProfessionalLabel)(professional) })}
+      </index_1.Text>
+
+      <react_native_1.View style={styles.animationContainer}>
+        <CallingAnimation_1.CallingAnimation />
+      </react_native_1.View>
+
+      <index_1.Button icon={<index_1.VideoConsultationIcon />} onPress={onJoinVideoCall}>
+        {t('video.calling.button')}
+      </index_1.Button>
+
+      <react_native_1.View style={styles.disclaimerCard}>
+        <index_1.InfoIcon />
+
+        <react_native_1.View style={styles.disclaimerInnerContainer}>
+          <index_1.Text>{t('video.camera_and_microphone_access')}</index_1.Text>
+
+          <react_native_1.TouchableOpacity activeOpacity={0.6}>
+            <index_1.Text color={theme.colors.rating} bold>
+              {t('video.camera_and_microphone_access.highlight')}
+            </index_1.Text>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
+      </react_native_1.View>
+
+      <index_1.Text center>{t('video.calling.not_refresh')}</index_1.Text>
+    </index_1.ScreenWrapper>);
+};
+exports.JoinVideoCallScreen = JoinVideoCallScreen;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        container: {
+            paddingTop: spacing.xl
+        },
+        animationContainer: { width: '100%', alignItems: 'center' },
+        disclaimerCard: {
+            marginTop: spacing.sm,
+            marginBottom: spacing.md,
+            backgroundColor: colors.white,
+            padding: spacing.sm,
+            borderRadius: borderRadius.md,
+            flexDirection: 'row',
+            columnGap: spacing.sm,
+            alignItems: 'center'
+        },
+        disclaimerInnerContainer: {
+            flex: 1
+        }
+    });
+};

package/dist/video-consultations/screens/ProcessingPrescriptionScreen.d.ts

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

package/dist/video-consultations/screens/ProcessingPrescriptionScreen.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProcessingPrescriptionScreen = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var index_1 = require("../../common/index");
+var ProcessingPrescriptionScreen = function () {
+    var t = (0, index_1.useTranslation)().t;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<index_1.ScreenWrapper header={<index_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<index_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+      <index_1.Text center variant="h1" color={theme.colors.primary}>
+        {t('delivery.address.processing')}
+      </index_1.Text>
+
+      <index_1.LoadingCircleAnimation />
+
+      <index_1.Text center>{t('download.one_minute')}</index_1.Text>
+    </index_1.ScreenWrapper>);
+};
+exports.ProcessingPrescriptionScreen = ProcessingPrescriptionScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            paddingTop: spacing.md
+        }
+    });
+};

package/dist/video-consultations/screens/VideoCallScreen.d.ts

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

package/dist/video-consultations/screens/VideoCallScreen.js

@@ -0,0 +1,77 @@
+"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.VideoCallScreen = void 0;
+var index_1 = require("../../common/index");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var video_1 = require("../api/video");
+var AgoraWrapper_1 = __importDefault(require("../components/AgoraWrapper"));
+var EndingVideoScreen_1 = require("./EndingVideoScreen");
+var VideoCallScreen = function () {
+    var t = (0, index_1.useTranslation)().t;
+    var theme = (0, index_1.useTheme)();
+    var styles = getStyles(theme);
+    var consultation = (0, index_1.useConsultation)().consultation;
+    var videoCall = consultation.videoCall, professional = consultation.professional;
+    var _a = (0, react_1.useState)((videoCall === null || videoCall === void 0 ? void 0 : videoCall.patientHangout) || false), isHangOut = _a[0], setIsHangOut = _a[1];
+    if (!videoCall)
+        return <index_1.Text>Video call info not found</index_1.Text>;
+    var uuid = videoCall.uuid, patientToken = videoCall.patientToken, appId = videoCall.appId, room = videoCall.room;
+    var endCall = function () {
+        setIsHangOut(true);
+        (0, video_1.hangOutVideocall)({ consultationId: consultation.id, room: room });
+    };
+    if (isHangOut) {
+        return <EndingVideoScreen_1.EndingVideoScreen professional={professional}/>;
+    }
+    return (<index_1.ScreenWrapper header={<index_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<index_1.VideoConsultationIcon />} rightIcon={<index_1.CancelConsultationButton />}/>} containerStyle={styles.container}>
+      <AgoraWrapper_1.default rtcProps={{ uid: uuid, token: patientToken, appId: appId, channel: room }} rtcCallbacks={{ endCall: endCall }}/>
+    </index_1.ScreenWrapper>);
+};
+exports.VideoCallScreen = VideoCallScreen;
+exports.default = exports.VideoCallScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            padding: 0,
+            rowGap: spacing.sm
+        }
+    });
+};

package/dist/video-consultations/utils/permission.d.ts

@@ -0,0 +1,14 @@
+export type mediaType = 'android.permission.RECORD_AUDIO' | 'android.permission.CAMERA';
+export interface AskMediaAccessReturn {
+    result: boolean;
+    mediaType: mediaType;
+}
+/**
+ * request media permission Android ONLY
+ * If an access request was denied and later is changed through the System Preferences pane, a restart of the app will be required for the new permissions to take effect.
+ * If access has already been requested and denied, it must be changed through the preference pane;
+ * this fun will not call and the promise will resolve with the existing access status.
+ * @param mediaTypes
+ * @returns AskMediaAccessReturn[]
+ */
+export declare const askMediaAccess: (mediaTypes: mediaType[]) => Promise<AskMediaAccessReturn[]>;

package/dist/video-consultations/utils/permission.js

@@ -0,0 +1,97 @@
+"use strict";
+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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.askMediaAccess = void 0;
+var react_native_1 = require("react-native");
+/**
+ * request media permission Android ONLY
+ * If an access request was denied and later is changed through the System Preferences pane, a restart of the app will be required for the new permissions to take effect.
+ * If access has already been requested and denied, it must be changed through the preference pane;
+ * this fun will not call and the promise will resolve with the existing access status.
+ * @param mediaTypes
+ * @returns AskMediaAccessReturn[]
+ */
+var askMediaAccess = function (mediaTypes) { return __awaiter(void 0, void 0, void 0, function () {
+    var results, _loop_1, _i, mediaTypes_1, mediaType;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                results = [];
+                if (!(react_native_1.Platform.OS === 'android')) return [3 /*break*/, 4];
+                _loop_1 = function (mediaType) {
+                    var result;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0:
+                                result = false;
+                                return [4 /*yield*/, react_native_1.PermissionsAndroid.request(mediaType)
+                                        .then(function (res) {
+                                        result = res === 'granted';
+                                    })
+                                        .catch(function (error) {
+                                        result = error;
+                                    })
+                                        .finally(function () {
+                                        results.push({
+                                            mediaType: mediaType,
+                                            result: result
+                                        });
+                                    })];
+                            case 1:
+                                _b.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                };
+                _i = 0, mediaTypes_1 = mediaTypes;
+                _a.label = 1;
+            case 1:
+                if (!(_i < mediaTypes_1.length)) return [3 /*break*/, 4];
+                mediaType = mediaTypes_1[_i];
+                return [5 /*yield**/, _loop_1(mediaType)];
+            case 2:
+                _a.sent();
+                _a.label = 3;
+            case 3:
+                _i++;
+                return [3 /*break*/, 1];
+            case 4: return [2 /*return*/, results];
+        }
+    });
+}); };
+exports.askMediaAccess = askMediaAccess;