@icap-ethiopia/esm-ethiohri-intake 1.0.0-pre.8 → 1.0.0

package/dist/src_forms_phdp-form_tsx.js

@@ -0,0 +1,470 @@
+"use strict";
+(globalThis["webpackChunk_icap_ethiopia_esm_ethiohri_intake"] = globalThis["webpackChunk_icap_ethiopia_esm_ethiohri_intake"] || []).push([["src_forms_phdp-form_tsx"],{
+
+/***/ "./src/forms/phdp-form.tsx":
+/*!*********************************!*\
+  !*** ./src/forms/phdp-form.tsx ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _carbon_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @carbon/react */ "./node_modules/@carbon/react/es/index.js");
+/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-hook-form */ "./node_modules/react-hook-form/dist/index.esm.mjs");
+/* harmony import */ var _openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @openmrs/esm-framework */ "webpack/sharing/consume/default/@openmrs/esm-framework/@openmrs/esm-framework");
+/* harmony import */ var _openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./intake-form.scss */ "./src/forms/intake-form.scss");
+/* harmony import */ var _hooks_useFetchLocation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/useFetchLocation */ "./src/forms/hooks/useFetchLocation.ts");
+/* harmony import */ var _hooks_defaultValuesFromEncounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/defaultValuesFromEncounter */ "./src/forms/hooks/defaultValuesFromEncounter.ts");
+/* harmony import */ var _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/form-constant */ "./src/forms/utils/form-constant.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-i18next */ "webpack/sharing/consume/default/react-i18next/react-i18next");
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _hooks_createEncounter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/createEncounter */ "./src/forms/hooks/createEncounter.ts");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return(g = {
+        next: verb(0),
+        "throw": verb(1),
+        "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(_)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 PhdpForm = function(param) {
+    var encounter = param.encounter, type = param.type, mutateEncounters = param.mutateEncounters;
+    var _phdpFormValues_issuesAddressed_selectedItems, _phdpFormValues_issuesAddressed, _phdpFormValues, _type, _type1;
+    var encounterDate = new Date().toISOString();
+    var _useState = _sliced_to_array((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), 2), isSubmitting = _useState[0], setIsSubmitting = _useState[1];
+    var patient = (0,_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.usePatient)();
+    var session = (0,_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.useSession)();
+    var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_8__.useTranslation)().t;
+    var facilityInfo = (0,_hooks_useFetchLocation__WEBPACK_IMPORTED_MODULE_4__.useFetchLocation)().facilityInfo;
+    var _useForm = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_10__.useForm)({
+        defaultValues: encounter ? (0,_hooks_defaultValuesFromEncounter__WEBPACK_IMPORTED_MODULE_5__.defaultValuesFromEncounter)(encounter, _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.phdpDefaultValues, _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.phdpConceptsUuid, [
+            "5e8e03b1-d6ad-4362-a99a-f610af940f57"
+        ]) : _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.phdpDefaultValues,
+        mode: "all"
+    }), control = _useForm.control, handleSubmit = _useForm.handleSubmit, watch = _useForm.watch, _useForm_formState = _useForm.formState, errors = _useForm_formState.errors, touchedFields = _useForm_formState.touchedFields;
+    var phdpFormValues = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_10__.useWatch)({
+        control: control
+    });
+    var onSubmit = function() {
+        var _ref = _async_to_generator(function(data) {
+            var _encounter, _type, error;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setIsSubmitting(true); // Set submitting state to true
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            4,
+                            5
+                        ]);
+                        return [
+                            4,
+                            (0,_hooks_createEncounter__WEBPACK_IMPORTED_MODULE_9__.createEncounter)(data, {
+                                namespace: "rfe-forms",
+                                touchedFields: touchedFields,
+                                encounter: encounter,
+                                conceptsUuid: _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.phdpConceptsUuid,
+                                encounterType: _constants__WEBPACK_IMPORTED_MODULE_7__.PHDP_ENCOUNTER_TYPE,
+                                formUuid: _constants__WEBPACK_IMPORTED_MODULE_7__.phdpFormUuid,
+                                encounterDate: encounterDate,
+                                patientUuid: patient.patientUuid,
+                                providerUuid: session.currentProvider.uuid,
+                                locationUuid: facilityInfo.uuid,
+                                encounterUuid: (_encounter = encounter) === null || _encounter === void 0 ? void 0 : _encounter.uuid,
+                                mutateEncounters: mutateEncounters,
+                                workspaceName: "phdp-form-workspace",
+                                editMode: (_type = type) === null || _type === void 0 ? void 0 : _type.edit
+                            })
+                        ];
+                    case 2:
+                        _state.sent();
+                        return [
+                            3,
+                            5
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        console.error("Error submitting form:", error);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        setIsSubmitting(false); // Reset submitting state
+                        return [
+                            7
+                        ];
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onSubmit(data) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Form, {
+        onSubmit: handleSubmit(onSubmit),
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].formNew
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].scrollableContent
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Stack, {
+        gap: 1,
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].container
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", {
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].heading
+    }, "PHDP"), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Accordion, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.AccordionItem, {
+        title: "Issues Addressed",
+        open: true,
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].formContainer
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_10__.Controller, {
+        name: "phdpDate",
+        control: control,
+        render: function(param) {
+            var field = param.field;
+            var _errors_phdpDate, _type;
+            return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.OpenmrsDatePicker, {
+                id: "phdpDate",
+                labelText: /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+                    className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].label
+                }, "Date PHDP issues addressed"),
+                value: field.value,
+                maxDate: encounterDate,
+                onChange: function(date) {
+                    field.onChange(date);
+                    field.onBlur();
+                },
+                onBlur: function() {
+                    return field.onBlur();
+                },
+                invalid: !!errors.phdpDate,
+                invalidText: (_errors_phdpDate = errors.phdpDate) === null || _errors_phdpDate === void 0 ? void 0 : _errors_phdpDate.message,
+                isReadOnly: (_type = type) === null || _type === void 0 ? void 0 : _type.view
+            });
+        }
+    }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_10__.Controller, {
+        name: "issuesAddressed",
+        control: control,
+        render: function(param) {
+            var field = param.field;
+            var _type, _errors_issuesAddressed, _field_value;
+            var initialSelectedItems = _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.issuesAddressedOpt.filter(function(item) {
+                var _field_value_selectedItems, _field_value, _field;
+                return (_field = field) === null || _field === void 0 ? void 0 : (_field_value = _field.value) === null || _field_value === void 0 ? void 0 : (_field_value_selectedItems = _field_value.selectedItems) === null || _field_value_selectedItems === void 0 ? void 0 : _field_value_selectedItems.some(function(selected) {
+                    return selected.concept === item.concept;
+                });
+            });
+            return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.MultiSelect, {
+                readOnly: (_type = type) === null || _type === void 0 ? void 0 : _type.view,
+                sortItem: function() {},
+                id: "issuesAddressed",
+                titleText: /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+                    className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].label
+                }, t("issuesAddressed", "Issues Addressed")),
+                label: t("issuesAddressed", "Issues Addressed"),
+                initialSelectedItems: initialSelectedItems,
+                items: _utils_form_constant__WEBPACK_IMPORTED_MODULE_6__.issuesAddressedOpt,
+                sortItems: function(items) {
+                    return items;
+                },
+                itemToString: function(item) {
+                    return item ? item.label : "";
+                },
+                invalid: !!errors.issuesAddressed,
+                invalidText: (_errors_issuesAddressed = errors.issuesAddressed) === null || _errors_issuesAddressed === void 0 ? void 0 : _errors_issuesAddressed.message,
+                onChange: function(param) {
+                    var selectedItems = param.selectedItems;
+                    field.onChange({
+                        selectedItems: selectedItems
+                    });
+                    field.onBlur();
+                },
+                onBlur: function() {
+                    return field.onBlur();
+                },
+                value: ((_field_value = field.value) === null || _field_value === void 0 ? void 0 : _field_value.selectedItems) || []
+            });
+        }
+    }), (_phdpFormValues = phdpFormValues) === null || _phdpFormValues === void 0 ? void 0 : (_phdpFormValues_issuesAddressed = _phdpFormValues.issuesAddressed) === null || _phdpFormValues_issuesAddressed === void 0 ? void 0 : (_phdpFormValues_issuesAddressed_selectedItems = _phdpFormValues_issuesAddressed.selectedItems) === null || _phdpFormValues_issuesAddressed_selectedItems === void 0 ? void 0 : _phdpFormValues_issuesAddressed_selectedItems.map(function(data) {
+        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Tag, {
+            key: data.concept,
+            type: "gray"
+        }, data.label);
+    }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_10__.Controller, {
+        name: "conclusion",
+        control: control,
+        render: function(param) {
+            var field = param.field;
+            var _type, _errors_conclusion;
+            return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.TextArea, _object_spread_props(_object_spread({
+                id: "conclusion",
+                labelText: /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+                    className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].label
+                }, "Conclusion")
+            }, field), {
+                rows: 1,
+                readOnly: (_type = type) === null || _type === void 0 ? void 0 : _type.view,
+                invalid: !!errors.conclusion,
+                invalidText: (_errors_conclusion = errors.conclusion) === null || _errors_conclusion === void 0 ? void 0 : _errors_conclusion.message
+            }));
+        }
+    }))))), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].stickyButtonSet
+    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Button, {
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].button,
+        kind: "secondary",
+        onClick: function() {
+            return (0,_openmrs_esm_framework__WEBPACK_IMPORTED_MODULE_2__.closeWorkspace)("phdp-form-workspace");
+        }
+    }, "Cancel"), !((_type = type) === null || _type === void 0 ? void 0 : _type.view) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Button, {
+        className: _intake_form_scss__WEBPACK_IMPORTED_MODULE_3__["default"].button,
+        kind: "primary",
+        type: "submit",
+        disabled: isSubmitting
+    }, isSubmitting ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.InlineLoading, null) : ((_type1 = type) === null || _type1 === void 0 ? void 0 : _type1.edit) ? "Update" : "Save")));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhdpForm);
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=src_forms_phdp-form_tsx.js.map

