@abihealth/goapp-react-native 1.13.4

package/dist/common/components/Modal/AttachmentPreviewModal.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentPreviewModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_i18next_1 = require("react-i18next");
+var _1 = require(".");
+var useTheme_1 = require("../../hooks/useTheme");
+var TrashIcon_1 = require("../../icons/TrashIcon");
+var Button_1 = require("../Button");
+var ModalHeader_1 = require("./ModalHeader");
+var AttachmentPreviewModal = function (_a) {
+    var onCancel = _a.onCancel, onRemove = _a.onRemove, visible = _a.visible, attachment = _a.attachment;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var _b = react_1.default.useState(2 / 3), aspectRatio = _b[0], setAspectRatio = _b[1];
+    return (<_1.Modal visible={visible} onRequestClose={onCancel} modalStyle={styles.modal}>
+      <ModalHeader_1.ModalHeader title={t('attachmentPreview.title')} onCancel={onCancel}/>
+
+      <react_native_1.View style={styles.main}>
+        <react_native_1.View style={styles.container}>
+          <react_native_1.Image style={[
+            styles.image,
+            {
+                aspectRatio: aspectRatio
+            }
+        ]} source={{ uri: attachment }} resizeMode="contain" onLoad={function (e) {
+            var width = e.nativeEvent.source.width;
+            var height = e.nativeEvent.source.height;
+            setAspectRatio(width > height ? 3 / 2 : 2 / 3);
+        }}/>
+
+          <Button_1.Button onPress={onRemove} icon={<TrashIcon_1.TrashIcon />} variant="secondary" shadow={false}>
+            {t('button.remove')}
+          </Button_1.Button>
+        </react_native_1.View>
+      </react_native_1.View>
+    </_1.Modal>);
+};
+exports.AttachmentPreviewModal = AttachmentPreviewModal;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        modal: {
+            backgroundColor: colors.background,
+            rowGap: spacing.xs
+        },
+        main: {
+            padding: spacing.xs
+        },
+        container: {
+            width: '100%',
+            padding: spacing.xs,
+            backgroundColor: colors.white,
+            borderRadius: borderRadius.md,
+            rowGap: spacing.xs
+        },
+        image: {
+            width: '100%',
+            backgroundColor: colors.primaryLight,
+            borderRadius: borderRadius.sm
+        }
+    });
+};

package/dist/common/components/Modal/CancelModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CancelModalProps {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    visible: boolean;
+    loading?: boolean;
+}
+export declare const CancelModal: ({ onConfirm, onCancel, visible, loading }: CancelModalProps) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/CancelModal.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var ExitIcon_1 = require("../../icons/ExitIcon");
+var TwoOptionsModal_1 = require("./TwoOptionsModal");
+var CancelModal = function (_a) {
+    var onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible, loading = _a.loading;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return (<TwoOptionsModal_1.TwoOptionsModal visible={visible} onConfirm={onConfirm} onCancel={onCancel} icon={<ExitIcon_1.ExitIcon />} text={t('general.consultation.modal.are_you_sure')} confirmText={t('button.yes')} cancelText={t('button.no')} loading={loading}/>);
+};
+exports.CancelModal = CancelModal;

package/dist/common/components/Modal/CloseConsultationModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CloseConsultationModalProps {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    visible: boolean;
+    loading?: boolean;
+}
+export declare const CloseConsultationModal: ({ onConfirm, onCancel, visible, loading }: CloseConsultationModalProps) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/CloseConsultationModal.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseConsultationModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var PdfDownloadIcon_1 = require("../../icons/PdfDownloadIcon");
+var TwoOptionsModal_1 = require("./TwoOptionsModal");
+var CloseConsultationModal = function (_a) {
+    var onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible, loading = _a.loading;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return (<TwoOptionsModal_1.TwoOptionsModal visible={visible} onConfirm={onConfirm} onCancel={onCancel} icon={<PdfDownloadIcon_1.PdfDownloadIcon />} text={t('close.title')} description={t('close.subtitle')} confirmText={t('button.confirm_close')} cancelText={t('back')} loading={loading}/>);
+};
+exports.CloseConsultationModal = CloseConsultationModal;

