@abihealth/goapp-react-native 1.13.4

package/dist/common/components/AnswerScreen/DeliveryAddressCard.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeliveryAddressCard = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var useTheme_1 = require("../../hooks/useTheme");
+var MotorbikeIcon_1 = require("../../icons/MotorbikeIcon");
+var DeliveryAddressCard = function (_a) {
+    var deliveryAddress = _a.deliveryAddress;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var address = [[deliveryAddress.house, deliveryAddress.building, deliveryAddress.street].join(', '), deliveryAddress.district].join('. ');
+    return (<react_native_1.View style={styles.deliveryAddressCard}>
+      <MotorbikeIcon_1.MotorbikeIcon />
+      <Text_1.Text shrink variant="sm" style={styles.text}>
+        {address}
+      </Text_1.Text>
+    </react_native_1.View>);
+};
+exports.DeliveryAddressCard = DeliveryAddressCard;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, lineHeight = _a.lineHeight, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        deliveryAddressCard: {
+            backgroundColor: colors.primaryLight,
+            borderRadius: borderRadius.md,
+            paddingHorizontal: spacing.sm,
+            paddingVertical: spacing.xs,
+            flexDirection: 'row',
+            columnGap: spacing.sm,
+            alignItems: 'center'
+        },
+        text: { lineHeight: lineHeight.xs }
+    });
+};

package/dist/common/components/AnswerScreen/PrescriptionCard/PrescriptionCardHeader.d.ts

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

package/dist/common/components/AnswerScreen/PrescriptionCard/PrescriptionCardHeader.js

@@ -0,0 +1,79 @@
+"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 });
+exports.ProfessionalCardHeader = void 0;
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+var react_native_1 = require("react-native");
+var useTheme_1 = require("../../../hooks/useTheme");
+var DoctorImagePlaceholderIcon_1 = require("../../../icons/DoctorImagePlaceholderIcon");
+var professional_1 = require("../../../utils/professional");
+var DoctorProfileModal_1 = require("../../Modal/DoctorProfileModal");
+var Text_1 = require("../../Text");
+var ProfessionalCardHeader = function (_a) {
+    var professional = _a.professional;
+    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), showProfileModal = _b[0], setShowProfileModal = _b[1];
+    if (!professional)
+        return <Text_1.Text>Professional not found</Text_1.Text>;
+    return (<react_native_1.View style={styles.professionalHeader}>
+      {professional.profileImage ? (<react_native_1.Image source={{ uri: professional.profileImage }} style={styles.image}/>) : (<DoctorImagePlaceholderIcon_1.DoctorImagePlaceholderIcon style={styles.image}/>)}
+
+      <react_native_1.View style={styles.innerContainer}>
+        <Text_1.Text bold>{(0, professional_1.getProfessionalLabel)(professional)}</Text_1.Text>
+        {(professional === null || professional === void 0 ? void 0 : professional.profileUrl) && (<react_native_1.TouchableOpacity activeOpacity={0.6} onPress={function () { return setShowProfileModal(true); }}>
+            <Text_1.Text variant="button" bold color={theme.colors.primary}>
+              {t('view_profile')}
+            </Text_1.Text>
+          </react_native_1.TouchableOpacity>)}
+      </react_native_1.View>
+
+      <DoctorProfileModal_1.DoctorProfileModal profileUrl={professional.profileUrl} visible={showProfileModal} onCancel={function () { return setShowProfileModal(false); }}/>
+    </react_native_1.View>);
+};
+exports.ProfessionalCardHeader = ProfessionalCardHeader;
+var getStyles = function (_a) {
+    var spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        professionalHeader: {
+            flexDirection: 'row',
+            columnGap: spacing.xs
+        },
+        image: { width: 48, height: 48, borderRadius: borderRadius.full },
+        innerContainer: { rowGap: spacing.xxs }
+    });
+};

package/dist/common/components/AnswerScreen/PrescriptionCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Prescription } from '../../../types/prescription';
+export declare const PrescriptionCard: ({ prescription }: {
+    prescription: Prescription;
+}) => React.JSX.Element;

