@abihealth/goapp-react-native 1.18.1 → 1.19.0

package/dist/common/hooks/useConsultation.js

@@ -44,10 +44,13 @@ var consultation_1 = require("../api/consultation");
 var consultation_2 = require("../api/models/consultation");
 var ConsultationContext_1 = require("../contexts/ConsultationContext");
 var i18n_1 = __importDefault(require("../locale/i18n"));
+var consultation_3 = require("../types/consultation");
+var video_1 = require("../../video-consultations/api/video");
 var react_1 = require("react");
 var useUser_1 = require("./useUser");
 var useConsultation = function () {
-    var _a = (0, react_1.useContext)(ConsultationContext_1.ConsultationContext), consultation = _a.consultation, setConsultation = _a.setConsultation, onError = _a.onError;
+    var _a;
+    var _b = (0, react_1.useContext)(ConsultationContext_1.ConsultationContext), consultation = _b.consultation, setConsultation = _b.setConsultation, onError = _b.onError;
     var user = (0, useUser_1.useUser)().user;
     var minLength = (0, react_1.useMemo)(function () {
         switch (user === null || user === void 0 ? void 0 : user.language) {
@@ -84,10 +87,25 @@ var useConsultation = function () {
             }
         });
     }); };
+    // TODO - Implement createConsultation when endpoints are ready
+    var createConsultation = (_a = {},
+        _a[consultation_3.CASE_TYPE.MEDICAL] = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/, Promise.resolve({ consultation: undefined })];
+        }); }); },
+        _a[consultation_3.CASE_TYPE.VIDEO] = video_1.createVideoConsultation,
+        _a[consultation_3.CASE_TYPE.PRESCRIPTION] = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/, Promise.resolve({ consultation: undefined })];
+        }); }); },
+        _a[consultation_3.CASE_TYPE.VOICE] = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/, Promise.resolve({ consultation: undefined })];
+        }); }); },
+        _a[consultation_3.CASE_TYPE.MENTAL] = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/, Promise.resolve({ consultation: undefined })];
+        }); }); },
+        _a);
     var start = function (caseType, payload) { return __awaiter(void 0, void 0, void 0, function () {
         var parsed;
         return __generator(this, function (_a) {
-            console.log('Starting consultation', payload);
             parsed = consultation_2.createConsultationRequestSchema
                 .refine(function (value) { return value.question.length >= minLength; }, {
                 message: i18n_1.default.t('inputs.textarea.min_length', { minLength: minLength })
@@ -97,7 +115,7 @@ var useConsultation = function () {
                 throw new Error(parsed.error.errors[0].message);
             return [2 /*return*/, handleConsultationAction(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, (0, consultation_1.createConsultation)(caseType)(payload)];
+                        case 0: return [4 /*yield*/, createConsultation[caseType](payload)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 }); }); })];
@@ -105,11 +123,10 @@ var useConsultation = function () {
     }); };
     var cancel = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            console.log('Cancelling consultation');
             return [2 /*return*/, handleConsultationAction(function () { return __awaiter(void 0, void 0, void 0, function () {
                     return __generator(this, function (_a) {
                         switch (_a.label) {
-                            case 0: return [4 /*yield*/, (0, consultation_1.cancelConsultation)(consultation.type)({
+                            case 0: return [4 /*yield*/, (0, consultation_1.cancelConsultation)({
                                     consultationId: consultation.id,
                                     userId: consultation.userId
                                 })];
@@ -128,7 +145,7 @@ var useConsultation = function () {
                 throw new Error(parsed.error.errors[0].message);
             return [2 /*return*/, handleConsultationAction(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, (0, consultation_1.rateConsultation)(consultation.type)(payload)];
+                        case 0: return [4 /*yield*/, (0, consultation_1.rateConsultation)(payload)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 }); }); })];
@@ -136,11 +153,10 @@ var useConsultation = function () {
     }); };
     var close = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            console.log('Closing consultation');
             return [2 /*return*/, handleConsultationAction(function () { return __awaiter(void 0, void 0, void 0, function () {
                     return __generator(this, function (_a) {
                         switch (_a.label) {
-                            case 0: return [4 /*yield*/, (0, consultation_1.closeConsultation)(consultation.type)({
+                            case 0: return [4 /*yield*/, (0, consultation_1.closeConsultation)({
                                     consultationId: consultation.id,
                                     userId: consultation.userId
                                 })];

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

@@ -0,0 +1,8 @@
+import { Animated } from 'react-native';
+import { ViewStyle } from 'react-native-phone-input';
+export declare const useLoader: () => {
+    interpolatedBackground: string | Animated.AnimatedInterpolation<string | number>;
+    AnimatedItem: ({ customStyle }: {
+        customStyle?: ViewStyle;
+    }) => import("react").JSX.Element;
+};

package/dist/common/hooks/useLoader.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoader = void 0;
+var LoaderContext_1 = require("../contexts/LoaderContext");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var useLoader = function () {
+    var interpolatedBackground = (0, react_1.useContext)(LoaderContext_1.LoaderContext).interpolatedBackground;
+    var AnimatedItem = function (_a) {
+        var customStyle = _a.customStyle;
+        return (<react_native_1.Animated.View style={[customStyle, { backgroundColor: interpolatedBackground }]}/>);
+    };
+    return { interpolatedBackground: interpolatedBackground, AnimatedItem: AnimatedItem };
+};
+exports.useLoader = useLoader;

package/dist/common/icons/CaseFolderIcon.d.ts

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

package/dist/common/icons/CaseFolderIcon.js

@@ -0,0 +1,55 @@
+"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 useTheme_1 = require("../hooks/useTheme");
+var React = __importStar(require("react"));
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var CaseFolderIcon = function () {
+    var palette = (0, useTheme_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={71} height={75} fill="none">
+      <react_native_svg_1.G clipPath="url(#a)">
+        <react_native_svg_1.Path fill={palette.primary.base} d="M69.972 38.246a4.29 4.29 0 0 0-1.607-1.616 4.476 4.476 0 0 0-2.215-.587H24.675c-1.4 0-2.755.44-3.88 1.277a6.39 6.39 0 0 0-2.33 3.31l-8.208 27.704a7.036 7.036 0 0 1-2.571 3.65 7.184 7.184 0 0 1-4.282 1.4h52.15a7.286 7.286 0 0 0 4.282-1.4 7.037 7.037 0 0 0 2.571-3.65l7.875-26.585a4.432 4.432 0 0 0 .195-1.774 4.47 4.47 0 0 0-.517-1.706v-.023h.012Z"/>
+        <react_native_svg_1.Path fill={palette.primary.dark} d="M10.234 46.335a7.155 7.155 0 0 1-2.158-5.096V19.005H6.331c-1.55 0-3.03.61-4.12 1.683A5.713 5.713 0 0 0 .5 24.744v43.07c0 .757.31 1.491.85 2.034a2.923 2.923 0 0 0 2.066.836c.907 0 1.79-.294 2.525-.837a4.194 4.194 0 0 0 1.515-2.157l5.809-19.592a7.245 7.245 0 0 1-3.03-1.785v.022ZM60.066 27.862a5.898 5.898 0 0 0-4.12-1.683h-5.614v7.174h11.445v-1.435c0-1.525-.62-2.982-1.71-4.056Z"/>
+        <react_native_svg_1.Path fill={palette.highlight} d="M41.113 10.542h7.152L46.83 8.915 40.757 2l-1.756-2v8.474c0 .554.23 1.085.62 1.469.402.384.93.599 1.492.599Z"/>
+        <react_native_svg_1.Path fill={palette.highlight} fillRule="evenodd" d="M19.061 35.263a9.345 9.345 0 0 1 5.614-1.842h23.543V12.937H39.54a3.146 3.146 0 0 1-2.192-.881 2.968 2.968 0 0 1-.896-2.125v-8.61h-.011V0H15.996a5.81 5.81 0 0 0-4.052 1.638 5.531 5.531 0 0 0-1.687 3.966v34.958c0 1.491.608 2.915 1.687 3.966A5.61 5.61 0 0 0 14 45.793l1.71-5.762a9.335 9.335 0 0 1 3.352-4.78v.012Zm17.378-10.13H16.952c-.642 0-1.162.63-1.162 1.407s.52 1.407 1.162 1.407h19.487c.642 0 1.162-.63 1.162-1.407 0-.776-.52-1.406-1.162-1.406Zm-19.214-5.925h24.072c.793 0 1.435.63 1.435 1.406 0 .777-.642 1.407-1.435 1.407H17.225c-.792 0-1.435-.63-1.435-1.407s.643-1.406 1.435-1.406Z" clipRule="evenodd"/>
+      </react_native_svg_1.G>
+      <react_native_svg_1.Defs>
+        <react_native_svg_1.ClipPath id="a">
+          <react_native_svg_1.Path fill={palette.white} d="M.5 0h70v75H.5z"/>
+        </react_native_svg_1.ClipPath>
+      </react_native_svg_1.Defs>
+    </react_native_svg_1.default>);
+};
+exports.default = CaseFolderIcon;

package/dist/common/icons/NoCaseFoundIcon.js

@@ -41,7 +41,7 @@ var NoCaseFoundIcon = function () {
     return (<react_native_svg_1.default width={61} height={68} fill="none">
       <react_native_svg_1.G clipPath="url(#a)">
         <react_native_svg_1.Path fill={palette.primary.dark} d="m6.062 62.96 7.155-24.373a8.15 8.15 0 0 1 2.944-4.22 8.228 8.228 0 0 1 4.897-1.63h32.317v-1.264a5.04 5.04 0 0 0-1.489-3.574 5.098 5.098 0 0 0-3.594-1.48H28.919a2.56 2.56 0 0 1-1.977-.935l-2.498-3.054a6.342 6.342 0 0 0-2.198-1.717 6.377 6.377 0 0 0-2.726-.612H5.083a5.098 5.098 0 0 0-3.594 1.48A5.04 5.04 0 0 0 0 25.156v37.906c0 .67.268 1.313.744 1.787a2.55 2.55 0 0 0 1.798.74 3.693 3.693 0 0 0 2.199-.733 3.658 3.658 0 0 0 1.32-1.895Z"/>
-        <react_native_svg_1.Path fill="#FF9800" stroke="#F4F4F4" strokeWidth={2} d="M44.5 20.162c0 7.816-6.374 14.162-14.25 14.162-7.875 0-14.25-6.346-14.25-14.162C16 12.346 22.375 6 30.25 6c7.876 0 14.25 6.346 14.25 14.162Z"/>
+        <react_native_svg_1.Path fill={palette.highlight} stroke="#F4F4F4" strokeWidth={2} d="M44.5 20.162c0 7.816-6.374 14.162-14.25 14.162-7.875 0-14.25-6.346-14.25-14.162C16 12.346 22.375 6 30.25 6c7.876 0 14.25 6.346 14.25 14.162Z"/>
         <react_native_svg_1.Path stroke={palette.white} strokeLinecap="round" strokeWidth={2.6} d="M35.969 14.476 24.53 25.848M24.531 14.476 35.97 25.848"/>
         <react_native_svg_1.Path fill={palette.primary.base} d="M60.518 37.209a3.785 3.785 0 0 0-1.399-1.426 3.814 3.814 0 0 0-1.934-.52H21.061a5.65 5.65 0 0 0-3.378 1.12 5.596 5.596 0 0 0-2.027 2.91l-7.15 24.374A6.177 6.177 0 0 1 6.27 66.88a6.237 6.237 0 0 1-3.728 1.236h45.43a6.238 6.238 0 0 0 3.729-1.236 6.178 6.178 0 0 0 2.237-3.213L60.8 40.268a3.946 3.946 0 0 0-.283-3.06Z"/>
       </react_native_svg_1.G>

package/dist/common/locale/translations/en.base.json

@@ -43,6 +43,7 @@
     "button.sms_reminder": "SMS ME WHEN THEY REPLY",
     "button.start_again": "START AGAIN",
     "button.submit": "Submit",
+    "button.submit_request": "Submit request",
     "button.try_again": "Try again",
     "button.undo": "UNDO",
     "button.yes": "Yes",
@@ -402,6 +403,7 @@
     "download.usually_takes": "This usually takes less than 1 min.",
     "error.address": "There is a problem with your address. Please check it and try again.",
     "error.case_already_open": "You already have a case open in another location. Please complete the case there first.",
+    "error.case_type_already_open": "You already have an open {{caseType}} case.",
     "error.something_went_wrong": "Something went wrong, please try again later",
     "error.validation.attachment.duplicated": "Attachment is already added",
     "error.validation.attachment.max": "Error uploading: You can only upload a maximum of {{maxAmount}} files.",
@@ -542,6 +544,7 @@
     "inputs.physicianCountry.placeholder": "Country",
     "inputs.physicianState.label": "State",
     "inputs.physicianState.placeholder": "State",
+    "inputs.policy_number.label": "Policy number",
     "inputs.sex.label": "Sex",
     "inputs.surname.label": "Surname",
     "inputs.textarea.min_length": "Min {{minLength}} characters",

package/dist/common/screens/AnswerScreen.js

@@ -39,22 +39,19 @@ var CloseConsultationActionSheet_1 = require("../components/AnswerScreen/CloseCo
 var PrescriptionCard_1 = require("../components/AnswerScreen/PrescriptionCard");
 var PrescriptionCardHeader_1 = require("../components/AnswerScreen/PrescriptionCard/PrescriptionCardHeader");
 var Summary_1 = require("../components/AnswerScreen/Summary");
-var Header_1 = require("../components/Header");
+var ConsultationHeader_1 = require("../components/Header/ConsultationHeader");
 var ScreenWrapper_1 = require("../components/ScreenWrapper");
 var Text_1 = require("../components/Text");
 var useConsultation_1 = require("../hooks/useConsultation");
 var useCustomComponents_1 = require("../hooks/useCustomComponents");
 var useTheme_1 = require("../hooks/useTheme");
-var useTranslation_1 = require("../hooks/useTranslation");
 var consultation_1 = require("../types/consultation");
-var VideoConsultationIcon_1 = require("../../video-consultations/icons/VideoConsultationIcon");
 var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var SHOW_CLOSE_DELAY = 3000;
 var AnswerScreen = function (_a) {
     var _b;
     var questions = _a.questions, professional = _a.professional, prescription = _a.prescription, pdf = _a.pdf;
-    var t = (0, useTranslation_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
     var scrollRef = (0, react_1.useRef)(null);
@@ -69,7 +66,7 @@ var AnswerScreen = function (_a) {
         return function () { return clearTimeout(timeout); };
     }, []);
     return (<>
-      <ScreenWrapper_1.ScreenWrapper scrollRef={scrollRef} header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />}/>} containerStyle={[styles.container, AnswerScreen === null || AnswerScreen === void 0 ? void 0 : AnswerScreen.containerStyle]} onContentSizeChange={scrollEnd}>
+      <ScreenWrapper_1.ScreenWrapper scrollRef={scrollRef} header={<ConsultationHeader_1.ConsultationHeader />} containerStyle={[styles.container, AnswerScreen === null || AnswerScreen === void 0 ? void 0 : AnswerScreen.containerStyle]} onContentSizeChange={scrollEnd}>
         {questions.map(function (_a, index) {
             var _b, _c, _d, _e, _f, _g;
             var text = _a.text, type = _a.type;

package/dist/common/screens/MatchScreen.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MatchScreen = void 0;
 var CancelConsultationButton_1 = require("../components/CancelConsultationButton");
 var DoctorProfileCard_1 = require("../components/DoctorProfileCard");
-var Header_1 = require("../components/Header");
+var ConsultationHeader_1 = require("../components/Header/ConsultationHeader");
 var ScreenWrapper_1 = require("../components/ScreenWrapper");
 var Text_1 = require("../components/Text");
 var useTheme_1 = require("../hooks/useTheme");
 var useTranslation_1 = require("../hooks/useTranslation");
-var VideoConsultationIcon_1 = require("../../video-consultations/icons/VideoConsultationIcon");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var MatchScreen = function (_a) {
@@ -19,7 +18,7 @@ var MatchScreen = function (_a) {
     var t = (0, useTranslation_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
-    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />} rightIcon={<CancelConsultationButton_1.CancelConsultationButton />}/>} containerStyle={styles.container} reminder={false}>
+    return (<ScreenWrapper_1.ScreenWrapper header={<ConsultationHeader_1.ConsultationHeader rightIcon={<CancelConsultationButton_1.CancelConsultationButton />}/>} containerStyle={styles.container} reminder={false}>
       <DoctorProfileCard_1.DoctorProfileCard professional={professional} description={t('reviewing.video')}/>
 
       <Text_1.Text center>{t('matching.video.text_message')}</Text_1.Text>

package/dist/common/screens/MatchingScreen.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MatchingScreen = void 0;
 var FindingAnimation_1 = require("../animations/FindingAnimation");
 var CancelConsultationButton_1 = require("../components/CancelConsultationButton");
-var Header_1 = require("../components/Header");
+var ConsultationHeader_1 = require("../components/Header/ConsultationHeader");
 var ScreenWrapper_1 = require("../components/ScreenWrapper");
 var Text_1 = require("../components/Text");
 var useCustomComponents_1 = require("../hooks/useCustomComponents");
 var useTheme_1 = require("../hooks/useTheme");
 var useTranslation_1 = require("../hooks/useTranslation");
-var VideoConsultationIcon_1 = require("../../video-consultations/icons/VideoConsultationIcon");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var MatchingScreen = function () {
@@ -21,7 +20,7 @@ var MatchingScreen = function () {
     var styles = getStyles(theme);
     var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
     var customComponents = screens === null || screens === void 0 ? void 0 : screens.MatchingScreen;
-    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />} rightIcon={<CancelConsultationButton_1.CancelConsultationButton />}/>} containerStyle={styles.container}>
+    return (<ScreenWrapper_1.ScreenWrapper header={<ConsultationHeader_1.ConsultationHeader rightIcon={<CancelConsultationButton_1.CancelConsultationButton />}/>} containerStyle={styles.container}>
       <Text_1.Text variant="h2" center>
         {t('matching')}
       </Text_1.Text>

package/dist/common/screens/NotValidActiveTypeScreen.d.ts

@@ -0,0 +1,7 @@
+import { CASE_TYPE } from '../types/consultation';
+import React from 'react';
+interface NoValidActiveTypeScreenProps {
+    caseType: CASE_TYPE;
+}
+export declare const NotValidActiveTypeScreen: ({ caseType }: NoValidActiveTypeScreenProps) => React.JSX.Element;
+export {};

package/dist/common/screens/NotValidActiveTypeScreen.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotValidActiveTypeScreen = void 0;
+var Header_1 = require("../components/Header");
+var ScreenWrapper_1 = require("../components/ScreenWrapper");
+var Text_1 = require("../components/Text");
+var useTheme_1 = require("../hooks/useTheme");
+var AbiLogoIcon_1 = require("../icons/AbiLogoIcon");
+var CaseFolderIcon_1 = __importDefault(require("../icons/CaseFolderIcon"));
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var react_native_1 = require("react-native");
+var NotValidActiveTypeScreen = function (_a) {
+    var caseType = _a.caseType;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header centerIcon={<AbiLogoIcon_1.AbiLogoIcon />}/>} containerStyle={styles.container}>
+      <CaseFolderIcon_1.default />
+      <Text_1.Text>{t('error.case_type_already_open', { caseType: caseType })}</Text_1.Text>
+    </ScreenWrapper_1.ScreenWrapper>);
+};
+exports.NotValidActiveTypeScreen = NotValidActiveTypeScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.xl,
+            justifyContent: 'center'
+        }
+    });
+};

package/dist/common/screens/PreparingSummaryScreen.js

@@ -5,12 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreparingSummaryScreen = void 0;
 var DoctorProfileCard_1 = require("../components/DoctorProfileCard");
-var Header_1 = require("../components/Header");
+var ConsultationHeader_1 = require("../components/Header/ConsultationHeader");
 var ScreenWrapper_1 = require("../components/ScreenWrapper");
 var Text_1 = require("../components/Text");
 var useTheme_1 = require("../hooks/useTheme");
 var useTranslation_1 = require("../hooks/useTranslation");
-var VideoConsultationIcon_1 = require("../../video-consultations/icons/VideoConsultationIcon");
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var PreparingSummaryScreen = function (_a) {
@@ -18,7 +17,7 @@ var PreparingSummaryScreen = function (_a) {
     var t = (0, useTranslation_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
-    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+    return (<ScreenWrapper_1.ScreenWrapper header={<ConsultationHeader_1.ConsultationHeader />} containerStyle={styles.container}>
       <DoctorProfileCard_1.DoctorProfileCard professional={professional} description={t('consultation.summary_being_prepared')}/>
 
       <Text_1.Text center>{t('general.consultation.videoConsultation.hcpCanRecall')}</Text_1.Text>

package/dist/common/screens/RatingScreen.js

@@ -71,7 +71,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RatingScreen = void 0;
 var Button_1 = require("../components/Button");
-var Header_1 = require("../components/Header");
+var ConsultationHeader_1 = require("../components/Header/ConsultationHeader");
 var ScreenWrapper_1 = require("../components/ScreenWrapper");
 var Text_1 = require("../components/Text");
 var useConsultation_1 = require("../hooks/useConsultation");
@@ -79,7 +79,6 @@ var useTheme_1 = require("../hooks/useTheme");
 var useTranslation_1 = require("../hooks/useTranslation");
 var RatingIcon_1 = require("../icons/RatingIcon");
 var StarIcon_1 = require("../icons/StarIcon");
-var VideoConsultationIcon_1 = require("../../video-consultations/icons/VideoConsultationIcon");
 var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var RATINGS = [1, 2, 3, 4, 5];
@@ -133,7 +132,7 @@ var RatingScreen = function () {
     var handleSkip = function () {
         updateConsultation(null);
     };
-    return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.videoConsultation.title')} leftIcon={<VideoConsultationIcon_1.VideoConsultationIcon />}/>} containerStyle={styles.container}>
+    return (<ScreenWrapper_1.ScreenWrapper header={<ConsultationHeader_1.ConsultationHeader />} containerStyle={styles.container}>
       <react_native_1.View style={styles.innerContainer}>
         <RatingIcon_1.RatingIcon />
 

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

@@ -1,3 +1,4 @@
+import { IndicationCategory, IndicationSurveyList } from '../../form-prescriptions/api/models/prescription';
 import { ReactElement, ReactNode } from 'react';
 import { ColorValue } from 'react-native';
 import { TextStyle, ViewStyle } from 'react-native-phone-input';
@@ -116,6 +117,20 @@ export type Components = {
                 }) => ReactElement;
             };
         };
+        PrescriptionHomeScreen?: {
+            indicationCategoryAccordion?: {
+                containerStyle?: ViewStyle;
+                textStyle?: TextStyle;
+            } & {
+                customComponent?: (props: IndicationCategory) => ReactElement;
+            };
+            indicationSurveyButton?: {
+                containerStyle?: ViewStyle;
+                textStyle?: TextStyle;
+            } & {
+                customComponent?: (props: IndicationSurveyList) => ReactElement;
+            };
+        };
     };
 };
 export {};

package/dist/form-prescriptions/api/models/prescription.d.ts

@@ -27,3 +27,8 @@ export interface IndicationSurveyAnswers {
     origin: string;
     indications: IndicationAnswerQuestion[];
 }
+export interface CreatePrescriptionRequest {
+    userId: string;
+    question: string;
+    indicationSurvey: IndicationSurveyAnswers;
+}

package/dist/form-prescriptions/api/prescription.d.ts

@@ -1,4 +1,6 @@
-import { IndicationCategory } from '../api/models/prescription';
+import { Consultation } from '../../common/types/consultation';
+import { CreatePrescriptionRequest, IndicationCategory } from '../api/models/prescription';
 import { IndicationSurveyQuestions } from '../types/indications';
 export declare const getIndicationSurveyList: () => Promise<IndicationCategory[]>;
 export declare const getIndicationSurvey: (id: string) => Promise<IndicationSurveyQuestions>;
+export declare const createPrescription: (payload: CreatePrescriptionRequest) => Promise<Consultation>;

package/dist/form-prescriptions/api/prescription.js

@@ -3,13 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIndicationSurvey = exports.getIndicationSurveyList = void 0;
+exports.createPrescription = exports.getIndicationSurvey = exports.getIndicationSurveyList = void 0;
 var axios_1 = __importDefault(require("axios"));
-var INDICATION_SURVEY_LIST_URL = '/prescription/indication-survey/list';
-var INDICATION_SURVEY_URL = '/prescription/indication-survey/';
+var BASE_URL = '/prescription';
+var INDICATION_SURVEY_LIST_URL = "".concat(BASE_URL, "/indication-survey/list");
+var INDICATION_SURVEY_URL = "".concat(BASE_URL, "/indication-survey/");
 var getIndicationSurveyList = function () { return axios_1.default.get(INDICATION_SURVEY_LIST_URL).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; }); };
 exports.getIndicationSurveyList = getIndicationSurveyList;
 var getIndicationSurvey = function (id) {
     return axios_1.default.get("".concat(INDICATION_SURVEY_URL).concat(id)).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
 };
 exports.getIndicationSurvey = getIndicationSurvey;
+var createPrescription = function (payload) {
+    return axios_1.default.post(BASE_URL, payload).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
+};
+exports.createPrescription = createPrescription;

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

@@ -7,21 +7,22 @@ var useConsultation_1 = require("../../common/hooks/useConsultation");
 var useHeader_1 = require("../../common/hooks/useHeader");
 var useUser_1 = require("../../common/hooks/useUser");
 var screens_1 = require("../../common/screens");
-var NotValidActiveType_1 = require("../../common/screens/NotValidActiveType");
+var NotValidActiveTypeScreen_1 = require("../../common/screens/NotValidActiveTypeScreen");
 var consultation_1 = require("../../common/types/consultation");
 var valid_active_type_1 = require("../../common/utils/valid-active-type");
 var IndicationSurveyContext_1 = require("../contexts/IndicationSurveyContext");
 var useScreens_1 = require("../hooks/useScreens");
 var HomeScreen_1 = require("../screens/HomeScreen");
 var QuestionnaireScreen_1 = require("../screens/QuestionnaireScreen");
+var ReasonScreen_1 = require("../screens/ReasonScreen");
 var screens_2 = require("../types/screens");
 var react_1 = require("react");
 var react_native_1 = require("react-native");
 var FORM_PRESCRIPTION_SCREEN_COMPONENTS = (_a = {},
     _a[screens_2.FORM_PRESCRIPTION_SCREENS.HOME] = <HomeScreen_1.HomeScreen />,
     _a[screens_2.FORM_PRESCRIPTION_SCREENS.QUESTIONNAIRE] = <QuestionnaireScreen_1.QuestionnaireScreen />,
-    _a[screens_2.FORM_PRESCRIPTION_SCREENS.FORM] = <react_native_1.View /> // TODO: Implement FormScreen
-,
+    _a[screens_2.FORM_PRESCRIPTION_SCREENS.FORM] = <react_native_1.View />,
+    _a[screens_2.FORM_PRESCRIPTION_SCREENS.REASON] = <ReasonScreen_1.ReasonScreen />,
     _a);
 var ConsultationScreen = function () {
     var currentScreen = (0, useScreens_1.useScreens)().currentScreen;
@@ -29,7 +30,7 @@ var ConsultationScreen = function () {
     var getConsultationScreen = (0, react_1.useCallback)(function (consultation) {
         var validActiveType = (0, valid_active_type_1.checkValidActiveType)(consultation, consultation_1.CASE_TYPE.PRESCRIPTION);
         if (!validActiveType)
-            return <NotValidActiveType_1.NotValidActiveType />;
+            return <NotValidActiveTypeScreen_1.NotValidActiveTypeScreen caseType={consultation.type}/>;
         if (!consultation)
             return FORM_PRESCRIPTION_SCREEN_COMPONENTS[currentScreen];
         var commonScreen = (0, screens_1.getCommonScreen)(consultation);

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndicationCategory = void 0;
 var ChevronIcon_1 = __importDefault(require("../../common/assets/ChevronIcon"));
 var Text_1 = require("../../common/components/Text");
+var useCustomComponents_1 = require("../../common/hooks/useCustomComponents");
 var useTheme_1 = require("../../common/hooks/useTheme");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
@@ -13,27 +14,30 @@ var react_native_1 = require("react-native");
 var react_native_svg_1 = require("react-native-svg");
 var IndicationSurveyButton_1 = __importDefault(require("./IndicationSurveyButton"));
 var IndicationCategory = function (_a) {
+    var _b, _c, _d, _e;
     var iconUrl = _a.iconUrl, textKey = _a.textKey, indications = _a.indications;
     var t = (0, react_i18next_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
-    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
-    return (<react_native_1.View style={styles.container}>
+    var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
+    var _f = (0, react_1.useState)(false), open = _f[0], setOpen = _f[1];
+    return (<react_native_1.TouchableOpacity onPress={function () { return setOpen(!open); }} style={[styles.container, (_c = (_b = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _b === void 0 ? void 0 : _b.indicationCategoryAccordion) === null || _c === void 0 ? void 0 : _c.containerStyle]}>
       <react_native_1.View style={styles.titleContainer}>
         <react_native_1.View style={styles.titleWrapper}>
           <react_native_svg_1.SvgUri uri={iconUrl} style={styles.icon} accessibilityLabel={t(textKey)} width={16} height={16}/>
-          <Text_1.Text bold style={styles.title}>
+          <Text_1.Text bold style={[styles.title, (_e = (_d = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _d === void 0 ? void 0 : _d.indicationCategoryAccordion) === null || _e === void 0 ? void 0 : _e.textStyle]}>
             {t(textKey)}
           </Text_1.Text>
         </react_native_1.View>
-        <react_native_1.TouchableOpacity onPress={function () { return setOpen(!open); }}>
-          <ChevronIcon_1.default color={open ? theme.palette.primary.base : theme.palette.black} style={open ? { transform: [{ rotate: '180deg' }] } : undefined}/>
-        </react_native_1.TouchableOpacity>
+        <ChevronIcon_1.default color={open ? theme.palette.primary.base : theme.palette.black} style={open ? { transform: [{ rotate: '180deg' }] } : undefined}/>
       </react_native_1.View>
       <react_native_1.View style={[styles.buttonsContainer, { display: open ? 'flex' : 'none' }]}>
-        {indications.map(function (indication) { return (<IndicationSurveyButton_1.default key={indication.textKey} {...indication}/>); })}
+        {indications.map(function (indication) {
+            var _a, _b;
+            return ((_b = (_a = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _a === void 0 ? void 0 : _a.indicationSurveyButton) === null || _b === void 0 ? void 0 : _b.customComponent) ? (<screens.PrescriptionHomeScreen.indicationSurveyButton.customComponent key={indication.textKey} {...indication}/>) : (<IndicationSurveyButton_1.default key={indication.textKey} {...indication}/>);
+        })}
       </react_native_1.View>
-    </react_native_1.View>);
+    </react_native_1.TouchableOpacity>);
 };
 exports.IndicationCategory = IndicationCategory;
 exports.default = exports.IndicationCategory;

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

@@ -2,20 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndicationSurveyButton = void 0;
 var Text_1 = require("../../common/components/Text");
+var useCustomComponents_1 = require("../../common/hooks/useCustomComponents");
 var useTheme_1 = require("../../common/hooks/useTheme");
 var useIndicationSurvey_1 = require("../hooks/useIndicationSurvey");
 var react_i18next_1 = require("react-i18next");
 var react_native_1 = require("react-native");
 var react_native_svg_1 = require("react-native-svg");
 var IndicationSurveyButton = function (_a) {
+    var _b, _c, _d, _e;
     var iconUrl = _a.iconUrl, id = _a.id, textKey = _a.textKey;
     var t = (0, react_i18next_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
     var onSelectIndication = (0, useIndicationSurvey_1.useIndicationSurvey)().onSelectIndication;
-    return (<react_native_1.TouchableOpacity style={[styles.container, theme.shadows.soft]} onPress={function () { return onSelectIndication(id.toString()); }}>
+    var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
+    return (<react_native_1.TouchableOpacity style={[styles.container, theme.shadows.soft, (_c = (_b = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _b === void 0 ? void 0 : _b.indicationSurveyButton) === null || _c === void 0 ? void 0 : _c.containerStyle]} onPress={function () { return onSelectIndication(id.toString()); }}>
       <react_native_svg_1.SvgUri uri={iconUrl} style={styles.icon} accessibilityLabel={t(textKey)} width={16} height={16}/>
-      <Text_1.Text>{t(textKey)}</Text_1.Text>
+      <Text_1.Text style={[(_e = (_d = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _d === void 0 ? void 0 : _d.indicationSurveyButton) === null || _e === void 0 ? void 0 : _e.textStyle]}>{t(textKey)}</Text_1.Text>
     </react_native_1.TouchableOpacity>);
 };
 exports.IndicationSurveyButton = IndicationSurveyButton;

package/dist/form-prescriptions/components/Questionnaire/QuestionnaireQuestion/OpenEnded.js

@@ -67,7 +67,7 @@ var OpenEnded = function () {
                 });
             }); }
         }}>
-      <Input_1.default multiline placeholder={t('general.prescriptionRequest.question.placeholder')} id="answer"/>
+      <Input_1.default multiline placeholder={t('general.prescriptionRequest.question.placeholder')} id="answer" style={{ height: 160 }}/>
     </FormWrapper_1.FormWrapper>);
 };
 exports.OpenEnded = OpenEnded;

package/dist/form-prescriptions/components/SearchableDropdown.d.ts

@@ -7,11 +7,11 @@ export type Item = {
 };
 interface SearchableDropDownProps {
     items?: Item[];
-    defaultIndex?: number;
     placeholder?: string;
     placeholderTextColor?: string;
     underlineColorAndroid?: string;
     loading?: boolean;
+    disabled?: boolean;
     onTextChange?: (_: string) => void;
     onItemSelect?: (_?: any) => void;
     onFocus?: () => void;

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

@@ -60,7 +60,7 @@ var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var react_native_1 = require("react-native");
 var SearchableDropDown = function (props) {
-    var _a = props.items, items = _a === void 0 ? [] : _a, defaultIndex = props.defaultIndex, _b = props.placeholder, placeholder = _b === void 0 ? 'Search...' : _b, placeholderTextColor = props.placeholderTextColor, _c = props.underlineColorAndroid, underlineColorAndroid = _c === void 0 ? 'transparent' : _c, onTextChange = props.onTextChange, onItemSelect = props.onItemSelect, onFocus = props.onFocus;
+    var _a = props.items, items = _a === void 0 ? [] : _a, _b = props.placeholder, placeholder = _b === void 0 ? 'Search...' : _b, placeholderTextColor = props.placeholderTextColor, _c = props.underlineColorAndroid, underlineColorAndroid = _c === void 0 ? 'transparent' : _c, disabled = props.disabled, onTextChange = props.onTextChange, onItemSelect = props.onItemSelect, onFocus = props.onFocus;
     var t = (0, react_i18next_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = (0, exports.getStyles)(theme);
@@ -105,7 +105,7 @@ var SearchableDropDown = function (props) {
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }, 500);
             onFocus === null || onFocus === void 0 ? void 0 : onFocus();
-        }}>
+        }} disabled={disabled}>
         <SearchGlassIcon_1.default />
         <react_native_1.Text style={[styles.input, { color: (item === null || item === void 0 ? void 0 : item.label) ? theme.palette.black : placeholderTextColor }]}>{(item === null || item === void 0 ? void 0 : item.label) || placeholder}</react_native_1.Text>
         <DropdownIcon_1.default />

package/dist/form-prescriptions/components/loaders/HomeLoader.d.ts

@@ -0,0 +1 @@
+export declare const HomeLoader: () => import("react").JSX.Element;