@abihealth/goapp-react-native 1.13.22 → 1.14.0

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

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

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

@@ -35,10 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 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="#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>);
+      <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"/>
+    </react_native_svg_1.default>);
 };
 exports.default = VideoOffIcon;

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

@@ -35,7 +35,11 @@ var __importStar = (this && this.__importStar) || (function () {
 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>); };
+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"/>
+    </react_native_svg_1.default>);
+};
 exports.default = VideoOnIcon;

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

@@ -40,16 +40,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeliveryAddressScreen = void 0;
+var index_1 = require("../../common/index");
 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>
+        <index_1.Text variant="h2" center>
           {t('delivery.address.title')}
         </index_1.Text>
         <index_1.Text center>{t('delivery.address.description')}</index_1.Text>

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

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

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndingVideoScreen = void 0;
+var index_1 = require("../../common/index");
 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;

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

@@ -40,6 +40,7 @@ exports.JoinVideoCallScreen = void 0;
 var index_1 = require("../../common/index");
 var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
+var useCustomComponents_1 = require("../../common/hooks/useCustomComponents");
 var CallingAnimation_1 = require("../animations/CallingAnimation");
 var VideoCallScreen_1 = __importDefault(require("./VideoCallScreen"));
 var JoinVideoCallScreen = function (_a) {
@@ -47,33 +48,33 @@ var JoinVideoCallScreen = function (_a) {
     var t = (0, index_1.useTranslation)().t;
     var theme = (0, index_1.useTheme)();
     var styles = getStyles(theme);
+    var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
     var _b = (0, react_1.useState)(false), joined = _b[0], setJoined = _b[1];
+    var customComponents = screens === null || screens === void 0 ? void 0 : screens.JoinScreen;
     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>
+      <index_1.Text variant="h2" 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>
+      <react_native_1.View style={styles.animationContainer}>{(customComponents === null || customComponents === void 0 ? void 0 : customComponents.CallingAnimation) || <CallingAnimation_1.CallingAnimation />}</react_native_1.View>
 
-      <index_1.Button icon={<index_1.VideoConsultationIcon />} onPress={onJoinVideoCall}>
-        {t('video.calling.button')}
-      </index_1.Button>
+      {(customComponents === null || customComponents === void 0 ? void 0 : customComponents.JoinCallButton) ? (<customComponents.JoinCallButton onPress={onJoinVideoCall}/>) : (<index_1.Button icon={<index_1.VideoConsultationIcon />} onPress={onJoinVideoCall}>
+          {t('video.calling.button')}
+        </index_1.Button>)}
 
-      <react_native_1.View style={styles.disclaimerCard}>
+      <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>
+            <index_1.Text color={theme.palette.highlight} bold>
               {t('video.camera_and_microphone_access.highlight')}
             </index_1.Text>
           </react_native_1.TouchableOpacity>
@@ -85,7 +86,7 @@ var JoinVideoCallScreen = function (_a) {
 };
 exports.JoinVideoCallScreen = JoinVideoCallScreen;
 var getStyles = function (_a) {
-    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    var palette = _a.palette, spacing = _a.spacing, borderRadius = _a.borderRadius;
     return react_native_1.StyleSheet.create({
         container: {
             paddingTop: spacing.xl
@@ -94,7 +95,7 @@ var getStyles = function (_a) {
         disclaimerCard: {
             marginTop: spacing.sm,
             marginBottom: spacing.md,
-            backgroundColor: colors.white,
+            backgroundColor: palette.white,
             padding: spacing.sm,
             borderRadius: borderRadius.md,
             flexDirection: 'row',

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

@@ -4,19 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProcessingPrescriptionScreen = void 0;
+var index_1 = require("../../common/index");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var index_1 = require("../../common/index");
+var useCustomComponents_1 = require("../../common/hooks/useCustomComponents");
 var ProcessingPrescriptionScreen = function () {
     var t = (0, index_1.useTranslation)().t;
     var theme = (0, index_1.useTheme)();
     var styles = getStyles(theme);
+    var ProcessingPrescriptionScreen = (0, useCustomComponents_1.useCustomComponents)().screens.ProcessingPrescriptionScreen;
     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}>
+      <index_1.Text center variant="h1">
         {t('delivery.address.processing')}
       </index_1.Text>
 
-      <index_1.LoadingCircleAnimation />
+      {(ProcessingPrescriptionScreen === null || ProcessingPrescriptionScreen === void 0 ? void 0 : ProcessingPrescriptionScreen.LoadingAnimation) || <index_1.LoadingCircleAnimation />}
 
       <index_1.Text center>{t('download.one_minute')}</index_1.Text>
     </index_1.ScreenWrapper>);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abihealth/goapp-react-native",
-  "version": "1.13.22",
+  "version": "1.14.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -14,16 +14,6 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
-  "scripts": {
-    "copy-assets:common": "mkdir -p dist/common/assets && cp -r src/common/assets dist/common || true",
-    "copy-assets:video-consultations": "mkdir -p dist/video-consultations/assets && cp -r src/video-consultations/assets dist/video-consultations || true",
-    "build": "rm -rf dist && pnpm copy-assets:common && pnpm copy-assets:video-consultations && tsc && tsc-alias",
-    "build:watch": "concurrently --kill-others \"tsc -w\" \"tsc-alias -w\"",
-    "start": "pnpm build:watch",
-    "start:ios": "pnpm start",
-    "type-check": "tsc --noEmit",
-    "lint": "eslint --fix"
-  },
   "dependencies": {
     "@sentry/react-native": "^6.7.0",
     "axios": "^1.7.9",
@@ -54,5 +44,15 @@
   },
   "exports": {
     ".": "./dist/index.js"
+  },
+  "scripts": {
+    "copy-assets:common": "mkdir -p dist/common/assets && cp -r src/common/assets dist/common || true",
+    "copy-assets:video-consultations": "mkdir -p dist/video-consultations/assets && cp -r src/video-consultations/assets dist/video-consultations || true",
+    "build": "rm -rf dist && pnpm copy-assets:common && pnpm copy-assets:video-consultations && tsc && tsc-alias",
+    "build:watch": "concurrently --kill-others \"tsc -w\" \"tsc-alias -w\"",
+    "start": "pnpm build:watch",
+    "start:ios": "pnpm start",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint --fix"
   }
-}
+}