@abihealth/goapp-react-native 1.18.0 → 1.19.0

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;

package/dist/form-prescriptions/components/loaders/HomeLoader.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeLoader = void 0;
+var LoaderContext_1 = require("../../../common/contexts/LoaderContext");
+var useLoader_1 = require("../../../common/hooks/useLoader");
+var useTheme_1 = require("../../../common/hooks/useTheme");
+var react_native_1 = require("react-native");
+var AnimatedBody = function () {
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var AnimatedItem = (0, useLoader_1.useLoader)().AnimatedItem;
+    return (<>
+      <AnimatedItem customStyle={styles.item}/>
+      <AnimatedItem customStyle={styles.item}/>
+      <AnimatedItem customStyle={styles.item}/>
+      <AnimatedItem customStyle={styles.item}/>
+      <AnimatedItem customStyle={styles.item}/>
+    </>);
+};
+var HomeLoader = function () {
+    return (<LoaderContext_1.LoaderProvider>
+      <AnimatedBody />
+    </LoaderContext_1.LoaderProvider>);
+};
+exports.HomeLoader = HomeLoader;
+var getStyles = function (_a) {
+    var borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        item: {
+            width: '100%',
+            height: 72,
+            borderRadius: borderRadius.md
+        }
+    });
+};

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

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

package/dist/form-prescriptions/components/loaders/QuestionnaireLoader.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionnaireLoader = void 0;
+var LoaderContext_1 = require("../../../common/contexts/LoaderContext");
+var useLoader_1 = require("../../../common/hooks/useLoader");
+var useTheme_1 = require("../../../common/hooks/useTheme");
+var react_native_1 = require("react-native");
+var AnimatedBody = function () {
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var AnimatedItem = (0, useLoader_1.useLoader)().AnimatedItem;
+    return (<react_native_1.View>
+      <react_native_1.View style={styles.titleContainer}>
+        <AnimatedItem customStyle={styles.title}/>
+        <AnimatedItem customStyle={styles.step}/>
+      </react_native_1.View>
+      <AnimatedItem customStyle={styles.progress}/>
+      <AnimatedItem customStyle={styles.body}/>
+      <AnimatedItem customStyle={styles.option}/>
+      <AnimatedItem customStyle={styles.option}/>
+    </react_native_1.View>);
+};
+var QuestionnaireLoader = function () {
+    return (<LoaderContext_1.LoaderProvider>
+      <AnimatedBody />
+    </LoaderContext_1.LoaderProvider>);
+};
+exports.QuestionnaireLoader = QuestionnaireLoader;
+var getStyles = function (_a) {
+    var borderRadius = _a.borderRadius, spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        titleContainer: {
+            width: '100%',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            height: 26
+        },
+        title: {
+            width: '50%',
+            height: 26,
+            borderRadius: borderRadius.sm
+        },
+        step: {
+            width: 26,
+            height: 26,
+            borderRadius: borderRadius.sm
+        },
+        progress: {
+            marginTop: spacing.xxs,
+            marginBottom: spacing.md,
+            width: '100%',
+            height: 10,
+            borderRadius: borderRadius.sm
+        },
+        body: {
+            width: '100%',
+            height: 200,
+            borderRadius: borderRadius.sm
+        },
+        option: {
+            marginTop: spacing.sm,
+            width: '100%',
+            height: 53,
+            borderRadius: borderRadius.full
+        }
+    });
+};

package/dist/form-prescriptions/contexts/IndicationSurveyContext.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndicationSurveyProvider = exports.IndicationSurveyContext = void 0;
 var useTranslation_1 = require("../../common/hooks/useTranslation");
 var prescription_1 = require("../api/prescription");
-var indication_survey_1 = require("../mocks/indication-survey");
 var screens_1 = require("../types/screens");
 var react_1 = require("react");
 // eslint-disable-next-line react-refresh/only-export-components