package/dist/common/components/AnswerScreen/PrescriptionCard/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrescriptionCard = void 0;
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var react_native_1 = require("react-native");
+var useTheme_1 = require("../../../hooks/useTheme");
+var PillsIcon_1 = require("../../../icons/PillsIcon");
+var Text_1 = require("../../Text");
+var Card_1 = require("../Card");
+var DeliveryAddressCard_1 = require("../DeliveryAddressCard");
+var PrescriptionCard = function (_a) {
+    var prescription = _a.prescription;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var medication = [prescription.data.medication, prescription.data.quantity].join(', ');
+    return (<Card_1.Card type="prescription" style={styles.container}>
+      <react_native_1.View style={styles.innerContainer}>
+        <react_native_1.View style={styles.header}>
+          <PillsIcon_1.PillsIcon />
+          <Text_1.Text bold>{t('prescription.request.details')}</Text_1.Text>
+        </react_native_1.View>
+
+        <Text_1.Text>{medication}</Text_1.Text>
+      </react_native_1.View>
+
+      <react_native_1.View>{prescription.deliveryAddress && <DeliveryAddressCard_1.DeliveryAddressCard deliveryAddress={prescription.deliveryAddress}/>}</react_native_1.View>
+    </Card_1.Card>);
+};
+exports.PrescriptionCard = PrescriptionCard;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.sm
+        },
+        innerContainer: {
+            rowGap: spacing.xs
+        },
+        header: { flexDirection: 'row', alignItems: 'center', columnGap: spacing.xs }
+    });
+};

package/dist/common/components/AnswerScreen/Summary.d.ts

@@ -0,0 +1,5 @@
+interface SummaryProps {
+    url: string | null;
+}
+export declare const Summary: ({ url }: SummaryProps) => import("react").JSX.Element;
+export {};

package/dist/common/components/AnswerScreen/Summary.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Summary = void 0;
+var react_i18next_1 = require("react-i18next");
+var react_native_1 = require("react-native");
+var HorizontalLoadingAnimation_1 = require("../../animations/HorizontalLoadingAnimation");
+var useTheme_1 = require("../../hooks/useTheme");
+var PdfIcon_1 = require("../../icons/PdfIcon");
+var Button_1 = require("../Button");
+var FadeIn_1 = require("../FadeIn");
+var Text_1 = require("../Text");
+var Summary = function (_a) {
+    var url = _a.url;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var handleViewExternal = function () {
+        react_native_1.Linking.openURL(url).catch(function () {
+            react_native_1.Alert.alert('Error', 'Url could not be opened');
+        });
+    };
+    return (<FadeIn_1.FadeIn key={url}>
+      {url ? (<Button_1.Button variant="secondary" icon={<PdfIcon_1.PdfIcon />} onPress={handleViewExternal}>
+          {t('button.open_summary')}
+        </Button_1.Button>) : (<react_native_1.View style={styles.loadingContainer}>
+          <Text_1.Text color={theme.colors.darkGray}>{t('loading_summary')}</Text_1.Text>
+          <react_native_1.View style={styles.animationWrapper}>
+            <HorizontalLoadingAnimation_1.HorizontalLoadingAnimation />
+          </react_native_1.View>
+        </react_native_1.View>)}
+    </FadeIn_1.FadeIn>);
+};
+exports.Summary = Summary;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        loadingContainer: {
+            width: '100%',
+            alignItems: 'center',
+            justifyContent: 'center',
+            // ↓ hack for better alignment with button and avoid scroll jump
+            height: 53,
+            paddingTop: spacing.xs
+        },
+        animationWrapper: {
+            marginTop: -spacing.xs
+        }
+    });
+};

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

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