package/dist/common/components/Modal/DoctorProfileModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DoctorProfileModalProps {
+    onCancel?: () => void;
+    visible: boolean;
+    profileUrl: string;
+}
+export declare const DoctorProfileModal: ({ onCancel, visible, profileUrl }: DoctorProfileModalProps) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/DoctorProfileModal.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoctorProfileModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var react_native_1 = require("react-native");
+var react_native_webview_1 = require("react-native-webview");
+var _1 = require(".");
+var useTheme_1 = require("../../hooks/useTheme");
+var ModalHeader_1 = require("./ModalHeader");
+var DoctorProfileModal = function (_a) {
+    var onCancel = _a.onCancel, visible = _a.visible, profileUrl = _a.profileUrl;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<_1.Modal visible={visible} onRequestClose={onCancel} modalStyle={styles.modal}>
+      <ModalHeader_1.ModalHeader title={t('hcp_profile')} onCancel={onCancel}/>
+
+      <react_native_1.View style={styles.container}>
+        <react_native_webview_1.WebView source={{ uri: profileUrl }} style={styles.webView} showsVerticalScrollIndicator nestedScrollEnabled/>
+      </react_native_1.View>
+    </_1.Modal>);
+};
+exports.DoctorProfileModal = DoctorProfileModal;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        modal: {
+            backgroundColor: colors.background,
+            rowGap: spacing.xs,
+            height: '80%',
+            padding: spacing.xs
+        },
+        container: {
+            backgroundColor: colors.white,
+            borderRadius: borderRadius.md,
+            overflow: 'hidden',
+            flex: 1
+        },
+        webView: {
+            flex: 1
+        }
+    });
+};

package/dist/common/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ModalHeaderProps {
+    title: string;
+    onCancel: () => void;
+}
+export declare const ModalHeader: ({ title, onCancel }: ModalHeaderProps) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/ModalHeader.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var useTheme_1 = require("../../hooks/useTheme");
+var CloseIcon_1 = require("../../icons/CloseIcon");
+var Text_1 = require("../Text");
+var ModalHeader = function (_a) {
+    var title = _a.title, onCancel = _a.onCancel;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<react_native_1.View style={styles.container}>
+      <Text_1.Text variant="h4" style={styles.title}>
+        {title}
+      </Text_1.Text>
+      <react_native_1.TouchableOpacity activeOpacity={0.6} onPress={onCancel}>
+        <CloseIcon_1.CloseIcon color={theme.colors.primary}/>
+      </react_native_1.TouchableOpacity>
+    </react_native_1.View>);
+};
+exports.ModalHeader = ModalHeader;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingVertical: spacing.md,
+            paddingHorizontal: spacing.sm
+        },
+        title: {
+            color: colors.primary
+        }
+    });
+};

package/dist/common/components/Modal/TwoOptionsModal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface TwoOptionsModalProps {
+    icon: React.ReactNode;
+    text: string;
+    description?: string;
+    confirmText: string;
+    cancelText: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    visible: boolean;
+    loading?: boolean;
+}
+export declare const TwoOptionsModal: ({ icon, text, description, confirmText, cancelText, onConfirm, onCancel, visible, loading }: TwoOptionsModalProps) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/TwoOptionsModal.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TwoOptionsModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var useTheme_1 = require("../../hooks/useTheme");
+var Button_1 = require("../Button");
+var Text_1 = require("../Text");
+var _1 = require(".");
+var TwoOptionsModal = function (_a) {
+    var icon = _a.icon, text = _a.text, description = _a.description, confirmText = _a.confirmText, cancelText = _a.cancelText, onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible, loading = _a.loading;
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<_1.Modal visible={visible} onRequestClose={onCancel}>
+      <react_native_1.View style={styles.container}>
+        {icon}
+
+        <react_native_1.View style={styles.textContainer}>
+          <Text_1.Text bold center>
+            {text}
+          </Text_1.Text>
+          {description && <Text_1.Text center>{description}</Text_1.Text>}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.buttonsContainer}>
+          <Button_1.Button radio onPress={onConfirm} loading={loading}>
+            {confirmText}
+          </Button_1.Button>
+          <Button_1.Button radio variant="secondary" shadow={false} onPress={onCancel} disabled={loading}>
+            {cancelText}
+          </Button_1.Button>
+        </react_native_1.View>
+      </react_native_1.View>
+    </_1.Modal>);
+};
+exports.TwoOptionsModal = TwoOptionsModal;
+var getStyles = function (_a) {
+    var spacing = _a.spacing;
+    return react_native_1.StyleSheet.create({
+        container: {
+            rowGap: spacing.xl,
+            alignItems: 'center',
+            paddingTop: spacing.xl,
+            paddingBottom: spacing.md,
+            paddingHorizontal: spacing.sm
+        },
+        textContainer: {
+            rowGap: spacing.sm
+        },
+        buttonsContainer: {
+            rowGap: spacing.sm,
+            width: '100%'
+        }
+    });
+};

package/dist/common/components/Modal/index.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+import { ModalProps as RNModalProps, StyleProp, ViewStyle } from 'react-native';
+type ModalProps = RNModalProps & {
+    modalStyle?: StyleProp<ViewStyle>;
+};
+export declare const Modal: ({ children, modalStyle, ...props }: PropsWithChildren<ModalProps>) => React.JSX.Element;
+export {};

