@abihealth/goapp-react-native 1.20.2 → 1.21.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [1.21.0](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.20.3...goapp-react-native-v1.21.0) (2025-04-14)
+
+
+### Features
+
+* create a styled ConsultationContainer component for cases ([#166](https://github.com/abiglobalhealth/react-native-sdk/issues/166)) ([528f6e5](https://github.com/abiglobalhealth/react-native-sdk/commit/528f6e5b9a96393a271100d0777463baa08281f9))
+* use new domains ([#169](https://github.com/abiglobalhealth/react-native-sdk/issues/169)) ([ee64438](https://github.com/abiglobalhealth/react-native-sdk/commit/ee644381aa86b94344b0ca8a5f5126b16b7d8ea3))
+
+## [1.20.3](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.20.2...goapp-react-native-v1.20.3) (2025-03-27)
+
+
+### Bug Fixes
+
+* improve websocket error handling and reconnect logic ([#163](https://github.com/abiglobalhealth/react-native-sdk/issues/163)) ([d0b3ae6](https://github.com/abiglobalhealth/react-native-sdk/commit/d0b3ae606cba339550f3731d0ff89d924efbaae9))
+
 ## [1.20.2](https://github.com/abiglobalhealth/react-native-sdk/compare/goapp-react-native-v1.20.1...goapp-react-native-v1.20.2) (2025-03-27)
 
 

package/dist/common/api/config.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.axios = exports.configureAxios = void 0;
 var axios_1 = __importDefault(require("axios"));
 exports.axios = axios_1.default;
-var BASE_URL = { ape1: 'https://m10bzqot97.execute-api.ap-east-1.amazonaws.com/prod' };
 var configureAxios = function (_a) {
     var token = _a.token, region = _a.region;
-    axios_1.default.defaults.baseURL = BASE_URL[region];
+    axios_1.default.defaults.baseURL = "https://".concat(region, ".sdk.abi.ai");
     axios_1.default.defaults.headers.common.Authorization = "Bearer ".concat(token);
 };
 exports.configureAxios = configureAxios;

package/dist/common/api/websocket.js

@@ -37,14 +37,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.connectWebsocket = void 0;
-var WS_URL = { ape1: 'wss://yrmfk5amqg.execute-api.ap-east-1.amazonaws.com/prod' };
 var connectWebsocket = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
     var token = _b.token, userId = _b.userId, region = _b.region;
     return __generator(this, function (_c) {
         return [2 /*return*/, new Promise(function (resolve, reject) {
                 console.log('❔ Connecting to WS...', { token: token, userId: userId, region: region });
                 try {
-                    var websocket_1 = new WebSocket("".concat(WS_URL[region], "?eventType=CONNECT"), null);
+                    var websocket_1 = new WebSocket("wss://".concat(region, ".sdk-ws.abi.ai?eventType=CONNECT"), null);
                     websocket_1.onopen = function () {
                         console.log('🟢 WS connected');
                         websocket_1.send(JSON.stringify({ action: 'connect', payload: { userId: userId, token: "Bearer ".concat(token) } }));
@@ -53,9 +52,6 @@ var connectWebsocket = function (_a) { return __awaiter(void 0, [_a], void 0, fu
                     websocket_1.onerror = function (e) {
                         console.error('🔴 WS error', JSON.stringify(e, null, 2));
                     };
-                    websocket_1.onclose = function (e) {
-                        console.log('❌ WS closed', JSON.stringify(e, null, 2));
-                    };
                 }
                 catch (e) {
                     reject(e);

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const ConsultationContainer: ({ children }: PropsWithChildren) => import("react").JSX.Element;

package/dist/common/components/ConsultationContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsultationContainer = void 0;
+var react_native_1 = require("react-native");
+var ConsultationContainer = function (_a) {
+    var children = _a.children;
+    return <react_native_1.View style={styles.container}>{children}</react_native_1.View>;
+};
+exports.ConsultationContainer = ConsultationContainer;
+var styles = react_native_1.StyleSheet.create({
+    container: { flex: 1, width: '100%', minWidth: '100%' }
+});

package/dist/common/contexts/ConsultationContext.d.ts

@@ -20,6 +20,7 @@ export type ConsultationContextProps = ConsultationProviderProps & {
     user: User;
     setUser: Dispatch<SetStateAction<User>>;
     slug: string | null;
+    initialised: boolean;
 };
 export declare const ConsultationContext: import("react").Context<ConsultationContextProps>;
 export declare const ConsultationProvider: ({ children, token, region, theme, components, onError }: PropsWithChildren<ConsultationProviderProps>) => import("react").JSX.Element;

package/dist/common/contexts/ConsultationContext.js

@@ -62,7 +62,8 @@ exports.ConsultationContext = (0, react_1.createContext)({
     userId: '',
     setUserId: function () { },
     components: function () { return ({}); },
-    slug: null
+    slug: null,
+    initialised: false
 });
 var ConsultationProvider = function (_a) {
     var children = _a.children, token = _a.token, region = _a.region, theme = _a.theme, components = _a.components, _b = _a.onError, onError = _b === void 0 ? function () { } : _b;
@@ -71,6 +72,7 @@ var ConsultationProvider = function (_a) {
     var _e = (0, react_1.useState)(null), user = _e[0], setUser = _e[1];
     var _f = (0, react_1.useState)(null), websocket = _f[0], setWebsocket = _f[1];
     var _g = (0, react_1.useState)(null), slug = _g[0], setSlug = _g[1];
+    var _h = (0, react_1.useState)(false), initialised = _h[0], setInitialised = _h[1];
     var handleError = function (e) {
         console.error('🚨 Error caught on handler', e);
         onError(e);
@@ -124,7 +126,6 @@ var ConsultationProvider = function (_a) {
                     return [4 /*yield*/, (0, websocket_1.connectWebsocket)({ token: token, userId: userId, region: region })];
                 case 10:
                     ws = _a.sent();
-                    console.log('🔗 Websocket connected');
                     setWebsocket(ws);
                     return [3 /*break*/, 12];
                 case 11:
@@ -178,8 +179,15 @@ var ConsultationProvider = function (_a) {
                 setConsultation(data.consultation);
             if (data.event === 'websocketError')
                 handleError(new Error('Websocket error'));
-            if (data.event === 'websocketConnected')
+            if (data.event === 'websocketConnected') {
                 console.log('🟢🟢 Websocket connected');
+                setInitialised(true);
+            }
+        };
+        websocket.onclose = function (e) {
+            console.log('❌ WS closed', JSON.stringify(e, null, 2));
+            console.log('🔄 Reconnecting...');
+            (0, websocket_1.connectWebsocket)({ token: token, userId: userId, region: region }).then(setWebsocket).catch(handleError);
         };
     }, [websocket]);
     var value = {
@@ -193,7 +201,8 @@ var ConsultationProvider = function (_a) {
         onError: handleError,
         user: user,
         setUser: setUser,
-        slug: slug
+        slug: slug,
+        initialised: initialised
     };
     return (<exports.ConsultationContext.Provider value={value}>
       <react_i18next_1.I18nextProvider i18n={i18n_1.default}>

package/dist/common/hooks/useConsultation.d.ts

@@ -3,6 +3,7 @@ import { ConsultationContextProps } from '../contexts/ConsultationContext';
 import { CASE_TYPE, Consultation } from '../types/consultation';
 interface UseConsultationProps {
     consultation: ConsultationContextProps['consultation'];
+    initialised: ConsultationContextProps['initialised'];
     updateConsultation: (_: Consultation) => void;
     start: (caseType: CASE_TYPE, payload: CreateConsultationRequest) => Promise<Consultation>;
     cancel: () => Promise<Consultation>;

package/dist/common/hooks/useConsultation.js

@@ -50,7 +50,7 @@ var react_1 = require("react");
 var useUser_1 = require("./useUser");
 var useConsultation = function () {
     var _a;
-    var _b = (0, react_1.useContext)(ConsultationContext_1.ConsultationContext), consultation = _b.consultation, setConsultation = _b.setConsultation, onError = _b.onError;
+    var _b = (0, react_1.useContext)(ConsultationContext_1.ConsultationContext), consultation = _b.consultation, setConsultation = _b.setConsultation, onError = _b.onError, initialised = _b.initialised;
     var user = (0, useUser_1.useUser)().user;
     var minLength = (0, react_1.useMemo)(function () {
         switch (user === null || user === void 0 ? void 0 : user.language) {
@@ -176,7 +176,8 @@ var useConsultation = function () {
         start: start,
         cancel: cancel,
         close: close,
-        rate: rate
+        rate: rate,
+        initialised: initialised
     };
 };
 exports.useConsultation = useConsultation;

package/dist/form-prescriptions/components/FormPrescription.js

@@ -2,11 +2,12 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPrescription = void 0;
+var ConsultationContainer_1 = require("../../common/components/ConsultationContainer");
 var eventHandler_1 = require("../../common/helpers/eventHandler");
 var useConsultation_1 = require("../../common/hooks/useConsultation");
 var useUser_1 = require("../../common/hooks/useUser");
-var utils_1 = require("../../common/screens/utils");
 var NotValidActiveTypeScreen_1 = require("../../common/screens/NotValidActiveTypeScreen");
+var utils_1 = require("../../common/screens/utils");
 var consultation_1 = require("../../common/types/consultation");
 var valid_active_type_1 = require("../../common/utils/valid-active-type");
 var IndicationSurveyContext_1 = require("../contexts/IndicationSurveyContext");
@@ -55,12 +56,9 @@ var FormPrescription = function (_a) {
         setUserId(userId);
     }, [userId]);
     return (<IndicationSurveyContext_1.IndicationSurveyProvider>
-      <react_native_1.View style={styles.container}>
+      <ConsultationContainer_1.ConsultationContainer>
         <ConsultationScreen />
-      </react_native_1.View>
+      </ConsultationContainer_1.ConsultationContainer>
     </IndicationSurveyContext_1.IndicationSurveyProvider>);
 };
 exports.FormPrescription = FormPrescription;
-var styles = react_native_1.StyleSheet.create({
-    container: { flex: 1 }
-});

package/dist/text-consultations/components/TextConsultation.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextConsultation = void 0;
+var ConsultationContainer_1 = require("../../common/components/ConsultationContainer");
 var eventHandler_1 = require("../../common/helpers/eventHandler");
 var useConsultation_1 = require("../../common/hooks/useConsultation");
 var useUser_1 = require("../../common/hooks/useUser");
-var utils_1 = require("../../common/screens/utils");
 var NoConsultationFoundScreen_1 = require("../../common/screens/NoConsultationFoundScreen");
 var NotValidActiveTypeScreen_1 = require("../../common/screens/NotValidActiveTypeScreen");
+var utils_1 = require("../../common/screens/utils");
 var consultation_1 = require("../../common/types/consultation");
 var valid_active_type_1 = require("../../common/utils/valid-active-type");
 var HomeScreen_1 = require("../screens/HomeScreen");
 var react_1 = require("react");
-var react_native_1 = require("react-native");
 var TextConsultation = function (_a) {
     var eventHandlers = _a.eventHandlers, userId = _a.userId;
     var consultation = (0, useConsultation_1.useConsultation)().consultation;
@@ -33,9 +33,6 @@ var TextConsultation = function (_a) {
             return <NoConsultationFoundScreen_1.NoConsultationFoundScreen />;
         return <HomeScreen_1.HomeScreen />;
     }, [consultation]);
-    return <react_native_1.View style={styles.container}>{getConsultationScreen(consultation)}</react_native_1.View>;
+    return <ConsultationContainer_1.ConsultationContainer>{getConsultationScreen(consultation)}</ConsultationContainer_1.ConsultationContainer>;
 };
 exports.TextConsultation = TextConsultation;
-var styles = react_native_1.StyleSheet.create({
-    container: { flex: 1 }
-});

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoConsultation = void 0;
+var ConsultationContainer_1 = require("../../common/components/ConsultationContainer");
 var eventHandler_1 = require("../../common/helpers/eventHandler");
 var useConsultation_1 = require("../../common/hooks/useConsultation");
 var useUser_1 = require("../../common/hooks/useUser");
-var utils_1 = require("../../common/screens/utils");
 var NoConsultationFoundScreen_1 = require("../../common/screens/NoConsultationFoundScreen");
 var NotValidActiveTypeScreen_1 = require("../../common/screens/NotValidActiveTypeScreen");
 var PreparingSummaryScreen_1 = require("../../common/screens/PreparingSummaryScreen");
+var utils_1 = require("../../common/screens/utils");
 var consultation_1 = require("../../common/types/consultation");
 var valid_active_type_1 = require("../../common/utils/valid-active-type");
 var DeliveryAddressScreen_1 = require("../screens/DeliveryAddressScreen");
@@ -49,9 +50,6 @@ var VideoConsultation = function (_a) {
                 throw new Error("Screen not found ".concat(status));
         }
     }, [consultation]);
-    return <react_native_1.View style={styles.container}>{getConsultationScreen(consultation)}</react_native_1.View>;
+    return <ConsultationContainer_1.ConsultationContainer>{getConsultationScreen(consultation)}</ConsultationContainer_1.ConsultationContainer>;
 };
 exports.VideoConsultation = VideoConsultation;
-var styles = react_native_1.StyleSheet.create({
-    container: { flex: 1 }
-});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abihealth/goapp-react-native",
-  "version": "1.20.2",
+  "version": "1.21.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -15,26 +15,26 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "axios": "^1.7.9",
-    "i18next": "^23.16.8",
-    "phone": "^3.1.58",
-    "react-i18next": "^14.1.3",
-    "react-native-agora": "^4.4.0",
-    "react-native-bouncy-checkbox": "^4.1.2",
+    "axios": "1.7.9",
+    "i18next": "23.16.8",
+    "phone": "3.1.58",
+    "react-i18next": "14.1.3",
+    "react-native-agora": "4.5.2",
+    "react-native-bouncy-checkbox": "4.1.2",
     "react-native-date-picker": "5.0.1",
-    "react-native-phone-input": "^1.3.7",
-    "react-native-svg": "^15.11.1",
-    "zod": "^3.24.1"
+    "react-native-phone-input": "1.3.7",
+    "react-native-svg": "15.11.1",
+    "zod": "3.24.1"
   },
   "devDependencies": {
     "@abiglobalhealth/ts-config": "1.3.0",
-    "@tsconfig/react-native": "^3.0.5",
-    "@types/jest": "^29.5.12",
-    "@types/react": "~18.3.12",
-    "@types/react-native": "^0.73.0",
-    "concurrently": "^9.1.2",
-    "tsc-alias": "^1.8.10",
-    "typescript": "^5.7.3"
+    "@tsconfig/react-native": "3.0.5",
+    "@types/jest": "29.5.12",
+    "@types/react": "18.3.12",
+    "@types/react-native": "0.73.0",
+    "concurrently": "9.1.2",
+    "tsc-alias": "1.8.10",
+    "typescript": "5.7.3"
   },
   "peerDependencies": {
     "react": ">=18.0.0",