@abihealth/goapp-react-native 1.37.0 → 1.38.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.38.0](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.37.1...goapp-react-native-v1.38.0) (2025-07-24)
+
+
+### Features
+
+* make two options modal customisable ([#224](https://github.com/abiglobalhealth/react-native-sdk/issues/224)) ([aa07745](https://github.com/abiglobalhealth/react-native-sdk/commit/aa077451481833ab628d37310ceda0066d671d9a))
+
+## [1.37.1](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.37.0...goapp-react-native-v1.37.1) (2025-07-14)
+
+
+### Bug Fixes
+
+* remove padding ([#222](https://github.com/abiglobalhealth/react-native-sdk/issues/222)) ([401b342](https://github.com/abiglobalhealth/react-native-sdk/commit/401b342f09f50327c6a6d29f2110f03008733a4f))
+
 ## [1.37.0](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.36.2...goapp-react-native-v1.37.0) (2025-07-03)
 
 

package/dist/common/components/modals/TwoOptionsModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface TwoOptionsModalProps {
+export interface TwoOptionsModalProps {
     icon: React.ReactNode;
     text: string;
     description?: string;
@@ -10,5 +10,4 @@ interface TwoOptionsModalProps {
     visible: boolean;
     loading?: boolean;
 }
-export declare const TwoOptionsModal: ({ icon, text, description, confirmText, cancelText, onConfirm, onCancel, visible, loading }: TwoOptionsModalProps) => React.JSX.Element;
-export {};
+export declare const TwoOptionsModal: (props: TwoOptionsModalProps) => React.JSX.Element;

package/dist/common/components/modals/TwoOptionsModal.js

@@ -1,39 +1,53 @@
 "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.TwoOptionsModal = void 0;
+var useCustomComponents_1 = require("../../hooks/useCustomComponents");
 var useTheme_1 = require("../../hooks/useTheme");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var Button_1 = require("../Button");
 var Text_1 = require("../Text");
 var Modal_1 = require("./Modal");
-var TwoOptionsModal = function (_a) {
-    var icon = _a.icon, text = _a.text, description = _a.description, confirmText = _a.confirmText, cancelText = _a.cancelText, onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible, loading = _a.loading;
+var TwoOptionsModal = function (props) {
+    var visible = props.visible, propsWithoutVisible = __rest(props, ["visible"]);
+    var icon = propsWithoutVisible.icon, text = propsWithoutVisible.text, description = propsWithoutVisible.description, confirmText = propsWithoutVisible.confirmText, cancelText = propsWithoutVisible.cancelText, onConfirm = propsWithoutVisible.onConfirm, onCancel = propsWithoutVisible.onCancel, loading = propsWithoutVisible.loading;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
+    var TwoOptionsModal = (0, useCustomComponents_1.useCustomComponents)().TwoOptionsModal;
     return (<Modal_1.Modal visible={visible} onRequestClose={onCancel}>
-      <react_native_1.View style={styles.container}>
-        {icon}
+      {TwoOptionsModal ? (<TwoOptionsModal {...propsWithoutVisible}/>) : (<react_native_1.View style={styles.container}>
+          {icon}
 
-        <react_native_1.View style={styles.textContainer}>
-          <Text_1.Text bold center>
-            {text}
-          </Text_1.Text>
-          {description && <Text_1.Text center>{description}</Text_1.Text>}
-        </react_native_1.View>
+          <react_native_1.View style={styles.textContainer}>
+            <Text_1.Text bold center>
+              {text}
+            </Text_1.Text>
+            {description && <Text_1.Text center>{description}</Text_1.Text>}
+          </react_native_1.View>
 
-        <react_native_1.View style={styles.buttonsContainer}>
-          <Button_1.Button radio onPress={onConfirm} loading={loading}>
-            {confirmText}
-          </Button_1.Button>
-          <Button_1.Button radio variant="secondary" shadow={false} onPress={onCancel} disabled={loading}>
-            {cancelText}
-          </Button_1.Button>
-        </react_native_1.View>
-      </react_native_1.View>
+          <react_native_1.View style={styles.buttonsContainer}>
+            <Button_1.Button radio onPress={onConfirm} loading={loading}>
+              {confirmText}
+            </Button_1.Button>
+            <Button_1.Button radio variant="secondary" shadow={false} onPress={onCancel} disabled={loading}>
+              {cancelText}
+            </Button_1.Button>
+          </react_native_1.View>
+        </react_native_1.View>)}
     </Modal_1.Modal>);
 };
 exports.TwoOptionsModal = TwoOptionsModal;

package/dist/common/types/components.d.ts

@@ -1,3 +1,4 @@
+import { TwoOptionsModalProps } from '../components/modals/TwoOptionsModal';
 import { IndicationCategory, IndicationSurveyList } from '../../form-prescriptions/api/models/prescription';
 import { ReactElement, ReactNode } from 'react';
 import { ColorValue } from 'react-native';
@@ -62,6 +63,7 @@ export type Components = {
             }) => ReactElement;
         };
     };
+    TwoOptionsModal?: (_: Omit<TwoOptionsModalProps, 'visible'>) => ReactElement;
     screens?: {
         MatchingScreen?: {
             containerStyle?: ViewStyle;

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

@@ -43,6 +43,7 @@ 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 EndVideoCallModal_1 = require("../modals/EndVideoCallModal");
 var BaseRenderUsers_1 = __importDefault(require("./components/BaseRenderUsers"));
 var BtnControls_1 = __importDefault(require("./components/BtnControls"));
 var AgoraWrapper = function (_a) {
@@ -52,6 +53,7 @@ var AgoraWrapper = function (_a) {
     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 _g = (0, react_1.useState)(false), showEndCallModal = _g[0], setShowEndCallModal = _g[1];
     var joinChannel = function () {
         if (!channelId) {
             logger_1.Logger.error('channelId is invalid');
@@ -84,8 +86,9 @@ var AgoraWrapper = function (_a) {
         engine.current.muteLocalVideoStream(false);
         setMuteLocalVideoStream(false);
     };
-    var leaveChannel = function () {
+    var handleEndVideoCall = function () {
         engine.current.leaveChannel();
+        rtcCallbacks === null || rtcCallbacks === void 0 ? void 0 : rtcCallbacks.endCall();
     };
     var onUserOffline = (0, react_1.useCallback)(function (connection, remoteUid, reason) {
         logger_1.Logger.debug('AgoraWrapper:onUserOffline', {
@@ -174,11 +177,12 @@ var AgoraWrapper = function (_a) {
             localAudioStream: muteLocalAudioStream ? unmuteLocalAudioStream : _muteLocalAudioStream,
             localVideoStream: muteLocalVideoStream ? unmuteLocalVideoStream : _muteLocalVideoStream,
             endCall: function () {
-                leaveChannel();
-                rtcCallbacks === null || rtcCallbacks === void 0 ? void 0 : rtcCallbacks.endCall();
+                setShowEndCallModal(true);
             }
         }}/>
       </react_native_1.View>
+
+      <EndVideoCallModal_1.EndVideoCallModal visible={showEndCallModal} onConfirm={handleEndVideoCall} onCancel={function () { return setShowEndCallModal(false); }}/>
     </react_native_1.KeyboardAvoidingView>);
 };
 exports.AgoraWrapper = AgoraWrapper;

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

@@ -127,7 +127,6 @@ var getStyles = function (_a) {
     var spacing = _a.spacing;
     return react_native_1.StyleSheet.create({
         container: {
-            padding: 0,
             rowGap: spacing.sm
         }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abihealth/goapp-react-native",
-  "version": "1.37.0",
+  "version": "1.38.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"