package/dist/common/components/BackgroundPattern.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundPattern = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var BackgroundPattern = function (_a) {
+    var children = _a.children;
+    return (<react_native_1.ImageBackground source={require('../assets/background-pattern.png')} style={styles.container} imageStyle={styles.image} resizeMode="cover">
+      {children}
+    </react_native_1.ImageBackground>);
+};
+exports.BackgroundPattern = BackgroundPattern;
+var styles = react_native_1.StyleSheet.create({
+    container: { flex: 1, width: '100%', height: '100%' },
+    image: { opacity: 0.03 }
+});

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PressableProps } from 'react-native';
+type BUTTON_VARIANT = 'primary' | 'secondary' | 'tertiary';
+export declare const Button: React.ForwardRefExoticComponent<PressableProps & {
+    icon?: React.ReactNode;
+    variant?: BUTTON_VARIANT;
+    shadow?: boolean;
+    radio?: boolean;
+    loading?: boolean;
+    submit?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/common/components/Button.js

@@ -0,0 +1,124 @@
+"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 __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]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var LoadingHeart_1 = require("../animations/LoadingHeart");
+var useForm_1 = require("../hooks/useForm");
+var useTheme_1 = require("../hooks/useTheme");
+var Text_1 = require("./Text");
+exports.Button = (0, react_1.forwardRef)(function (props, ref) {
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var _a = (0, useForm_1.useForm)(), handleSubmit = _a.handleSubmit, formLoading = _a.loading;
+    var children = props.children, icon = props.icon, _b = props.variant, variant = _b === void 0 ? 'primary' : _b, _c = props.shadow, shadow = _c === void 0 ? true : _c, _d = props.radio, radio = _d === void 0 ? false : _d, style = props.style, submit = props.submit, rest = __rest(props, ["children", "icon", "variant", "shadow", "radio", "style", "submit"]);
+    var backgroundColor = (0, react_1.useMemo)(function () {
+        switch (variant) {
+            case 'primary':
+                return theme.colors.primary;
+            case 'secondary':
+                return theme.colors.secondary;
+            case 'tertiary':
+                return theme.colors.success;
+        }
+    }, [variant]);
+    var textVariantStyle = (0, react_1.useMemo)(function () {
+        switch (variant) {
+            case 'primary':
+            case 'tertiary':
+                return styles.textPrimary;
+            case 'secondary':
+                return styles.textSecondary;
+        }
+    }, [variant]);
+    var borderRadius = (0, react_1.useMemo)(function () { return (radio ? theme.borderRadius.full : theme.borderRadius.md); }, [radio]);
+    var onPress = function (e) {
+        var _a;
+        if (submit)
+            handleSubmit();
+        (_a = props.onPress) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    };
+    var loading = props.loading || formLoading;
+    return (<react_native_1.TouchableOpacity {...rest} activeOpacity={0.6} ref={ref} style={[styles.buttonBase, { borderRadius: borderRadius }, { backgroundColor: backgroundColor }, shadow && theme.shadows.soft, style]} onPress={onPress} disabled={loading || props.disabled} accessibilityLabel={children} accessibilityState={{ disabled: loading || props.disabled }}>
+      {loading ? (<LoadingHeart_1.LoadingHeart />) : (<>
+          {icon}
+          {children && (<Text_1.Text variant="button" style={textVariantStyle}>
+              {children}
+            </Text_1.Text>)}
+        </>)}
+    </react_native_1.TouchableOpacity>);
+});
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        buttonBase: {
+            width: '100%',
+            padding: spacing.sm,
+            display: 'flex',
+            flexDirection: 'row',
+            columnGap: spacing.xs,
+            alignItems: 'center',
+            justifyContent: 'center',
+            maxHeight: 53
+        },
+        buttonPrimary: {
+            backgroundColor: colors.primary
+        },
+        buttonSecondary: {
+            backgroundColor: colors.white
+        },
+        buttonTertiary: {
+            backgroundColor: colors.success
+        },
+        textPrimary: {
+            color: colors.white
+        },
+        textSecondary: {
+            color: colors.primary
+        }
+    });
+};

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

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

package/dist/common/components/CancelConsultationButton.js

@@ -0,0 +1,107 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelConsultationButton = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var useConsultation_1 = require("../hooks/useConsultation");
+var CloseIcon_1 = require("../icons/CloseIcon");
+var CancelModal_1 = require("./Modal/CancelModal");
+var CancelConsultationButton = function () {
+    var cancel = (0, useConsultation_1.useConsultation)().cancel;
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(false), modalVisible = _b[0], setModalVisible = _b[1];
+    var handleCancelConsultation = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, , 2, 3]);
+                    setLoading(true);
+                    return [4 /*yield*/, cancel()];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (<>
+      <react_native_1.TouchableOpacity activeOpacity={0.6} onPress={function () { return setModalVisible(true); }}>
+        <CloseIcon_1.CloseIcon />
+      </react_native_1.TouchableOpacity>
+
+      <CancelModal_1.CancelModal visible={modalVisible} onCancel={function () { return setModalVisible(false); }} onConfirm={handleCancelConsultation} loading={loading}/>
+    </>);
+};
+exports.CancelConsultationButton = CancelConsultationButton;

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

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