@@ -26,7 +25,7 @@ var IndicationSurveyProvider = function (_a) {
     var _b = (0, react_1.useState)(screens_1.FORM_PRESCRIPTION_SCREENS.HOME), currentScreen = _b[0], setCurrentScreen = _b[1];
     var _c = (0, react_1.useState)([]), indicationCategories = _c[0], setIndicationCategories = _c[1];
     var _d = (0, react_1.useState)(1), questionnaireStep = _d[0], setQuestionnaireStep = _d[1];
-    var _e = (0, react_1.useState)(indication_survey_1.INDICATION_SURVEY_MOCK), indicationSurvey = _e[0], setIndicationSurvey = _e[1]; // TODO: remove mock when merged with HOME screen
+    var _e = (0, react_1.useState)(null), indicationSurvey = _e[0], setIndicationSurvey = _e[1];
     var _f = (0, react_1.useState)(null), indicationSurveyAnswers = _f[0], setIndicationSurveyAnswers = _f[1];
     (0, react_1.useEffect)(function () {
         (0, prescription_1.getIndicationSurveyList)().then(function (response) {
@@ -54,7 +53,7 @@ var IndicationSurveyProvider = function (_a) {
         setCurrentScreen: setCurrentScreen,
         indicationSurveyAnswers: indicationSurveyAnswers,
         setIndicationSurveyAnswers: setIndicationSurveyAnswers,
-        currentQuestion: indicationSurvey.indications[questionnaireStep - 1]
+        currentQuestion: (indicationSurvey === null || indicationSurvey === void 0 ? void 0 : indicationSurvey.indications[questionnaireStep - 1]) || null
     };
     return <exports.IndicationSurveyContext.Provider value={value}>{children}</exports.IndicationSurveyContext.Provider>;
 };

package/dist/form-prescriptions/hooks/useIndicationSurvey.js

@@ -9,7 +9,7 @@ var useIndicationSurveyAnswers_1 = require("./useIndicationSurveyAnswers");
 var useScreens_1 = require("./useScreens");
 var useIndicationSurvey = function () {
     var _a = (0, react_1.useContext)(IndicationSurveyContext_1.IndicationSurveyContext), indicationCategories = _a.indicationCategories, setIndicationCategories = _a.setIndicationCategories, questionnaireStep = _a.questionnaireStep, setQuestionnaireStep = _a.setQuestionnaireStep, indicationSurvey = _a.indicationSurvey, setIndicationSurvey = _a.setIndicationSurvey, setCurrentScreen = _a.setCurrentScreen, currentQuestion = _a.currentQuestion;
-    var _b = (0, useScreens_1.useScreens)(), previousScreen = _b.previousScreen, nextScreen = _b.nextScreen;
+    var nextScreen = (0, useScreens_1.useScreens)().nextScreen;
     var removeLastAnswer = (0, useIndicationSurveyAnswers_1.useIndicationSurveyAnswers)().removeLastAnswer;
     var resetIndicationSurvey = function () {
         setCurrentScreen(screens_1.FORM_PRESCRIPTION_SCREENS.HOME);
@@ -17,21 +17,25 @@ var useIndicationSurvey = function () {
         setIndicationSurvey(null);
     };
     var nextStep = function () {
-        if (questionnaireStep === indicationSurvey.indications.length)
+        var _a;
+        if (questionnaireStep === ((_a = indicationSurvey === null || indicationSurvey === void 0 ? void 0 : indicationSurvey.indications) === null || _a === void 0 ? void 0 : _a.length))
             return nextScreen();
         setQuestionnaireStep(function (prev) { return prev + 1; });
     };
     var previousStep = function () {
-        if (questionnaireStep === 1)
-            return previousScreen();
+        if (questionnaireStep === 1) {
+            resetIndicationSurvey();
+        }
+        else {
+            setQuestionnaireStep(function (prev) { return prev - 1; });
+        }
         removeLastAnswer();
-        setQuestionnaireStep(function (prev) { return prev - 1; });
     };
     var onSelectIndication = function (indicationId) {
         (0, prescription_1.getIndicationSurvey)(indicationId).then(function (response) {
             setIndicationSurvey(response);
-            setCurrentScreen(screens_1.FORM_PRESCRIPTION_SCREENS.QUESTIONNAIRE);
         });
+        setCurrentScreen(screens_1.FORM_PRESCRIPTION_SCREENS.QUESTIONNAIRE);
     };
     return {
         indicationCategories: indicationCategories,

package/dist/form-prescriptions/hooks/useIndicationSurveyAnswers.js

@@ -30,7 +30,12 @@ var useIndicationSurveyAnswers = function () {
     var resetIndicationSurveyAnswers = function () { return setIndicationSurveyAnswers(null); };
     var addAnswer = function (indicationAnswer) {
         setIndicationSurveyAnswers(function (prev) { return (__assign(__assign({}, prev), { indications: __spreadArray(__spreadArray([], prev.indications, true), [
-                { id: currentQuestion.id, question: t(currentQuestion.questionKey), questionKey: currentQuestion.questionKey, answers: [indicationAnswer] }
+                {
+                    id: currentQuestion.id,
+                    question: t("".concat(currentQuestion.questionKey, ".title")),
+                    questionKey: currentQuestion.questionKey,
+                    answers: [indicationAnswer]
+                }
             ], false) })); });
     };
     var removeLastAnswer = function () {

package/dist/form-prescriptions/hooks/useScreens.js

@@ -7,7 +7,8 @@ var react_1 = require("react");
 var SCREENS_ORDER = [
     screens_1.FORM_PRESCRIPTION_SCREENS.HOME,
     screens_1.FORM_PRESCRIPTION_SCREENS.QUESTIONNAIRE,
-    screens_1.FORM_PRESCRIPTION_SCREENS.FORM
+    screens_1.FORM_PRESCRIPTION_SCREENS.FORM,
+    screens_1.FORM_PRESCRIPTION_SCREENS.REASON
 ];
 var useScreens = function () {
     var _a = (0, react_1.useContext)(IndicationSurveyContext_1.IndicationSurveyContext), currentScreen = _a.currentScreen, setCurrentScreen = _a.setCurrentScreen;

package/dist/form-prescriptions/screens/HomeScreen.js

@@ -1,4 +1,37 @@
 "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;
+    };
+})();
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -15,27 +48,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HomeScreen = void 0;
 var Header_1 = require("../../common/components/Header");
 var ScreenWrapper_1 = require("../../common/components/ScreenWrapper");
+var useCustomComponents_1 = require("../../common/hooks/useCustomComponents");
 var useTheme_1 = require("../../common/hooks/useTheme");
 var useTranslation_1 = require("../../common/hooks/useTranslation");
 var IndicationCategory_1 = __importDefault(require("../components/IndicationCategory"));
+var HomeLoader_1 = require("../components/loaders/HomeLoader");
 var SearchableDropdown_1 = require("../components/SearchableDropdown");
 var useIndicationSurvey_1 = require("../hooks/useIndicationSurvey");
 var FormPrescriptionIcon_1 = require("../icons/FormPrescriptionIcon");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var HomeScreen = function () {
     var t = (0, useTranslation_1.useTranslation)().t;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
     var indicationCategories = (0, useIndicationSurvey_1.useIndicationSurvey)().indicationCategories;
-    var searchableItems = indicationCategories.reduce(function (acc, indicationCategory) { return __spreadArray(__spreadArray([], acc, true), indicationCategory.indications.map(function (indication) { return ({
-        label: indication.textKey,
-        value: indication.id,
-        category: indicationCategory.textKey
-    }); }), true); }, []);
+    var screens = (0, useCustomComponents_1.useCustomComponents)().screens;
+    var _a = (0, react_1.useState)([]), searchableItems = _a[0], setSearchableItems = _a[1];
+    (0, react_1.useEffect)(function () {
+        setSearchableItems(indicationCategories.reduce(function (acc, indicationCategory) { return __spreadArray(__spreadArray([], acc, true), indicationCategory.indications.map(function (indication) { return ({
+            label: t(indication.textKey),
+            value: indication.id,
+            category: t(indicationCategory.textKey)
+        }); }), true); }, []));
+    }, [indicationCategories]);
     return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.prescriptionRequest.title')} leftIcon={<FormPrescriptionIcon_1.FormPrescriptionIcon />}/>} containerStyle={styles.container}>
-      <SearchableDropdown_1.SearchableDropDown items={searchableItems} placeholder={t('prescription.categories.searchbar')}/>
-      {indicationCategories.map(function (indicationCategory) { return (<IndicationCategory_1.default key={indicationCategory.id} {...indicationCategory}/>); })}
+      <SearchableDropdown_1.SearchableDropDown items={searchableItems} placeholder={t('prescription.categories.searchbar')} disabled={!!indicationCategories.length}/>
+      {indicationCategories.length ? (indicationCategories.map(function (indicationCategory) {
+            var _a, _b;
+            return ((_b = (_a = screens === null || screens === void 0 ? void 0 : screens.PrescriptionHomeScreen) === null || _a === void 0 ? void 0 : _a.indicationCategoryAccordion) === null || _b === void 0 ? void 0 : _b.customComponent) ? (<screens.PrescriptionHomeScreen.indicationCategoryAccordion.customComponent key={indicationCategory.id} {...indicationCategory}/>) : (<IndicationCategory_1.default key={indicationCategory.id} {...indicationCategory}/>);
+        })) : (<HomeLoader_1.HomeLoader />)}
     </ScreenWrapper_1.ScreenWrapper>);
 };
 exports.HomeScreen = HomeScreen;

package/dist/form-prescriptions/screens/QuestionnaireScreen.js

@@ -12,6 +12,7 @@ var useTranslation_1 = require("../../common/hooks/useTranslation");
 var BackArrowIcon_1 = require("../../common/icons/BackArrowIcon");
 var CloseIcon_1 = require("../../common/icons/CloseIcon");
 var i18n_1 = __importDefault(require("../../common/locale/i18n"));
+var QuestionnaireLoader_1 = require("../components/loaders/QuestionnaireLoader");
 var QuestionnaireHeader_1 = require("../components/Questionnaire/QuestionnaireHeader");
 var QuestionnaireQuestion_1 = require("../components/Questionnaire/QuestionnaireQuestion");
 var useIndicationSurvey_1 = require("../hooks/useIndicationSurvey");
@@ -19,7 +20,7 @@ var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var QuestionnaireScreen = function () {
     var t = (0, useTranslation_1.useTranslation)().t;
-    var _a = (0, useIndicationSurvey_1.useIndicationSurvey)(), currentQuestion = _a.currentQuestion, previousStep = _a.previousStep, resetIndicationSurvey = _a.resetIndicationSurvey;
+    var _a = (0, useIndicationSurvey_1.useIndicationSurvey)(), currentQuestion = _a.currentQuestion, previousStep = _a.previousStep, resetIndicationSurvey = _a.resetIndicationSurvey, indicationSurvey = _a.indicationSurvey;
     var theme = (0, useTheme_1.useTheme)();
     var styles = getStyles(theme);
     var titleKey = "".concat(currentQuestion === null || currentQuestion === void 0 ? void 0 : currentQuestion.questionKey, ".title");
@@ -29,15 +30,16 @@ var QuestionnaireScreen = function () {
             </react_native_1.TouchableOpacity>} rightIcon={<react_native_1.TouchableOpacity activeOpacity={0.6} onPress={resetIndicationSurvey}>
               <CloseIcon_1.CloseIcon />
             </react_native_1.TouchableOpacity>}/>} containerStyle={styles.container}>
-      <QuestionnaireHeader_1.QuestionnaireHeader />
-
-      <react_native_1.ScrollView style={styles.container}>
-        <react_native_1.View style={styles.container}>
-          <Text_1.Text style={styles.questionText}>{t(titleKey)}</Text_1.Text>
-          {i18n_1.default.exists(descriptionKey) && <Text_1.Text style={styles.questionText}>{t(descriptionKey)}</Text_1.Text>}
-          <QuestionnaireQuestion_1.QuestionnaireQuestion />
-        </react_native_1.View>
-      </react_native_1.ScrollView>
+      {indicationSurvey ? (<>
+          <QuestionnaireHeader_1.QuestionnaireHeader />
+          <react_native_1.ScrollView style={styles.container}>
+            <react_native_1.View style={styles.container}>
+              <Text_1.Text style={styles.questionText}>{t(titleKey)}</Text_1.Text>
+              {i18n_1.default.exists(descriptionKey) && <Text_1.Text style={styles.questionText}>{t(descriptionKey)}</Text_1.Text>}
+              <QuestionnaireQuestion_1.QuestionnaireQuestion />
+            </react_native_1.View>
+          </react_native_1.ScrollView>
+        </>) : (<QuestionnaireLoader_1.QuestionnaireLoader />)}
     </ScreenWrapper_1.ScreenWrapper>);
 };
 exports.QuestionnaireScreen = QuestionnaireScreen;

package/dist/form-prescriptions/screens/ReasonScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReasonScreen: () => React.JSX.Element;

package/dist/form-prescriptions/screens/ReasonScreen.js

@@ -0,0 +1,161 @@
+"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;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReasonScreen = void 0;
+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 useConsultation_1 = require("../../common/hooks/useConsultation");
+var useTheme_1 = require("../../common/hooks/useTheme");
+var useTranslation_1 = require("../../common/hooks/useTranslation");
+var useUser_1 = require("../../common/hooks/useUser");
+var BackArrowIcon_1 = require("../../common/icons/BackArrowIcon");
+var CloseIcon_1 = require("../../common/icons/CloseIcon");
+var prescription_1 = require("../api/prescription");
+var useIndicationSurvey_1 = require("../hooks/useIndicationSurvey");
+var useIndicationSurveyAnswers_1 = require("../hooks/useIndicationSurveyAnswers");
+var useScreens_1 = require("../hooks/useScreens");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var zod_1 = require("zod");
+var schema = zod_1.z.object({
+    reason: zod_1.z.string().min(50)
+});
+var ReasonScreen = function () {
+    var t = (0, useTranslation_1.useTranslation)().t;
+    var resetIndicationSurvey = (0, useIndicationSurvey_1.useIndicationSurvey)().resetIndicationSurvey;
+    var previousScreen = (0, useScreens_1.useScreens)().previousScreen;
+    var indicationSurveyAnswers = (0, useIndicationSurveyAnswers_1.useIndicationSurveyAnswers)().indicationSurveyAnswers;
+    var user = (0, useUser_1.useUser)().user;
+    var updateConsultation = (0, useConsultation_1.useConsultation)().updateConsultation;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var handleSubmit = function (data) { return __awaiter(void 0, void 0, void 0, function () {
+        var payload;
+        return __generator(this, function (_a) {
+            setLoading(true);
+            payload = {
+                userId: user === null || user === void 0 ? void 0 : user.partnerUserId,
+                indicationSurvey: indicationSurveyAnswers,
+                question: data.reason
+            };
+            (0, prescription_1.createPrescription)(payload)
+                .then(function (consultation) {
+                resetIndicationSurvey();
+                updateConsultation(consultation);
+            })
+                .catch(function (error) {
+                console.error('Failed to create prescription', error);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    return (<ScreenWrapper_1.ScreenWrapper scrollEnabled={false} header={<Header_1.Header title={t('general.consultation.prescription.title')} leftIcon={<react_native_1.TouchableOpacity onPress={previousScreen}>
+              <BackArrowIcon_1.BackArrowIcon />
+            </react_native_1.TouchableOpacity>} rightIcon={<react_native_1.TouchableOpacity activeOpacity={0.6} onPress={resetIndicationSurvey}>
+              <CloseIcon_1.CloseIcon />
+            </react_native_1.TouchableOpacity>}/>} containerStyle={styles.container}>
+      <Text_1.Text style={styles.text}>{t('general.prescriptionRequest.question.title')}</Text_1.Text>
+      <Text_1.Text style={styles.text}>{t('general.prescriptionRequest.question.hint')}</Text_1.Text>
+      <FormWrapper_1.FormWrapper schema={schema} submitButton={<Button_1.Button submit loading={loading}>
+            {t('button.submit_request')}
+          </Button_1.Button>} onSubmit={{
+            onSuccess: handleSubmit
+        }}>
+        <Input_1.default id="reason" multiline placeholder={t('general.prescriptionRequest.question.placeholder')} style={{
+            height: 160
+        }} minLength={50}/>
+      </FormWrapper_1.FormWrapper>
+    </ScreenWrapper_1.ScreenWrapper>);
+};
+exports.ReasonScreen = ReasonScreen;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.sm,
+            width: '100%'
+        },
+        text: {
+            width: '100%'
+        }
+    });
+};

package/dist/form-prescriptions/types/screens.d.ts

@@ -1,5 +1,6 @@
 export declare enum FORM_PRESCRIPTION_SCREENS {
-    HOME = 0,
-    QUESTIONNAIRE = 1,
-    FORM = 2
+    HOME = "HOME",
+    QUESTIONNAIRE = "QUESTIONNAIRE",
+    FORM = "FORM",
+    REASON = "REASON"
 }

package/dist/form-prescriptions/types/screens.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FORM_PRESCRIPTION_SCREENS = void 0;
 var FORM_PRESCRIPTION_SCREENS;
 (function (FORM_PRESCRIPTION_SCREENS) {
-    FORM_PRESCRIPTION_SCREENS[FORM_PRESCRIPTION_SCREENS["HOME"] = 0] = "HOME";
-    FORM_PRESCRIPTION_SCREENS[FORM_PRESCRIPTION_SCREENS["QUESTIONNAIRE"] = 1] = "QUESTIONNAIRE";
-    FORM_PRESCRIPTION_SCREENS[FORM_PRESCRIPTION_SCREENS["FORM"] = 2] = "FORM";
+    FORM_PRESCRIPTION_SCREENS["HOME"] = "HOME";
+    FORM_PRESCRIPTION_SCREENS["QUESTIONNAIRE"] = "QUESTIONNAIRE";
+    FORM_PRESCRIPTION_SCREENS["FORM"] = "FORM";
+    FORM_PRESCRIPTION_SCREENS["REASON"] = "REASON";
 })(FORM_PRESCRIPTION_SCREENS || (exports.FORM_PRESCRIPTION_SCREENS = FORM_PRESCRIPTION_SCREENS = {}));

package/dist/video-consultations/api/video.d.ts

@@ -1,6 +1,7 @@
-import { ConsultationResponse } from '../../common/api/models/consultation';
+import { ConsultationResponse, CreateConsultationRequest } from '../../common/api/models/consultation';
 import { Consultation } from '../../common/types/consultation';
 import { HKDeliveryAddress } from '../../common/types/deliveryAddress';
 import { HangOutRequest } from './models/video';
 export declare const hangOutVideocall: (body: HangOutRequest) => Promise<ConsultationResponse>;
 export declare const updateDeliveryAddress: (consultationId: string, address: HKDeliveryAddress) => Promise<Consultation>;
+export declare const createVideoConsultation: (_: CreateConsultationRequest) => Promise<ConsultationResponse>;

package/dist/video-consultations/api/video.js

@@ -3,15 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDeliveryAddress = exports.hangOutVideocall = void 0;
+exports.createVideoConsultation = exports.updateDeliveryAddress = exports.hangOutVideocall = void 0;
 var axios_1 = __importDefault(require("axios"));
-var HANGOUT_URL = "/video-consultation/hangout";
-var DELIVERY_ADDRESS_URL = function (consultationId) { return "/video-consultation/".concat(consultationId, "/update-delivery-address"); };
+var VIDEO_CONSULTATION_URL = '/video-consultation';
+var HANGOUT_URL = '/hangout';
+var DELIVERY_ADDRESS_URL = '/update-delivery-address';
 var hangOutVideocall = function (body) {
-    return axios_1.default.patch(HANGOUT_URL, body).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
+    return axios_1.default.patch("".concat(VIDEO_CONSULTATION_URL).concat(HANGOUT_URL), body).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
 };
 exports.hangOutVideocall = hangOutVideocall;
 var updateDeliveryAddress = function (consultationId, address) {
-    return axios_1.default.post(DELIVERY_ADDRESS_URL(consultationId), { address: address }).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
+    return axios_1.default.post("".concat(VIDEO_CONSULTATION_URL, "/").concat(consultationId).concat(DELIVERY_ADDRESS_URL), { address: address }).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
 };
 exports.updateDeliveryAddress = updateDeliveryAddress;
+var createVideoConsultation = function (body) {
+    return axios_1.default.post(VIDEO_CONSULTATION_URL, body).then(function (response) { return response === null || response === void 0 ? void 0 : response.data; });
+};
+exports.createVideoConsultation = createVideoConsultation;