kwikid-components-react
Version:
KwikID's Component Library in React
134 lines (133 loc) • 12 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _kwikidToolkit = require("kwikid-toolkit");
var _react = _interopRequireWildcard(require("react"));
var _fa = require("react-icons/fa6");
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
var _Button = _interopRequireDefault(require("../../kwikui/button/Button"));
var _any_card_front = _interopRequireDefault(require("./assets/img/any_card_front.jpg"));
var _CompareModal = require("./CompareModal.defaults");
var _CompareModal2 = require("./CompareModal.helper");
var _CompareModal3 = require("./CompareModal.style");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const KwikIDDataViewerCompareModal = _ref => {
let {
data = _CompareModal.KWIKID_COMPARE_MODAL_DATA.data
} = _ref;
const [isOpenoldNewKycModal, setIsOpenoldNewKycModal] = (0, _react.useState)(false);
const [oldNewKycData, setOldNewKycData] = (0, _react.useState)([]);
const [compareTitle, setCompareTitle] = (0, _react.useState)("");
const isCheckContentEmpty = dataArr => {
let allEmpty = true;
if (dataArr.length > 0) {
dataArr.forEach(dataItem => {
var _dataItem$isHide, _dataItem$isHide2;
if (dataItem && (dataItem !== null && dataItem !== void 0 && (_dataItem$isHide = dataItem.isHide) !== null && _dataItem$isHide !== void 0 && _dataItem$isHide.isHideInfoOnNull && dataItem.current !== "null" && dataItem.current !== null && dataItem.current !== "" && dataItem.current !== undefined || !(dataItem !== null && dataItem !== void 0 && (_dataItem$isHide2 = dataItem.isHide) !== null && _dataItem$isHide2 !== void 0 && _dataItem$isHide2.isHideInfoOnNull))) {
allEmpty = false;
}
});
}
return allEmpty;
};
const KwikIDDataViewerSummaryAgentCompareStep = () => {
var _data$compareStep$, _data$compareStep$2, _data$compareStep$3;
if (!data) return null;
const compareStep = Object.keys(data).filter(i => {
return data[i].doc_type && data[i].doc_type.includes("compare_table");
});
const handleDetailsOfComapreModal = async () => {
const oldNewKycDataCompareOut = await (0, _CompareModal2.oldNewKycDataCompare)(data[compareStep[0]].extras[0], data);
setOldNewKycData(oldNewKycDataCompareOut.oldNewKycExtra);
setIsOpenoldNewKycModal(oldNewKycDataCompareOut.isOpenoldNewKycModal);
setCompareTitle(oldNewKycDataCompareOut.compareTitle);
};
return compareStep && !(0, _kwikidToolkit.isEmptyArray)(compareStep) ? /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareStepInfo, null, /*#__PURE__*/_react.default.createElement("div", null, "Old and Re-KYC Data Comparison Result :", " ", (_data$compareStep$ = data[compareStep[0]]) !== null && _data$compareStep$ !== void 0 && _data$compareStep$.isPerformComparisionVerified ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fa.FaCircleCheck, {
color: "var(--kwikui-color-success)",
size: 16
}), " ", "All matched") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fa.FaCircleXmark, {
color: "var(--kwikui-color-error)",
size: 16
}), " ", "Mismatch")), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareInfoComment, null, "Comment :", " ", (_data$compareStep$2 = data[compareStep[0]]) !== null && _data$compareStep$2 !== void 0 && _data$compareStep$2.isPerformComparisionVerifiedComment ? (_data$compareStep$3 = data[compareStep[0]]) === null || _data$compareStep$3 === void 0 ? void 0 : _data$compareStep$3.isPerformComparisionVerifiedComment : "-"), /*#__PURE__*/_react.default.createElement(_Button.default, {
onClick: handleDetailsOfComapreModal,
appearance: "primary",
size: "xs"
}, "Details")) : null;
};
const KwikIDDataViewerSummaryAgentCheck = () => {
var _data$user, _data$user2, _data$user$summaryChe, _data$user3, _data$user3$summaryCh, _data$user4;
return (0, _kwikidToolkit.isNotEmptyValue)(data === null || data === void 0 ? void 0 : (_data$user = data.user) === null || _data$user === void 0 ? void 0 : _data$user.summaryCheckbox) && data !== null && data !== void 0 && (_data$user2 = data.user) !== null && _data$user2 !== void 0 && _data$user2.isSummaryCheck ? /*#__PURE__*/_react.default.createElement(_CompareModal3.KwikIDStyleSummaryCheckboxParent, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.KwikIDStyleCheckboxParent, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.KwikIDStyleCheckSVG, null, /*#__PURE__*/_react.default.createElement(_fa.FaSquareCheck, {
width: "12px",
height: "12px"
})), /*#__PURE__*/_react.default.createElement(_CompareModal3.KwikIDStyleCustomCheckbox, null, (_data$user$summaryChe = data === null || data === void 0 ? void 0 : (_data$user3 = data.user) === null || _data$user3 === void 0 ? void 0 : (_data$user3$summaryCh = _data$user3.summaryCheckbox) === null || _data$user3$summaryCh === void 0 ? void 0 : _data$user3$summaryCh.default) !== null && _data$user$summaryChe !== void 0 ? _data$user$summaryChe : data === null || data === void 0 ? void 0 : (_data$user4 = data.user) === null || _data$user4 === void 0 ? void 0 : _data$user4.summaryCheckbox))) : null;
};
const CompareModalDesktop = () => {
const imgCard = (tableRow, imgPath) => {
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleDocCard, null, tableRow.cardContent.map((content, contentIndex) => {
switch (content.innerType) {
case "img":
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleCardImg, {
key: contentIndex,
alt: "User Img",
src: content[imgPath] ? content[imgPath] : _any_card_front.default
// onClick={() => imageClicked(content[imgPath])}
});
default:
return /*#__PURE__*/_react.default.createElement("div", {
key: contentIndex,
style: {
padding: "2px 10px"
}
}, content.val);
}
}));
};
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleContainer, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleContent, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleSummaryMainParent, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleSummaryMainTitle, null, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleHeaderDateTime, null, compareTitle !== null && compareTitle !== void 0 ? compareTitle : "Compare Old - New VKYC Data"), /*#__PURE__*/_react.default.createElement(_fa.FaCircleXmark, {
size: 20,
style: {
cursor: "pointer"
},
onClick: () => setIsOpenoldNewKycModal(false)
})), /*#__PURE__*/_react.default.createElement("div", null, oldNewKycData ? oldNewKycData.map((dataGroup, index) => {
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTable, {
key: index
}, !isCheckContentEmpty(dataGroup === null || dataGroup === void 0 ? void 0 : dataGroup.data) && /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableHead, {
style: {
background: "#d8e8fc",
fontWeight: "400",
textAlign: "left"
}
}, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableDataHead, null, dataGroup.title), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableDataHead, null, dataGroup !== null && dataGroup !== void 0 && dataGroup.tableTitle ? dataGroup === null || dataGroup === void 0 ? void 0 : dataGroup.tableTitle[0] : "Current Stage-1 Data"), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableDataHead, null, dataGroup !== null && dataGroup !== void 0 && dataGroup.tableTitle ? dataGroup === null || dataGroup === void 0 ? void 0 : dataGroup.tableTitle[1] : "OLD Data"), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableRemarkDataHead, null, "Remark")), dataGroup.data.map((tableRow, innerIndex) => {
var _tableRow$isHide;
if (tableRow !== null && tableRow !== void 0 && (_tableRow$isHide = tableRow.isHide) !== null && _tableRow$isHide !== void 0 && _tableRow$isHide.isHideInfoOnNull && (tableRow.current === "null" || tableRow.current === null || tableRow.current === "" || tableRow.current === undefined)) {
return null;
}
if ((tableRow === null || tableRow === void 0 ? void 0 : tableRow.type) === "cardArray") {
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableBody, {
key: innerIndex + 0,
style: {
textAlign: "left",
borderBottom: "1px solid #e0e0e0"
}
}, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, tableRow.cardContent[1] ? tableRow.cardContent[1].val : ""), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, imgCard(tableRow, "currentVal")), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, imgCard(tableRow, "previousVal")));
}
return /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableBody, {
key: innerIndex
}, /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, tableRow.title ? tableRow.title.charAt(0).toUpperCase() + tableRow.title.slice(1) : ""), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, tableRow.current !== "null" && tableRow.current !== null ? tableRow.current.charAt(0).toUpperCase() + tableRow.current.slice(1) : "-"), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableData, null, tableRow.reKyc !== "null" && tableRow.reKyc !== null ? tableRow.reKyc.charAt(0).toUpperCase() + tableRow.reKyc.slice(1) : "-"), /*#__PURE__*/_react.default.createElement(_CompareModal3.CompareModalStyleTableRemarkData, null, tableRow.match === true ? /*#__PURE__*/_react.default.createElement(_fa.FaCircleCheck, {
size: 20,
color: "var(--kwikui-color-success)"
}) : /*#__PURE__*/_react.default.createElement(_fa.FaCircleXmark, {
size: 20,
color: "var(--kwikui-color-error)"
})));
}));
}) : null))));
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOpenoldNewKycModal && /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
minWidth: 480
}, /*#__PURE__*/_react.default.createElement(CompareModalDesktop, null)), (0, _kwikidToolkit.isNotEmptyValue)(data) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(KwikIDDataViewerSummaryAgentCompareStep, null), /*#__PURE__*/_react.default.createElement(KwikIDDataViewerSummaryAgentCheck, null)));
};
var _default = exports.default = KwikIDDataViewerCompareModal;