@abihealth/goapp-react-native 1.17.0 → 1.18.1

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

@@ -0,0 +1,212 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = exports.SearchableDropDown = void 0;
+var SearchGlassIcon_1 = __importDefault(require("../../common/assets/SearchGlassIcon"));
+var Modal_1 = require("../../common/components/Modal");
+var ModalHeader_1 = require("../../common/components/Modal/ModalHeader");
+var useTheme_1 = require("../../common/hooks/useTheme");
+var CloseIcon_1 = require("../../common/icons/CloseIcon");
+var DropdownIcon_1 = __importDefault(require("../../common/icons/DropdownIcon"));
+var platform_1 = require("../../common/utils/platform");
+var useIndicationSurvey_1 = require("../hooks/useIndicationSurvey");
+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 t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = (0, exports.getStyles)(theme);
+    var onSelectIndication = (0, useIndicationSurvey_1.useIndicationSurvey)().onSelectIndication;
+    var inputRef = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(), item = _d[0], setItem = _d[1];
+    var _e = (0, react_1.useState)(items), listItems = _e[0], setListItems = _e[1];
+    var _f = (0, react_1.useState)(false), focus = _f[0], setFocus = _f[1];
+    var _g = (0, react_1.useState)(''), searchTerm = _g[0], setSearchTerm = _g[1];
+    (0, react_1.useEffect)(function () {
+        setListItems(items === null || items === void 0 ? void 0 : items.filter(function (item) { var _a; return (_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.toLowerCase()); }));
+        onTextChange === null || onTextChange === void 0 ? void 0 : onTextChange(searchTerm);
+    }, [searchTerm, items]);
+    var searchItems = function (searchText) {
+        setSearchTerm(searchText);
+    };
+    (0, react_1.useEffect)(function () {
+        setListItems(items);
+    }, [items]);
+    (0, react_1.useEffect)(function () {
+        onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item === null || item === void 0 ? void 0 : item.value);
+    }, [item]);
+    var renderItem = function (_a) {
+        var item = _a.item;
+        return (<react_native_1.TouchableOpacity style={styles.itemContainer} onPress={function () {
+                setFocus(false);
+                setItem(item);
+                if (inputRef.current)
+                    inputRef.current.clear();
+                react_native_1.Keyboard.dismiss();
+                onSelectIndication(item.value);
+            }}>
+      <react_native_1.Text style={styles.itemText}>{item.label}</react_native_1.Text>
+      <react_native_1.Text style={styles.itemCategory}>{item.category}</react_native_1.Text>
+    </react_native_1.TouchableOpacity>);
+    };
+    return (<>
+      <react_native_1.TouchableOpacity style={styles.wrapperContainer} onPress={function () {
+            setFocus(true);
+            setTimeout(function () {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 500);
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+        }}>
+        <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 />
+      </react_native_1.TouchableOpacity>
+
+      <Modal_1.Modal visible={focus} onRequestClose={function () {
+            if (inputRef.current)
+                inputRef.current.clear();
+            setFocus(false);
+        }} modalStyle={styles.modal}>
+        <ModalHeader_1.ModalHeader title={t('prescription.categories.searchbar')} onCancel={function () { return setFocus(false); }}/>
+        <react_native_1.View style={styles.modalContent}>
+          <react_native_1.View style={styles.wrapperContainer}>
+            <SearchGlassIcon_1.default />
+            <react_native_1.TextInput underlineColorAndroid={underlineColorAndroid} maxLength={80} ref={inputRef} onFocus={function () { return setFocus(true); }} onChangeText={searchItems} style={styles.input} placeholderTextColor={placeholderTextColor} placeholder={placeholder}/>
+            <react_native_1.TouchableOpacity onPress={function () {
+            var _a;
+            setSearchTerm('');
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
+        }}>
+              <CloseIcon_1.CloseIcon color={theme.palette.black} width={12} height={12}/>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+
+          {(listItems === null || listItems === void 0 ? void 0 : listItems.length) > 0 ? (<react_native_1.FlatList keyboardShouldPersistTaps="always" showsVerticalScrollIndicator={true} data={listItems} keyExtractor={function (item) { return item.value; }} renderItem={renderItem} style={[styles.listContainer, platform_1.isWeb && { maxHeight: 360 }]} persistentScrollbar scrollEnabled={true}/>) : (<react_native_1.View style={styles.notFoundContainer}>
+              <react_native_1.Text style={[styles.itemText, styles.center]}>{t('prescription.categories.no_results.title')}</react_native_1.Text>
+              <react_native_1.Text style={[styles.itemCategory, styles.center]}>{t('prescription.categories.no_results.description')}</react_native_1.Text>
+            </react_native_1.View>)}
+        </react_native_1.View>
+      </Modal_1.Modal>
+    </>);
+};
+exports.SearchableDropDown = SearchableDropDown;
+var getStyles = function (_a) {
+    var palette = _a.palette, spacing = _a.spacing, font = _a.font, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        listContainer: {
+            backgroundColor: palette.white,
+            width: '100%',
+            paddingHorizontal: spacing.sm,
+            borderRadius: borderRadius.md,
+            flex: 1,
+            minHeight: 75
+        },
+        itemContainer: {
+            width: '100%',
+            justifyContent: 'center',
+            alignSelf: 'center',
+            borderBottomWidth: 1,
+            borderBottomColor: palette.grey.light,
+            paddingVertical: spacing.md,
+            gap: spacing.xxs
+        },
+        notFoundContainer: {
+            backgroundColor: palette.white,
+            borderRadius: borderRadius.md,
+            padding: spacing.md
+        },
+        itemText: {
+            color: palette.black,
+            fontSize: font.base.size,
+            fontWeight: 'bold'
+        },
+        itemCategory: {
+            color: palette.grey.dark,
+            fontSize: font.sm.size,
+            paddingLeft: spacing.sm
+        },
+        modal: {
+            height: '80%',
+            backgroundColor: palette.grey.light
+        },
+        modalContent: {
+            padding: spacing.sm,
+            gap: spacing.sm,
+            flex: 1
+        },
+        wrapperContainer: {
+            backgroundColor: palette.white,
+            flexDirection: 'row',
+            alignItems: 'center',
+            height: 54,
+            width: '100%',
+            borderColor: palette.grey.base,
+            borderWidth: 1,
+            borderRadius: borderRadius.md,
+            padding: spacing.sm,
+            marginBottom: spacing.sm,
+            flex: 1,
+            minHeight: 54,
+            maxHeight: 54,
+            justifyContent: 'space-between'
+        },
+        input: __assign({ flex: 1, borderWidth: 0, paddingHorizontal: spacing.sm, fontSize: font.base.size, color: palette.black }, react_native_1.Platform.select({
+            web: {
+                outlineWidth: 0
+            }
+        })),
+        center: {
+            textAlign: 'center'
+        }
+    });
+};
+exports.getStyles = getStyles;

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

