@abihealth/goapp-react-native 1.14.0 → 1.16.0

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

@@ -37,29 +37,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseRenderUsers = 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 useTheme_1 = require("../../../../common/hooks/useTheme");
+var DoctorIcon_1 = __importDefault(require("../../../../common/icons/DoctorIcon"));
 var MicroOffIcon_1 = __importDefault(require("../../../icons/MicroOffIcon"));
 var PersonIcon_1 = __importDefault(require("../../../icons/PersonIcon"));
 var VideoOffIcon_1 = __importDefault(require("../../../icons/VideoOffIcon"));
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_agora_1 = require("react-native-agora");
 var ui_1 = require("./ui");
 var MutedIndicatorsContainer = function (_a) {
     var muted = _a.muted, isLocalUser = _a.isLocalUser;
-    var theme = (0, index_1.useTheme)();
+    var theme = (0, useTheme_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.palette.black : theme.palette.white}/>
+          <MicroOffIcon_1.default width={isLocalUser ? 10 : 25} height={isLocalUser ? 10 : 25} color={isLocalUser ? theme.palette.black : theme.palette.white}/>
         </react_native_1.View>)}
       {muted.video && !isLocalUser && (<react_native_1.View style={styles.mutedIconLarge}>
-          <VideoOffIcon_1.default size={25}/>
+          <VideoOffIcon_1.default width={25} height={25}/>
         </react_native_1.View>)}
     </react_native_1.View>);
 };
 var BaseRenderUsers = function (props) {
-    var theme = (0, index_1.useTheme)();
+    var theme = (0, useTheme_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); };
@@ -84,7 +85,7 @@ var BaseRenderUsers = function (props) {
             })}
       </>) : (<react_native_1.View style={[styles.mutedWrapper, isLocalUser ? { backgroundColor: theme.palette.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 style={styles.userIconContainer}>{isLocalUser ? <PersonIcon_1.default /> : <DoctorIcon_1.default />}</react_native_1.View>
       </react_native_1.View>);
     };
     if (!startPreview && !joinChannelSuccess) {

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

@@ -4,26 +4,30 @@ var __importDefault = (this && this.__importDefault) || function (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 useCustomComponents_1 = require("../../../../common/hooks/useCustomComponents");
+var useTheme_1 = require("../../../../common/hooks/useTheme");
 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 react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
 var ui_1 = require("./ui");
 var BtnControls = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     var controlActions = _a.controlActions, remoteUsers = _a.remoteUsers, muteLocalAudioStream = _a.muteLocalAudioStream, muteLocalVideoStream = _a.muteLocalVideoStream;
-    var theme = (0, index_1.useTheme)();
+    var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
-    return (<react_native_1.View style={[styles.btnContainer, theme.shadows.soft]}>
+    var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
+    var videoCallScreen = screens === null || screens === void 0 ? void 0 : screens.VideoCallScreen;
+    return (<react_native_1.View style={[styles.btnContainer, theme.shadows.soft, videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.buttonsContainerStyle]}>
       <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]} icon={<HangUpIcon_1.default />} name={'endCall'} onPress={controlActions.endCall}/>
+        <ui_1.VideoCallButton icon={muteLocalAudioStream ? (<MicroOffIcon_1.default {...(_b = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _b === void 0 ? void 0 : _b.iconStyle}/>) : (<MicroOnIcon_1.default {...(_c = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _c === void 0 ? void 0 : _c.iconStyle}/>)} name={'audiomute'} onPress={controlActions.localAudioStream} isMuted={muteLocalAudioStream} customStyle={(_d = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _d === void 0 ? void 0 : _d.containerStyle}/>
+        <ui_1.VideoCallButton icon={muteLocalVideoStream ? (<VideoOffIcon_1.default {...(_e = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _e === void 0 ? void 0 : _e.iconStyle}/>) : (<VideoOnIcon_1.default {...(_f = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _f === void 0 ? void 0 : _f.iconStyle}/>)} name={'videomute'} onPress={controlActions.localVideoStream} isMuted={muteLocalVideoStream} customStyle={(_g = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _g === void 0 ? void 0 : _g.containerStyle}/>
+        <ui_1.VideoCallButton disabled={!remoteUsers.length} icon={<SwitchCameraIcon_1.default />} name={'switchCamera'} onPress={controlActions.switchCamera} customStyle={(_h = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.controlButtons) === null || _h === void 0 ? void 0 : _h.containerStyle}/>
+        {((_j = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.EndCallButton) === null || _j === void 0 ? void 0 : _j.customComponent) ? (<videoCallScreen.EndCallButton.customComponent onPress={controlActions.endCall}/>) : (<ui_1.VideoCallButton customStyle={[styles.endCall, (_k = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.EndCallButton) === null || _k === void 0 ? void 0 : _k.containerStyle]} icon={<HangUpIcon_1.default {...(_l = videoCallScreen === null || videoCallScreen === void 0 ? void 0 : videoCallScreen.EndCallButton) === null || _l === void 0 ? void 0 : _l.iconStyle}/>} name={'endCall'} onPress={controlActions.endCall}/>)}
       </react_native_1.View>
     </react_native_1.View>);
 };
@@ -33,7 +37,8 @@ var getStyles = function (_a) {
     var palette = _a.palette, spacing = _a.spacing, borderRadius = _a.borderRadius;
     return react_native_1.StyleSheet.create({
         endCall: {
-            borderRadius: borderRadius.full
+            borderRadius: borderRadius.full,
+            backgroundColor: palette.error
         },
         btnContainer: {
             backgroundColor: palette.white,

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

@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (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 useTheme_1 = require("../../../../../common/hooks/useTheme");
 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 theme = (0, useTheme_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}>
@@ -31,7 +31,7 @@ var VideoCallButton = function (props) {
 };
 exports.VideoCallButton = VideoCallButton;
 function AgoraList(props) {
-    var theme = (0, index_1.useTheme)();
+    var theme = (0, useTheme_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) {
@@ -41,7 +41,7 @@ function AgoraList(props) {
 }
 var AgoraCard = function (_a) {
     var children = _a.children;
-    var theme = (0, index_1.useTheme)();
+    var theme = (0, useTheme_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>

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { VideoToken } from '../../api/models/video';
+import React from 'react';
 interface AgoraWrapperProps {
     rtcProps: VideoToken;
     rtcCallbacks?: any;

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

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgoraWrapper = void 0;
-var index_1 = require("../../../common/index");
+var platform_1 = require("../../../common/utils/platform");
+var useInitRtcEngine_1 = __importDefault(require("../../hooks/useInitRtcEngine"));
 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) {
@@ -138,7 +138,7 @@ var AgoraWrapper = function (_a) {
             engine.current.leaveChannel();
         };
     }, []);
-    return (<react_native_1.KeyboardAvoidingView style={[styles.fullSize, { width: '100%', minHeight: 450, flex: 1 }]} behavior={index_1.isIOS ? 'padding' : 'height'}>
+    return (<react_native_1.KeyboardAvoidingView style={[styles.fullSize, { width: '100%', minHeight: 450, flex: 1 }]} behavior={platform_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>

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

@@ -4,12 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndVideoCallModal = void 0;
-var index_1 = require("../../../common/index");
-var react_1 = __importDefault(require("react"));
+var TwoOptionsModal_1 = require("../../../common/components/Modal/TwoOptionsModal");
+var useTranslation_1 = require("../../../common/hooks/useTranslation");
 var EndVideoCallIcon_1 = require("../../icons/EndVideoCallIcon");
+var react_1 = __importDefault(require("react"));
 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')}/>);
+    var t = (0, useTranslation_1.useTranslation)().t;
+    return (<TwoOptionsModal_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;

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

@@ -1,5 +1,5 @@
+import { EventHandlers } from '../../common/helpers/eventHandler';
 import { HeaderT } from '../../common/types/consultation';
-import { EventHandlers } from '../helpers/eventHandler';
 export interface VideoConsultationProps {
     userId: string;
     eventHandlers?: EventHandlers;

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

@@ -1,39 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoConsultation = void 0;
+var eventHandler_1 = require("../../common/helpers/eventHandler");
+var useConsultation_1 = require("../../common/hooks/useConsultation");
 var useHeader_1 = require("../../common/hooks/useHeader");
-var index_1 = require("../../common/index");
+var useUser_1 = require("../../common/hooks/useUser");
 var screens_1 = require("../../common/screens");
-var eventHandler_1 = require("../helpers/eventHandler");
+var NoConsultationFoundScreen_1 = require("../../common/screens/NoConsultationFoundScreen");
+var NotValidActiveType_1 = require("../../common/screens/NotValidActiveType");
+var PreparingSummaryScreen_1 = require("../../common/screens/PreparingSummaryScreen");
+var consultation_1 = require("../../common/types/consultation");
+var valid_active_type_1 = require("../../common/utils/valid-active-type");
 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 useUser_1 = require("../../common/hooks/useUser");
 var VideoConsultation = function (_a) {
     var eventHandlers = _a.eventHandlers, userId = _a.userId, header = _a.header;
-    var consultation = (0, index_1.useConsultation)().consultation;
+    var consultation = (0, useConsultation_1.useConsultation)().consultation;
     var setHeader = (0, useHeader_1.useHeader)().setHeader;
     var setUserId = (0, useUser_1.useUser)().setUserId;
     (0, react_1.useEffect)(function () {
         (0, eventHandler_1.handleEvent)(consultation, eventHandlers);
     }, [consultation, eventHandlers]);
     (0, react_1.useEffect)(function () {
-        console.log('userId', userId);
         setUserId(userId);
     }, [userId]);
     (0, react_1.useEffect)(function () { return setHeader(header); }, [header]);
     var getConsultationScreen = (0, react_1.useCallback)(function (consultation) {
+        var validActiveType = (0, valid_active_type_1.checkValidActiveType)(consultation, consultation_1.CASE_TYPE.VIDEO);
+        if (!validActiveType)
+            return <NotValidActiveType_1.NotValidActiveType />;
         var commonScreen = (0, screens_1.getCommonScreen)(consultation);
         if (commonScreen)
             return commonScreen;
+        if (!consultation)
+            return <NoConsultationFoundScreen_1.NoConsultationFoundScreen />;
         var status = consultation.status, professional = consultation.professional;
         switch (status) {
-            case index_1.CONSULTATION_STATUS.ONGOING_VIDEO_CALL:
+            case consultation_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:
+            case consultation_1.CONSULTATION_STATUS.VIDEO_CALL_ENDED:
+                return <PreparingSummaryScreen_1.PreparingSummaryScreen professional={professional}/>;
+            case consultation_1.CONSULTATION_STATUS.WAITING_FOR_INFO:
                 return <DeliveryAddressScreen_1.DeliveryAddressScreen />;
             default:
                 react_native_1.Alert.alert('Screen not found', status);

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

@@ -1,5 +1,5 @@
-import { IRtcEngineEx } from 'react-native-agora';
 import { VideoToken } from '../api/models/video';
+import { IRtcEngineEx } from 'react-native-agora';
 declare const useInitRtcEngine: (rtcProps: VideoToken, enableVideo: boolean, listenUserJoinOrLeave?: boolean) => {
     appId: string;
     channelId: string;

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

@@ -78,9 +78,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var permission_1 = require("../utils/permission");
 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;

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

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndVideoCallIcon = void 0;
-var index_1 = require("../../common/index");
+var useTheme_1 = require("../../common/hooks/useTheme");
 var react_1 = __importDefault(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
 var EndVideoCallIcon = function () {
-    var palette = (0, index_1.useTheme)().palette;
+    var palette = (0, useTheme_1.useTheme)().palette;
     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={palette.primary.base}/>
       <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={palette.highlight}/>

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

@@ -1,3 +1,4 @@
+import { Components } from '../../common/types/components';
 import * as React from 'react';
-declare const HangUpIcon: () => React.JSX.Element;
+declare const HangUpIcon: ({ color, width, height }: Components["screens"]["VideoCallScreen"]["EndCallButton"]["iconStyle"]) => React.JSX.Element;
 export default HangUpIcon;

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

@@ -33,13 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var common_1 = require("../../common");
-var HangUpIcon = function () {
-    var palette = (0, common_1.useTheme)().palette;
-    return (<react_native_svg_1.default width={41} height={16} fill="none">
-      <react_native_svg_1.Path fill={palette.surface} 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"/>
+var HangUpIcon = function (_a) {
+    var color = _a.color, _b = _a.width, width = _b === void 0 ? 41 : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    var palette = (0, useTheme_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={width} height={height} fill="none">
+      <react_native_svg_1.Path fill={color || palette.surface} 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

@@ -1,7 +1,4 @@
+import { Components } from '../../common/types/components';
 import * as React from 'react';
-import { ColorValue } from 'react-native';
-declare const MicroOffIcon: ({ size, color }: {
-    size?: number;
-    color?: ColorValue;
-}) => React.JSX.Element;
+declare const MicroOffIcon: ({ color, width, height }: Components["screens"]["VideoCallScreen"]["controlButtons"]["iconStyle"]) => React.JSX.Element;
 export default MicroOffIcon;

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

@@ -33,14 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("../../common/index");
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
 var MicroOffIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 39 : _b, color = _a.color;
-    var palette = (0, index_1.useTheme)().palette;
+    var color = _a.color, _b = _a.width, width = _b === void 0 ? 39 : _b, _c = _a.height, height = _c === void 0 ? 39 : _c;
+    var palette = (0, useTheme_1.useTheme)().palette;
     var parsedColor = color || palette.surface;
-    return (<react_native_svg_1.default width={size} height={size} fill="none" viewBox="0 0 39 39">
+    return (<react_native_svg_1.default width={width} height={height} 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>);
 };

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

@@ -1,3 +1,4 @@
+import { Components } from '../../common/types/components';
 import * as React from 'react';
-declare const MicroOnIcon: () => React.JSX.Element;
+declare const MicroOnIcon: ({ color, width, height }: Components["screens"]["VideoCallScreen"]["controlButtons"]["iconStyle"]) => React.JSX.Element;
 export default MicroOnIcon;

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

@@ -33,14 +33,15 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var common_1 = require("../../common");
-var MicroOnIcon = function () {
-    var palette = (0, common_1.useTheme)().palette;
-    return (<react_native_svg_1.default width={24} height={35} fill="none">
-      <react_native_svg_1.Path fill={palette.surface} 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={palette.surface} 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"/>
+var MicroOnIcon = function (_a) {
+    var color = _a.color, _b = _a.width, width = _b === void 0 ? 24 : _b, _c = _a.height, height = _c === void 0 ? 35 : _c;
+    var palette = (0, useTheme_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={width} height={height} fill="none">
+      <react_native_svg_1.Path fill={color || palette.surface} 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={color || palette.surface} 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.js

@@ -33,11 +33,11 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("../../common/index");
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
 var PersonIcon = function () {
-    var palette = (0, index_1.useTheme)().palette;
+    var palette = (0, useTheme_1.useTheme)().palette;
     return (<react_native_svg_1.default width={39} height={39} fill="none">
       <react_native_svg_1.Path fill={palette.primary.base} 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>);

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

@@ -33,11 +33,11 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var common_1 = require("../../common");
 var SwitchCameraIcon = function () {
-    var palette = (0, common_1.useTheme)().palette;
+    var palette = (0, useTheme_1.useTheme)().palette;
     return (<react_native_svg_1.default width={39} height={39} fill="none">
       <react_native_svg_1.Path fill={palette.surface} 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>);

package/dist/{common → video-consultations}/icons/VideoConsultationIcon.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoConsultationIcon = void 0;
+var useTheme_1 = require("../../common/hooks/useTheme");
 var react_1 = __importDefault(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var useTheme_1 = require("../hooks/useTheme");
 var VideoConsultationIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 26 : _b;
     var palette = (0, useTheme_1.useTheme)().palette;

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

@@ -1,5 +1,4 @@
+import { Components } from '../../common/types/components';
 import * as React from 'react';
-declare const VideoOffIcon: ({ size }: {
-    size?: number;
-}) => React.JSX.Element;
+declare const VideoOffIcon: ({ color, width, height }: Components["screens"]["VideoCallScreen"]["controlButtons"]["iconStyle"]) => React.JSX.Element;
 export default VideoOffIcon;

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

@@ -33,14 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var common_1 = require("../../common");
 var VideoOffIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 38 : _b;
-    var palette = (0, common_1.useTheme)().palette;
-    return (<react_native_svg_1.default width={size} height={size} fill="none" viewBox="0 0 38 38">
-      <react_native_svg_1.Path fill={palette.surface} 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"/>
+    var color = _a.color, _b = _a.width, width = _b === void 0 ? 38 : _b, _c = _a.height, height = _c === void 0 ? 38 : _c;
+    var palette = (0, useTheme_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={width} height={height} fill="none" viewBox="0 0 38 38">
+      <react_native_svg_1.Path fill={color || palette.surface} 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

@@ -1,3 +1,4 @@
+import { Components } from '../../common/types/components';
 import * as React from 'react';
-declare const VideoOnIcon: () => React.JSX.Element;
+declare const VideoOnIcon: ({ color, width, height }: Components["screens"]["VideoCallScreen"]["controlButtons"]["iconStyle"]) => React.JSX.Element;
 export default VideoOnIcon;

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

@@ -33,13 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var useTheme_1 = require("../../common/hooks/useTheme");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var common_1 = require("../../common");
-var VideoOnIcon = function () {
-    var palette = (0, common_1.useTheme)().palette;
-    return (<react_native_svg_1.default width={39} height={38} fill="none">
-      <react_native_svg_1.Path fill={palette.surface} 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"/>
+var VideoOnIcon = function (_a) {
+    var color = _a.color, _b = _a.width, width = _b === void 0 ? 39 : _b, _c = _a.height, height = _c === void 0 ? 38 : _c;
+    var palette = (0, useTheme_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={width} height={height} fill="none">
+      <react_native_svg_1.Path fill={color || palette.surface} 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/screens/DeliveryAddressScreen.js

@@ -40,22 +40,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeliveryAddressScreen = void 0;
-var index_1 = require("../../common/index");
+var Button_1 = require("../../common/components/Button");
+var FormWrapper_1 = require("../../common/components/FormWrapper");
+var Header_1 = require("../../common/components/Header");
+var Input_1 = __importDefault(require("../../common/components/Input"));
+var ScreenWrapper_1 = require("../../common/components/ScreenWrapper");
+var Text_1 = require("../../common/components/Text");
+var useTheme_1 = require("../../common/hooks/useTheme");
+var useTranslation_1 = require("../../common/hooks/useTranslation");
+var deliveryAddress_1 = require("../../common/types/deliveryAddress");
+var VideoConsultationIcon_1 = require("../icons/VideoConsultationIcon");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var DeliveryAddressScreen = function () {
-    var t = (0, index_1.useTranslation)().t;
-    var theme = (0, index_1.useTheme)();
+    var t = (0, useTranslation_1.useTranslation)().t;
+    var theme = (0, useTheme_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}>
+    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
       <react_native_1.View>
-        <index_1.Text variant="h2" center>
+        <Text_1.Text variant="h2" center>
           {t('delivery.address.title')}
-        </index_1.Text>
-        <index_1.Text center>{t('delivery.address.description')}</index_1.Text>
+        </Text_1.Text>
+        <Text_1.Text center>{t('delivery.address.description')}</Text_1.Text>
       </react_native_1.View>
 
-      <index_1.FormWrapper schema={index_1.HKDeliveryAddressSchema} onSubmit={{
+      <FormWrapper_1.FormWrapper schema={deliveryAddress_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')];
             }); }); },
@@ -65,13 +74,13 @@ var DeliveryAddressScreen = function () {
             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>);
+        }} submitButton={<Button_1.Button submit>{t('button.confirm')}</Button_1.Button>}>
+        <Input_1.default id="house" label={t('delivery.address.number_and_floor')} placeholder={t('delivery.address.number_and_floor.placeholder')}/>
+        <Input_1.default id="street" label={t('delivery.address.street')} placeholder={t('delivery.address.street.placeholder')}/>
+        <Input_1.default id="building" label={t('delivery.address.building_name_number')} placeholder={t('delivery.address.building_name_number.placeholder')}/>
+        <Input_1.default id="district" label={t('delivery.address.district_city')} placeholder={t('delivery.address.district_city.placeholder')}/>
+      </FormWrapper_1.FormWrapper>
+    </ScreenWrapper_1.ScreenWrapper>);
 };
 exports.DeliveryAddressScreen = DeliveryAddressScreen;
 var getStyles = function (_a) {

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

@@ -1,4 +1,4 @@
-import { Professional } from '../../common/index';
+import { Professional } from '../../common/types/professional';
 import React from 'react';
 export declare const EndingVideoScreen: ({ professional }: {
     professional: Professional;

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

@@ -4,17 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndingVideoScreen = void 0;
-var index_1 = require("../../common/index");
+var DoctorProfileCard_1 = require("../../common/components/DoctorProfileCard");
+var Header_1 = require("../../common/components/Header");
+var ScreenWrapper_1 = require("../../common/components/ScreenWrapper");
+var useTheme_1 = require("../../common/hooks/useTheme");
+var useTranslation_1 = require("../../common/hooks/useTranslation");
+var VideoConsultationIcon_1 = require("../icons/VideoConsultationIcon");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var EndingVideoScreen = function (_a) {
     var professional = _a.professional;
-    var t = (0, index_1.useTranslation)().t;
-    var theme = (0, index_1.useTheme)();
+    var t = (0, useTranslation_1.useTranslation)().t;
+    var theme = (0, useTheme_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>);
+    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+      <DoctorProfileCard_1.DoctorProfileCard professional={professional} description={t('general.consultation.videoConsultation.ending')}/>
+    </ScreenWrapper_1.ScreenWrapper>);
 };
 exports.EndingVideoScreen = EndingVideoScreen;
 var getStyles = function (_a) {