npm-nc-components
Version:
Reusable React components for Header and SelectField.
188 lines (187 loc) • 11.4 kB
JavaScript
"use strict";
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var Yup = _interopRequireWildcard(require("yup"));
var _formik = require("formik");
var _SelectField = require("./SelectField");
var _constant = require("./constant");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
var BatchVeify = function BatchVeify() {
var validationSchema = Yup.object().shape({
baseInfoAccountList: Yup.string().required("Account list is required"),
baseInfoGroupList: Yup.string().required("Group list is required"),
locatorCodeVal: Yup.string().required("Locator code is required"),
dateOfbirth: Yup.date().required("Date of birth is required"),
baseInfoTaxonomyList: Yup.string().required("Taxonomy list is required"),
baseInfoNPIAtypicalIDList: Yup.string().required("NPI/Atypical ID is required"),
recipientId: Yup.string().required("Recipient ID is required"),
dateOfServiceFrom: Yup.date().required("Date of service (from) is required"),
dateOfServiceTo: Yup.date().required("Date of service (to) is required")
});
var _useState = (0, _react.useState)(""),
_useState2 = _slicedToArray(_useState, 2),
fileName = _useState2[0],
setFileName = _useState2[1];
var handleFileChange = function handleFileChange(e) {
var file = e.target.files[0];
if (file) {
setFileName(file.name);
}
};
var handleSubmit = function handleSubmit() {};
return /*#__PURE__*/_react["default"].createElement("div", {
className: "bg-white p-[15px]"
}, /*#__PURE__*/_react["default"].createElement(_formik.Formik, {
initialValues: {
baseInfoAccountList: "",
baseInfoGroupList: "",
locatorCodeVal: "",
dateOfbirth: "",
baseInfoTaxonomyList: "",
baseInfoNPIAtypicalIDList: "",
recipientId: "",
dateOfServiceFrom: "",
dateOfServiceTo: ""
},
validateOnChange: false,
validateOnBlur: false,
validationSchema: validationSchema,
onSubmit: handleSubmit
}, function (_ref) {
var values = _ref.values,
errors = _ref.errors,
setFieldValue = _ref.setFieldValue,
resetForm = _ref.resetForm;
return /*#__PURE__*/_react["default"].createElement(_formik.Form, null, /*#__PURE__*/_react["default"].createElement("div", {
className: "border mt-1.5 relative border-l-[3px] pt-2.5 p-[7px] border-l-[#68D]"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "border form_section_bg mt-1.5 relative p-2.5"
}, /*#__PURE__*/_react["default"].createElement("span", {
className: "text-[#315B7C] legend-title bg-white px-1 absolute top-[-9px] left-[20px] text-xs"
}, "Base Information"), /*#__PURE__*/_react["default"].createElement("div", {
className: "grid grid-cols-2 gap-[6px] w-full"
}, /*#__PURE__*/_react["default"].createElement(_SelectField.SelectField, {
name: "baseInfoAccountList",
className: "col-span-2",
error: errors.baseInfoAccountList,
label: "Account Information:",
option: _constant.basicAccountOption,
tipContent: "Identifies the Account based on the User ID used to log into the system"
}), /*#__PURE__*/_react["default"].createElement(_SelectField.SelectField, {
name: "baseInfoGroupList",
label: "Group:",
error: errors.baseInfoGroupList,
chooseOption: true,
option: _constant.basicAccountGroup
}), /*#__PURE__*/_react["default"].createElement(_SelectField.SelectField, {
id: "npi",
name: "baseInfoNPIAtypicalIDList",
label: "NPI / Atypical ID:",
error: errors.baseInfoNPIAtypicalIDList,
chooseOption: true,
option: _constant.basicInfoNPIAtypicalIDList,
tipContent: "Drop-down list of all of the providers for which this user is authorized"
})))), /*#__PURE__*/_react["default"].createElement("div", {
className: "border mt-1.5 relative border-l-[3px] pb-1.5 px-1.5 border-l-[#68D]"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: " relative pt-5"
}, /*#__PURE__*/_react["default"].createElement("img", {
src: "",
alt: "help",
className: "absolute z-[1] right-0 top-0"
}), /*#__PURE__*/_react["default"].createElement("div", {
className: "border relative pt-2.5 p-[7px] form_section_bg "
}, /*#__PURE__*/_react["default"].createElement("span", {
className: "text-[#315B7C] legend-title bg-white px-1 absolute top-[-9px] left-[20px] text-xs"
}, "UPLOAD BATCH FILE"), /*#__PURE__*/_react["default"].createElement("div", {
className: "text-[#315B7C] px-2 py-1.5 mb-2 bg-[#E7F0FF] border border-l-[3px] text-xs border-[#ABCBFF]"
}, "The following templates are available:", " ", /*#__PURE__*/_react["default"].createElement("a", {
href: "",
className: "text-[#2288dd] hover:text-[#b95]"
}, ".TXT"), " ", "|", " ", /*#__PURE__*/_react["default"].createElement("a", {
href: "",
className: "text-[#2288dd] hover:text-[#b95]"
}, ".CSV")), /*#__PURE__*/_react["default"].createElement("div", {
className: "grid relative grid-cols-2 gap-[6px] w-full"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "flex gap-2 col-span-2"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "flex min-w-[8em] basis-[237px] justify-end items-center"
}, /*#__PURE__*/_react["default"].createElement("img", {
width: 14,
height: 9,
src: "",
alt: "require"
}), /*#__PURE__*/_react["default"].createElement("span", {
className: "text-[#000] text-[12px] border-b border-dashed border-[#28d]"
}, "Date File:")), /*#__PURE__*/_react["default"].createElement("span", {
onClick: function onClick() {
return document.getElementById("file-input").click();
},
className: "cursor-pointer border border-gray-500 px-[2px] text-sm text-black rounded-sm hover:bg-gray-100"
}, "Choose File"), /*#__PURE__*/_react["default"].createElement("input", {
id: "file-input",
type: "file",
onChange: handleFileChange,
className: "hidden"
}), /*#__PURE__*/_react["default"].createElement("span", {
className: "text-sm text-gray-500"
}, fileName || "No file chosen")), /*#__PURE__*/_react["default"].createElement("div", {
className: "flex gap-2 col-span-2"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "flex min-w-[8em] basis-[237px] justify-end items-center"
}, /*#__PURE__*/_react["default"].createElement("img", {
width: 14,
height: 9,
src: "",
alt: "require"
}), /*#__PURE__*/_react["default"].createElement("span", {
className: "text-[#000] text-[12px]"
}, "Verify By :")), /*#__PURE__*/_react["default"].createElement("div", {
className: "flex gap-3"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "flex items-center "
}, /*#__PURE__*/_react["default"].createElement("input", {
checked: true,
id: "rbClaimInfoSelectedProviderSignatureFile1",
type: "radio",
value: "",
name: "ProfClaimInformation.SelectedProviderSignatureFile",
className: "!w-3 !h-3 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
}), /*#__PURE__*/_react["default"].createElement("label", {
"for": "rbClaimInfoSelectedProviderSignatureFile1",
className: "ml-1 text-xs border-b border-dashed border-[#28d]"
}, "Recipient ID")), /*#__PURE__*/_react["default"].createElement("div", {
className: "flex items-center"
}, /*#__PURE__*/_react["default"].createElement("input", {
checked: true,
id: "rbClaimInfoSelectedProviderSignatureFile2",
type: "radio",
value: "",
name: "ProfClaimInformation.SelectedProviderSignatureFile",
className: "!w-3 !h-3 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
}), /*#__PURE__*/_react["default"].createElement("label", {
"for": "rbClaimInfoSelectedProviderSignatureFile2",
className: "ml-1 text-xs"
}, "SSN / Date of Birth"))))), /*#__PURE__*/_react["default"].createElement("hr", {
className: "my-[6px] !border-[#d7dbdf]"
}), /*#__PURE__*/_react["default"].createElement("div", {
className: "flex items-center justify-end gap-1 mt-[7px]"
}, /*#__PURE__*/_react["default"].createElement("button", {
className: "submitBtn button",
type: "submit"
}, "Load From File"))))));
}));
};
var _default = exports["default"] = BatchVeify;