@@ -2,6 +2,7 @@
 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");
@@ -27,6 +28,11 @@ var IndicationSurveyProvider = function (_a) {
     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 _f = (0, react_1.useState)(null), indicationSurveyAnswers = _f[0], setIndicationSurveyAnswers = _f[1];
+    (0, react_1.useEffect)(function () {
+        (0, prescription_1.getIndicationSurveyList)().then(function (response) {
+            setIndicationCategories(response);
+        });
+    }, []);
     (0, react_1.useEffect)(function () {
         if (!indicationSurvey)
             return setIndicationSurveyAnswers(null);

package/dist/form-prescriptions/hooks/useIndicationSurvey.d.ts

@@ -1,6 +1,6 @@
 export declare const useIndicationSurvey: () => {
-    indicationCategories: import("../..").IndicationCategory[];
-    setIndicationCategories: import("react").Dispatch<import("react").SetStateAction<import("../..").IndicationCategory[]>>;
+    indicationCategories: import("../..").IndicationCategoryType[];
+    setIndicationCategories: import("react").Dispatch<import("react").SetStateAction<import("../..").IndicationCategoryType[]>>;
     questionnaireStep: number;
     nextStep: () => void;
     previousStep: () => void;
@@ -8,4 +8,5 @@ export declare const useIndicationSurvey: () => {
     setIndicationSurvey: import("react").Dispatch<import("react").SetStateAction<import("../types/indications").IndicationSurveyQuestions>>;
     currentQuestion: import("../types/indications").IndicationQuestion;
     resetIndicationSurvey: () => void;
+    onSelectIndication: (indicationId: string) => void;
 };

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIndicationSurvey = void 0;
+var prescription_1 = require("../api/prescription");
 var IndicationSurveyContext_1 = require("../contexts/IndicationSurveyContext");
 var screens_1 = require("../types/screens");
 var react_1 = require("react");
@@ -26,6 +27,12 @@ var useIndicationSurvey = function () {
         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);
+        });
+    };
     return {
         indicationCategories: indicationCategories,
         setIndicationCategories: setIndicationCategories,
@@ -35,7 +42,8 @@ var useIndicationSurvey = function () {
         indicationSurvey: indicationSurvey,
         setIndicationSurvey: setIndicationSurvey,
         currentQuestion: currentQuestion,
-        resetIndicationSurvey: resetIndicationSurvey
+        resetIndicationSurvey: resetIndicationSurvey,
+        onSelectIndication: onSelectIndication
     };
 };
 exports.useIndicationSurvey = useIndicationSurvey;

package/dist/form-prescriptions/mocks/indication-survey.d.ts

@@ -10,8 +10,8 @@ export declare const INDICATION_SURVEY_MOCK: {
         order: number;
         answers: {
             id: number;
-            titleKey: any;
-            text: string;
+            key: any;
+            value: string;
             indicationSurveyQuestionId: number;
             isExitLogic: boolean;
             order: number;

package/dist/form-prescriptions/mocks/indication-survey.js

@@ -15,16 +15,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 107,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 98,
                     isExitLogic: false,
                     order: 1
                 },
                 {
                     id: 127,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 98,
                     isExitLogic: true,
                     order: 2
@@ -40,16 +40,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 147,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 117,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 164,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 117,
                     isExitLogic: false,
                     order: 2
@@ -65,16 +65,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 185,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 138,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 196,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 138,
                     isExitLogic: false,
                     order: 2
@@ -90,16 +90,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 218,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 170,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 235,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 170,
                     isExitLogic: false,
                     order: 2
@@ -115,16 +115,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 252,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 189,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 272,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 189,
                     isExitLogic: false,
                     order: 2
@@ -140,16 +140,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 288,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 210,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 302,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 210,
                     isExitLogic: false,
                     order: 2
@@ -165,16 +165,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 323,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 229,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 331,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 229,
                     isExitLogic: false,
                     order: 2
@@ -190,16 +190,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 355,
-                    titleKey: null,
-                    text: 'choice.yes',
+                    key: null,
+                    value: 'choice.yes',
                     indicationSurveyQuestionId: 250,
                     isExitLogic: true,
                     order: 1
                 },
                 {
                     id: 361,
-                    titleKey: null,
-                    text: 'choice.no',
+                    key: null,
+                    value: 'choice.no',
                     indicationSurveyQuestionId: 250,
                     isExitLogic: false,
                     order: 2
@@ -223,16 +223,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 600,
-                    titleKey: null,
-                    text: 'choice.understand_agree',
+                    key: null,
+                    value: 'choice.understand_agree',
                     indicationSurveyQuestionId: 459,
                     isExitLogic: false,
                     order: 1
                 },
                 {
                     id: 601,
-                    titleKey: null,
-                    text: 'choice.not_understand_not_agree',
+                    key: null,
+                    value: 'choice.not_understand_not_agree',
                     indicationSurveyQuestionId: 459,
                     isExitLogic: true,
                     order: 2
@@ -248,16 +248,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 608,
-                    titleKey: null,
-                    text: 'choice.understand_agree',
+                    key: null,
+                    value: 'choice.understand_agree',
                     indicationSurveyQuestionId: 470,
                     isExitLogic: false,
                     order: 1
                 },
                 {
                     id: 609,
-                    titleKey: null,
-                    text: 'choice.not_understand_not_agree',
+                    key: null,
+                    value: 'choice.not_understand_not_agree',
                     indicationSurveyQuestionId: 470,
                     isExitLogic: true,
                     order: 2
@@ -273,16 +273,16 @@ exports.INDICATION_SURVEY_MOCK = {
             answers: [
                 {
                     id: 611,
-                    titleKey: null,
-                    text: 'choice.understand_agree',
+                    key: null,
+                    value: 'choice.understand_agree',
                     indicationSurveyQuestionId: 475,
                     isExitLogic: false,
                     order: 1
                 },
                 {
                     id: 613,
-                    titleKey: null,
-                    text: 'choice.not_understand_not_agree',
+                    key: null,
+                    value: 'choice.not_understand_not_agree',
                     indicationSurveyQuestionId: 475,
                     isExitLogic: true,
                     order: 2

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

@@ -1,14 +1,12 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
         }
-    return t;
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -19,7 +17,9 @@ var Header_1 = require("../../common/components/Header");
 var ScreenWrapper_1 = require("../../common/components/ScreenWrapper");
 var useTheme_1 = require("../../common/hooks/useTheme");
 var useTranslation_1 = require("../../common/hooks/useTranslation");
-var IndicationSurveyButton_1 = __importDefault(require("../components/IndicationSurveyButton"));
+var IndicationCategory_1 = __importDefault(require("../components/IndicationCategory"));
+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_native_1 = require("react-native");
@@ -27,30 +27,15 @@ 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); }, []);
     return (<ScreenWrapper_1.ScreenWrapper header={<Header_1.Header title={t('general.consultation.prescriptionRequest.title')} leftIcon={<FormPrescriptionIcon_1.FormPrescriptionIcon />}/>} containerStyle={styles.container}>
-      {[
-            {
-                id: 13,
-                textKey: 'indication.title.314316147',
-                iconUrl: 'https://assets.abi.ai/indication-surveys/acid-reflux-icon.svg',
-                order: 1
-            },
-            {
-                id: 14,
-                textKey: 'indication.title.314316009',
-                iconUrl: 'https://assets.abi.ai/indication-surveys/acid-reflux-icon.svg',
-                order: 2
-            },
-            {
-                id: 15,
-                textKey: 'indication.title.314315777',
-                iconUrl: 'https://assets.abi.ai/indication-surveys/acid-reflux-icon.svg',
-                order: 3
-            }
-        ].map(function (_a) {
-            var id = _a.id, indicationSurvey = __rest(_a, ["id"]);
-            return (<IndicationSurveyButton_1.default key={id} id={id} {...indicationSurvey}/>);
-        })}
+      <SearchableDropdown_1.SearchableDropDown items={searchableItems} placeholder={t('prescription.categories.searchbar')}/>
+      {indicationCategories.map(function (indicationCategory) { return (<IndicationCategory_1.default key={indicationCategory.id} {...indicationCategory}/>); })}
     </ScreenWrapper_1.ScreenWrapper>);
 };
 exports.HomeScreen = HomeScreen;

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

@@ -1,7 +1,7 @@
 export interface IndicationQuestionAnswerOption {
     id: number;
-    titleKey: null;
-    text: string;
+    key: string | null;
+    value: string;
     indicationSurveyQuestionId: number;
     isExitLogic: boolean;
     order: number;

package/dist/index.d.ts

@@ -52,9 +52,11 @@ import { Theme } from './common/types/theme';
 import { isAndroid, isIOS } from './common/utils/platform';
 import { getProfessionalLabel } from './common/utils/professional';
 import { requiredCheckbox, requiredString, validPhone } from './common/utils/zod';
-import { IndicationCategory } from './form-prescriptions/api/models/prescription';
+import { IndicationCategory as IndicationCategoryType } from './form-prescriptions/api/models/prescription';
 import { FormPrescription } from './form-prescriptions/components/FormPrescription';
-import { HomeScreen } from './form-prescriptions/screens/HomeScreen';
+import { IndicationCategory } from './form-prescriptions/components/IndicationCategory';
+import { SearchableDropDown } from './form-prescriptions/components/SearchableDropdown';
+import { HomeScreen as PrescriptionHomeScreen } from './form-prescriptions/screens/HomeScreen';
 import { CallingAnimation } from './video-consultations/animations/CallingAnimation';
 import AgoraWrapper from './video-consultations/components/AgoraWrapper';
 import { EndVideoCallModal } from './video-consultations/components/Modal/EndVideoCallModal';
@@ -66,4 +68,4 @@ import { JoinVideoCallScreen } from './video-consultations/screens/JoinVideoCall
 import { ProcessingPrescriptionScreen } from './video-consultations/screens/ProcessingPrescriptionScreen';
 import VideoCallScreen from './video-consultations/screens/VideoCallScreen';
 export { AbiLogoIcon, AgoraWrapper, Animation, AnswerScreen, AttachmentPreviewModal, authorization, BackArrowIcon, BackgroundPattern, Button, CallingAnimation, CancelConsultationButton, CancelModal, Card, CASE_TYPE, Checkbox, CloseConsultationModal, CloseIcon, Consultation, CONSULTATION_STATUS, // TODO check this after last refactor
-ConsultationProvider, DateInput, DeliveryAddressScreen, DoctorIcon, DoctorProfileCard, DoctorProfileModal, EndingVideoScreen, EndVideoCallModal, FadeIn, FindingAnimation, FormPrescription, FormWrapper, getProfessionalLabel, Header, HKDeliveryAddressSchema, HomeScreen, HorizontalLoadingAnimation, IndicationCategory, InfoIcon, Input, isAndroid, isIOS, JoinVideoCallScreen, License, LoadingCircleAnimation, LoadingDotsAnimation, MatchingScreen, MatchScreen, Modal, NoConsultationFoundScreen, PhoneInput, PlaneIcon, PreparingSummaryScreen, Prescription, PRESCRIPTION_STATUS, ProcessingPrescriptionScreen, Professional, Question, QuestionType, RatingScreen, Reminder, requiredCheckbox, requiredString, ScreenWrapper, Select, Slide, Text, TextConsultationIcon, Theme, TwoOptionsModal, useConsultation, useTheme, useTranslation, validPhone, VideoCallScreen, VideoConsultation, VideoConsultationIcon };
+ConsultationProvider, DateInput, DeliveryAddressScreen, DoctorIcon, DoctorProfileCard, DoctorProfileModal, EndingVideoScreen, EndVideoCallModal, FadeIn, FindingAnimation, FormPrescription, FormWrapper, getProfessionalLabel, Header, HKDeliveryAddressSchema, HorizontalLoadingAnimation, IndicationCategory, IndicationCategoryType, InfoIcon, Input, isAndroid, isIOS, JoinVideoCallScreen, License, LoadingCircleAnimation, LoadingDotsAnimation, MatchingScreen, MatchScreen, Modal, NoConsultationFoundScreen, PhoneInput, PlaneIcon, PreparingSummaryScreen, Prescription, PRESCRIPTION_STATUS, PrescriptionHomeScreen, ProcessingPrescriptionScreen, Professional, Question, QuestionType, RatingScreen, Reminder, requiredCheckbox, requiredString, ScreenWrapper, SearchableDropDown, Select, Slide, Text, TextConsultationIcon, Theme, TwoOptionsModal, useConsultation, useTheme, useTranslation, validPhone, VideoCallScreen, VideoConsultation, VideoConsultationIcon };

package/dist/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PRESCRIPTION_STATUS = exports.PreparingSummaryScreen = exports.PlaneIcon = exports.PhoneInput = exports.NoConsultationFoundScreen = exports.Modal = exports.MatchScreen = exports.MatchingScreen = exports.LoadingDotsAnimation = exports.LoadingCircleAnimation = exports.JoinVideoCallScreen = exports.isIOS = exports.isAndroid = exports.Input = exports.InfoIcon = exports.HorizontalLoadingAnimation = exports.HomeScreen = exports.HKDeliveryAddressSchema = exports.Header = exports.getProfessionalLabel = exports.FormWrapper = exports.FormPrescription = exports.FindingAnimation = exports.FadeIn = exports.EndVideoCallModal = exports.EndingVideoScreen = exports.DoctorProfileModal = exports.DoctorProfileCard = exports.DoctorIcon = exports.DeliveryAddressScreen = exports.DateInput = exports.ConsultationProvider = exports.CONSULTATION_STATUS = exports.CloseIcon = exports.CloseConsultationModal = exports.Checkbox = exports.CASE_TYPE = exports.Card = exports.CancelModal = exports.CancelConsultationButton = exports.CallingAnimation = exports.Button = exports.BackgroundPattern = exports.BackArrowIcon = exports.authorization = exports.AttachmentPreviewModal = exports.AnswerScreen = exports.Animation = exports.AgoraWrapper = exports.AbiLogoIcon = void 0;
-exports.VideoConsultationIcon = exports.VideoConsultation = exports.VideoCallScreen = exports.validPhone = exports.useTranslation = exports.useTheme = exports.useConsultation = exports.TwoOptionsModal = exports.TextConsultationIcon = exports.Text = exports.Slide = exports.Select = exports.ScreenWrapper = exports.requiredString = exports.requiredCheckbox = exports.Reminder = exports.RatingScreen = exports.QuestionType = exports.ProcessingPrescriptionScreen = void 0;
+exports.PRESCRIPTION_STATUS = exports.PreparingSummaryScreen = exports.PlaneIcon = exports.PhoneInput = exports.NoConsultationFoundScreen = exports.Modal = exports.MatchScreen = exports.MatchingScreen = exports.LoadingDotsAnimation = exports.LoadingCircleAnimation = exports.JoinVideoCallScreen = exports.isIOS = exports.isAndroid = exports.Input = exports.InfoIcon = exports.IndicationCategory = exports.HorizontalLoadingAnimation = exports.HKDeliveryAddressSchema = exports.Header = exports.getProfessionalLabel = exports.FormWrapper = exports.FormPrescription = exports.FindingAnimation = exports.FadeIn = exports.EndVideoCallModal = exports.EndingVideoScreen = exports.DoctorProfileModal = exports.DoctorProfileCard = exports.DoctorIcon = exports.DeliveryAddressScreen = exports.DateInput = exports.ConsultationProvider = exports.CONSULTATION_STATUS = exports.CloseIcon = exports.CloseConsultationModal = exports.Checkbox = exports.CASE_TYPE = exports.Card = exports.CancelModal = exports.CancelConsultationButton = exports.CallingAnimation = exports.Button = exports.BackgroundPattern = exports.BackArrowIcon = exports.authorization = exports.AttachmentPreviewModal = exports.AnswerScreen = exports.Animation = exports.AgoraWrapper = exports.AbiLogoIcon = void 0;
+exports.VideoConsultationIcon = exports.VideoConsultation = exports.VideoCallScreen = exports.validPhone = exports.useTranslation = exports.useTheme = exports.useConsultation = exports.TwoOptionsModal = exports.TextConsultationIcon = exports.Text = exports.Slide = exports.Select = exports.SearchableDropDown = exports.ScreenWrapper = exports.requiredString = exports.requiredCheckbox = exports.Reminder = exports.RatingScreen = exports.QuestionType = exports.ProcessingPrescriptionScreen = exports.PrescriptionHomeScreen = void 0;
 var Animation_1 = require("./common/animations/Animation");
 Object.defineProperty(exports, "Animation", { enumerable: true, get: function () { return Animation_1.Animation; } });
 var FindingAnimation_1 = require("./common/animations/FindingAnimation");
@@ -116,8 +116,12 @@ Object.defineProperty(exports, "requiredString", { enumerable: true, get: functi
 Object.defineProperty(exports, "validPhone", { enumerable: true, get: function () { return zod_1.validPhone; } });
 var FormPrescription_1 = require("./form-prescriptions/components/FormPrescription");
 Object.defineProperty(exports, "FormPrescription", { enumerable: true, get: function () { return FormPrescription_1.FormPrescription; } });
+var IndicationCategory_1 = require("./form-prescriptions/components/IndicationCategory");
+Object.defineProperty(exports, "IndicationCategory", { enumerable: true, get: function () { return IndicationCategory_1.IndicationCategory; } });
+var SearchableDropdown_1 = require("./form-prescriptions/components/SearchableDropdown");
+Object.defineProperty(exports, "SearchableDropDown", { enumerable: true, get: function () { return SearchableDropdown_1.SearchableDropDown; } });
 var HomeScreen_1 = require("./form-prescriptions/screens/HomeScreen");
-Object.defineProperty(exports, "HomeScreen", { enumerable: true, get: function () { return HomeScreen_1.HomeScreen; } });
+Object.defineProperty(exports, "PrescriptionHomeScreen", { enumerable: true, get: function () { return HomeScreen_1.HomeScreen; } });
 var CallingAnimation_1 = require("./video-consultations/animations/CallingAnimation");
 Object.defineProperty(exports, "CallingAnimation", { enumerable: true, get: function () { return CallingAnimation_1.CallingAnimation; } });
 var AgoraWrapper_1 = __importDefault(require("./video-consultations/components/AgoraWrapper"));