package/dist/src_forms_phdp-form_tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src_forms_phdp-form_tsx.js","mappings":"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","sources":["webpack://@icap-ethiopia/esm-ethiohri-intake/./src/forms/phdp-form.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Stack, Form, MultiSelect, TextArea, Tag } from '@carbon/react';\r\nimport { useForm, Controller, useWatch } from 'react-hook-form';\r\nimport { OpenmrsDatePicker, usePatient, useSession, closeWorkspace } from '@openmrs/esm-framework';\r\nimport styles from './intake-form.scss';\r\nimport type { IntakeFormProps, PhdpFormData } from '../types';\r\nimport { ButtonSet, Button } from '@carbon/react';\r\nimport { useFetchLocation } from './hooks/useFetchLocation';\r\nimport { defaultValuesFromEncounter } from './hooks/defaultValuesFromEncounter';\r\nimport { issuesAddressedOpt, phdpConceptsUuid, phdpDefaultValues } from './utils/form-constant';\r\nimport { PHDP_ENCOUNTER_TYPE, phdpFormUuid } from '../constants';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Accordion, AccordionItem, InlineLoading } from '@carbon/react';\r\nimport { createEncounter } from './hooks/createEncounter';\r\n\r\nconst PhdpForm: React.FC<IntakeFormProps> = ({ encounter, type, mutateEncounters }) => {\r\n  const encounterDate = new Date().toISOString();\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const patient = usePatient();\r\n  const session = useSession();\r\n  const { t } = useTranslation();\r\n  const { facilityInfo } = useFetchLocation();\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    watch,\r\n    formState: { errors, touchedFields },\r\n  } = useForm<PhdpFormData>({\r\n    defaultValues: encounter\r\n      ? defaultValuesFromEncounter<PhdpFormData>(encounter, phdpDefaultValues, phdpConceptsUuid, [\r\n          '5e8e03b1-d6ad-4362-a99a-f610af940f57',\r\n        ])\r\n      : phdpDefaultValues,\r\n    mode: 'all',\r\n  });\r\n  const phdpFormValues = useWatch({ control });\r\n\r\n  const onSubmit = async (data: PhdpFormData) => {\r\n    setIsSubmitting(true); // Set submitting state to true\r\n    try {\r\n      await createEncounter<PhdpFormData>(data, {\r\n        namespace: 'rfe-forms',\r\n        touchedFields,\r\n        encounter,\r\n        conceptsUuid: phdpConceptsUuid,\r\n        encounterType: PHDP_ENCOUNTER_TYPE,\r\n        formUuid: phdpFormUuid,\r\n        encounterDate,\r\n        patientUuid: patient.patientUuid,\r\n        providerUuid: session.currentProvider.uuid,\r\n        locationUuid: facilityInfo.uuid,\r\n        encounterUuid: encounter?.uuid,\r\n        mutateEncounters,\r\n        workspaceName: 'phdp-form-workspace',\r\n        editMode: type?.edit,\r\n      });\r\n    } catch (error) {\r\n      console.error('Error submitting form:', error);\r\n    } finally {\r\n      setIsSubmitting(false); // Reset submitting state\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Form onSubmit={handleSubmit(onSubmit)} className={styles.formNew}>\r\n      <div className={styles.scrollableContent}>\r\n        <Stack gap={1} className={styles.container}>\r\n          <h2 className={styles.heading}>PHDP</h2>\r\n\r\n          <Accordion>\r\n            <AccordionItem title=\"Issues Addressed\" open className={styles.formContainer}>\r\n              <Controller\r\n                name=\"phdpDate\"\r\n                control={control}\r\n                render={({ field }) => (\r\n                  <OpenmrsDatePicker\r\n                    id=\"phdpDate\"\r\n                    labelText={<span className={styles.label}>Date PHDP issues addressed</span>}\r\n                    value={field.value}\r\n                    maxDate={encounterDate}\r\n                    onChange={(date) => {\r\n                      field.onChange(date);\r\n                      field.onBlur();\r\n                    }}\r\n                    onBlur={() => field.onBlur()}\r\n                    invalid={!!errors.phdpDate}\r\n                    invalidText={errors.phdpDate?.message}\r\n                    isReadOnly={type?.view}\r\n                  />\r\n                )}\r\n              />\r\n\r\n              <Controller\r\n                name=\"issuesAddressed\"\r\n                control={control}\r\n                render={({ field }) => {\r\n                  const initialSelectedItems = issuesAddressedOpt.filter((item) =>\r\n                    field?.value?.selectedItems?.some((selected) => selected.concept === item.concept),\r\n                  );\r\n\r\n                  return (\r\n                    <MultiSelect\r\n                      readOnly={type?.view}\r\n                      sortItem={() => {}}\r\n                      id=\"issuesAddressed\"\r\n                      titleText={<span className={styles.label}>{t('issuesAddressed', 'Issues Addressed')}</span>}\r\n                      label={t('issuesAddressed', 'Issues Addressed')}\r\n                      initialSelectedItems={initialSelectedItems}\r\n                      items={issuesAddressedOpt}\r\n                      sortItems={(items) => items}\r\n                      itemToString={(item) => (item ? item.label : '')}\r\n                      invalid={!!errors.issuesAddressed}\r\n                      invalidText={errors.issuesAddressed?.message}\r\n                      onChange={({ selectedItems }) => {\r\n                        field.onChange({ selectedItems });\r\n                        field.onBlur();\r\n                      }}\r\n                      onBlur={() => field.onBlur()}\r\n                      value={field.value?.selectedItems || []}\r\n                    />\r\n                  );\r\n                }}\r\n              />\r\n              {phdpFormValues?.issuesAddressed?.selectedItems?.map((data) => (\r\n                <Tag key={data.concept} type=\"gray\">\r\n                  {data.label}\r\n                </Tag>\r\n              ))}\r\n\r\n              <Controller\r\n                name=\"conclusion\"\r\n                control={control}\r\n                render={({ field }) => (\r\n                  <TextArea\r\n                    id=\"conclusion\"\r\n                    labelText={<span className={styles.label}>Conclusion</span>}\r\n                    {...field}\r\n                    rows={1}\r\n                    readOnly={type?.view}\r\n                    invalid={!!errors.conclusion}\r\n                    invalidText={errors.conclusion?.message}\r\n                  />\r\n                )}\r\n              />\r\n            </AccordionItem>\r\n          </Accordion>\r\n        </Stack>\r\n      </div>\r\n      <div className={styles.stickyButtonSet}>\r\n        <Button className={styles.button} kind=\"secondary\" onClick={() => closeWorkspace('phdp-form-workspace')}>\r\n          Cancel\r\n        </Button>\r\n        {!type?.view && (\r\n          <Button className={styles.button} kind=\"primary\" type=\"submit\" disabled={isSubmitting}>\r\n            {isSubmitting ? <InlineLoading /> : type?.edit ? 'Update' : 'Save'}\r\n          </Button>\r\n        )}\r\n      </div>\r\n    </Form>\r\n  );\r\n};\r\n\r\nexport default PhdpForm;\r\n"],"names":["React","useState","Stack","Form","MultiSelect","TextArea","Tag","useForm","Controller","useWatch","OpenmrsDatePicker","usePatient","useSession","closeWorkspace","styles","Button","useFetchLocation","defaultValuesFromEncounter","issuesAddressedOpt","phdpConceptsUuid","phdpDefaultValues","PHDP_ENCOUNTER_TYPE","phdpFormUuid","useTranslation","Accordion","AccordionItem","InlineLoading","createEncounter","PhdpForm","encounter","type","mutateEncounters","phdpFormValues","encounterDate","Date","toISOString","isSubmitting","setIsSubmitting","patient","session","t","facilityInfo","defaultValues","mode","control","handleSubmit","watch","formState","errors","touchedFields","onSubmit","data","error","namespace","conceptsUuid","encounterType","formUuid","patientUuid","providerUuid","currentProvider","uuid","locationUuid","encounterUuid","workspaceName","editMode","edit","console","className","formNew","div","scrollableContent","gap","container","h2","heading","title","open","formContainer","name","render","field","id","labelText","span","label","value","maxDate","onChange","date","onBlur","invalid","phdpDate","invalidText","message","isReadOnly","view","initialSelectedItems","filter","item","selectedItems","some","selected","concept","readOnly","sortItem","titleText","items","sortItems","itemToString","issuesAddressed","map","key","rows","conclusion","stickyButtonSet","button","kind","onClick","disabled"],"sourceRoot":""}