package/dist/common/components/Card.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Card = function (_a) {
+    var children = _a.children;
+    return <react_native_1.TouchableOpacity>{children}</react_native_1.TouchableOpacity>;
+};
+exports.Card = Card;

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { BouncyCheckboxProps } from 'react-native-bouncy-checkbox';
+type CheckboxProps = BouncyCheckboxProps & {
+    error?: string;
+};
+export declare const Checkbox: ({ id, children, error, isChecked, ...props }: PropsWithChildren<CheckboxProps>) => import("react").JSX.Element;
+export {};

package/dist/common/components/Checkbox.js

@@ -0,0 +1,75 @@
+"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]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var react_native_bouncy_checkbox_1 = __importDefault(require("react-native-bouncy-checkbox"));
+var useForm_1 = require("../hooks/useForm");
+var useTheme_1 = require("../hooks/useTheme");
+var Text_1 = require("./Text");
+var Checkbox = function (_a) {
+    var id = _a.id, children = _a.children, error = _a.error, isChecked = _a.isChecked, props = __rest(_a, ["id", "children", "error", "isChecked"]);
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var _b = (0, useForm_1.useForm)(), data = _b.data, errors = _b.errors, updateData = _b.updateData, clearError = _b.clearError, loading = _b.loading;
+    var _c = (0, react_1.useState)(isChecked), localChecked = _c[0], setLocalChecked = _c[1];
+    var formError = errors === null || errors === void 0 ? void 0 : errors[id];
+    var err = formError || error;
+    var innerBorderColor = (0, react_1.useMemo)(function () {
+        if (localChecked)
+            return theme.colors.primary;
+        return err ? theme.colors.warning : theme.colors.gray;
+    }, [err, localChecked]);
+    var formValue = data === null || data === void 0 ? void 0 : data[id];
+    return (<react_native_1.View style={styles.container}>
+      <react_native_bouncy_checkbox_1.default {...props} id={id} isChecked={formValue || localChecked} onPress={function (checked) {
+            var _a;
+            clearError === null || clearError === void 0 ? void 0 : clearError(id);
+            setLocalChecked(!checked);
+            updateData === null || updateData === void 0 ? void 0 : updateData(id)(!checked);
+            (_a = props.onPress) === null || _a === void 0 ? void 0 : _a.call(props, !checked);
+        }} useBuiltInState={false} size={30} textComponent={children} style={styles.style} iconStyle={styles.iconStyle} innerIconStyle={[{ borderColor: innerBorderColor }, styles.innerIconStyle]} iconImageStyle={styles.iconImageStyle} fillColor={theme.colors.primary} disabled={loading} accessibilityState={{ checked: formValue || localChecked }}/>
+      <Text_1.Text variant="sm" color={theme.colors.warning}>
+        {err}
+      </Text_1.Text>
+    </react_native_1.View>);
+};
+exports.Checkbox = Checkbox;
+var getStyles = function (_a) {
+    var spacing = _a.spacing, colors = _a.colors, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        container: {
+            columnGap: spacing.xxs,
+            width: '100%'
+        },
+        style: {
+            columnGap: spacing.sm,
+            width: '100%'
+        },
+        iconStyle: {
+            borderColor: colors.rating,
+            borderRadius: borderRadius.sm
+        },
+        innerIconStyle: {
+            borderRadius: borderRadius.sm
+        },
+        iconImageStyle: {
+            width: 15,
+            height: 15
+        }
+    });
+};

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

@@ -0,0 +1,8 @@
+import { FormControlProps } from './FormControl';
+interface DateInputProps extends FormControlProps {
+    id?: string;
+    initialValue?: Date;
+    onConfirm: (value: Date) => void;
+}
+export declare const DateInput: ({ id, label, error, initialValue, onConfirm }: DateInputProps) => import("react").JSX.Element;
+export default DateInput;