package/dist/common/components/Modal/index.js

@@ -0,0 +1,57 @@
+"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 __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.Modal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var useTheme_1 = require("../../hooks/useTheme");
+var Modal = function (_a) {
+    var children = _a.children, modalStyle = _a.modalStyle, props = __rest(_a, ["children", "modalStyle"]);
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    return (<react_native_1.Modal {...props} transparent statusBarTranslucent animationType="fade">
+      <react_native_1.TouchableOpacity style={styles.container} onPress={props.onRequestClose}>
+        <react_native_1.TouchableWithoutFeedback>
+          <react_native_1.View style={[styles.modal, modalStyle]}>{children}</react_native_1.View>
+        </react_native_1.TouchableWithoutFeedback>
+      </react_native_1.TouchableOpacity>
+    </react_native_1.Modal>);
+};
+exports.Modal = Modal;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, shadows = _a.shadows, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: colors.backdrop,
+            padding: spacing.sm
+        },
+        modal: __assign({ backgroundColor: colors.white, borderRadius: borderRadius.xl, width: '100%' }, shadows.soft)
+    });
+};

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { FormControlProps } from './FormControl';
+interface PhoneInputProps extends FormControlProps {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    disabled?: boolean;
+}
+export declare const PhoneInput: ({ id, label, error, placeholder, onChangeText, ...props }: PropsWithChildren<PhoneInputProps>) => import("react").JSX.Element;
+export default PhoneInput;

package/dist/common/components/PhoneInput.js

@@ -0,0 +1,81 @@
+"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.PhoneInput = void 0;
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var react_native_phone_input_1 = __importDefault(require("react-native-phone-input"));
+var useForm_1 = require("../hooks/useForm");
+var useTheme_1 = require("../hooks/useTheme");
+var FormControl_1 = __importDefault(require("./FormControl"));
+var PhoneInput = function (_a) {
+    var id = _a.id, label = _a.label, error = _a.error, placeholder = _a.placeholder, onChangeText = _a.onChangeText, props = __rest(_a, ["id", "label", "error", "placeholder", "onChangeText"]);
+    var theme = (0, useTheme_1.useTheme)();
+    var styles = getStyles(theme);
+    var _b = (0, useForm_1.useForm)(), errors = _b.errors, data = _b.data, clearError = _b.clearError, updateData = _b.updateData, loading = _b.loading;
+    var _c = (0, react_1.useState)(false), focused = _c[0], setFocused = _c[1];
+    var ref = (0, react_1.createRef)();
+    var onFocus = function () {
+        setFocused(true);
+        clearError === null || clearError === void 0 ? void 0 : clearError(id);
+    };
+    var onBlur = function () {
+        setFocused(false);
+    };
+    var onChangePhoneNumber = function (text) {
+        clearError === null || clearError === void 0 ? void 0 : clearError(id);
+        updateData === null || updateData === void 0 ? void 0 : updateData(id)(text);
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
+    };
+    var formError = errors === null || errors === void 0 ? void 0 : errors[id];
+    var formValue = data === null || data === void 0 ? void 0 : data[id];
+    var err = formError || error;
+    return (<FormControl_1.default label={label} error={err} name={id}>
+      <react_native_phone_input_1.default {...props} ref={ref} style={[styles.input, focused && styles.focused, err && styles.error]} textStyle={styles.inputText} initialCountry="ie" textProps={{
+            placeholder: placeholder,
+            onFocus: onFocus,
+            onBlur: onBlur
+        }} onChangePhoneNumber={onChangePhoneNumber} initialValue={formValue || props.value} disabled={loading} autoFormat accessibilityLabel={"phone-input-".concat(id)}/>
+    </FormControl_1.default>);
+};
+exports.PhoneInput = PhoneInput;
+exports.default = exports.PhoneInput;
+var getStyles = function (_a) {
+    var colors = _a.colors, spacing = _a.spacing, fontSize = _a.fontSize, borderRadius = _a.borderRadius;
+    return react_native_1.StyleSheet.create({
+        input: {
+            padding: spacing.sm,
+            borderWidth: 1,
+            borderColor: colors.gray,
+            borderRadius: borderRadius.md,
+            width: '100%',
+            backgroundColor: colors.white
+        },
+        focused: {
+            borderColor: colors.primary
+        },
+        inputText: {
+            color: colors.black,
+            fontSize: fontSize.base,
+            borderLeftWidth: 1,
+            borderLeftColor: colors.gray,
+            paddingLeft: spacing.xs
+        },
+        error: {
+            borderColor: colors.warning
+        }
+    });
+};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ReminderProps {
+    startTimeout?: number;
+    endTimeout?: number;
+}
+export declare const Reminder: ({ startTimeout, endTimeout }: ReminderProps) => React.JSX.Element;
+export {};