kwikid-components-react
Version:
KwikID's Component Library in React
133 lines (128 loc) • 6.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _kwikidToolkit = require("kwikid-toolkit");
var _react = _interopRequireWildcard(require("react"));
var _Summary = require("./Summary.style");
var _ExtraUserInfo = require("./components/extra-user-info/ExtraUserInfo");
var _FaceMatch = require("./components/face-match/FaceMatch");
var _Fingerprint = require("./components/fingerprint/Fingerprint");
var _FormData = require("./components/form-data/FormData");
var _Questions = require("./components/questions/Questions");
var _StepCards = require("./components/step-cards/StepCards");
var _StepList = require("./components/step-list/StepList");
var _UserInfoList = require("./components/user-info-list/UserInfoList");
var _DynamicViewContainer = _interopRequireDefault(require("../dynamic-view-container/DynamicViewContainer"));
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); }
// Constants
const SMALL_CONTAINER_WIDTH = 680;
const KwikIDDataViewerSummary = _ref => {
let {
userInfo = {
data: {},
config: {}
},
stepList = {},
extraBasicInfo = {},
fingerPrintData = {
stepList: {},
result: {}
},
stepCards = {
cardArray: {},
cardArrayList: {},
formattedSmallCardFieldData: {}
},
faceMatchData = {},
formData = {},
qnaData = {},
agentNotes = "",
dataComparision = {
config: {}
},
hideCards = {
isHideUserInfo: false,
isHideStepList: false,
isHideExtraBasicInfo: false,
isHideFingerPrintData: false,
isHideStepCards: false,
isHideFaceMatchData: false,
isHideFormData: false,
isHideQnaData: false,
isHideAgentNotes: false
}
} = _ref;
const containerRef = (0, _react.useRef)(null);
const [isSmallContainer, setIsSmallContainer] = (0, _react.useState)(false);
// Check container width on mount and resize
(0, _react.useEffect)(() => {
const checkContainerSize = () => {
if (containerRef.current) {
const width = containerRef.current.offsetWidth;
setIsSmallContainer(width <= SMALL_CONTAINER_WIDTH);
}
};
// Initial check
checkContainerSize();
// Create ResizeObserver if available
if (typeof ResizeObserver !== "undefined") {
const resizeObserver = new ResizeObserver(checkContainerSize);
if (containerRef.current) {
resizeObserver.observe(containerRef.current);
}
return () => {
if (containerRef.current) {
resizeObserver.unobserve(containerRef.current);
}
};
}
// Fallback to window resize for older browsers
window.addEventListener("resize", checkContainerSize);
return () => {
window.removeEventListener("resize", checkContainerSize);
};
}, []);
return /*#__PURE__*/_react.default.createElement(_Summary.KwikIDStyleDataViewerSummaryContainer, {
ref: containerRef,
className: isSmallContainer ? "container-width-small" : ""
}, /*#__PURE__*/_react.default.createElement(_Summary.KwikIDStyleUserJourneyContainer, {
className: isSmallContainer ? "small-container" : ""
}, !(hideCards !== null && hideCards !== void 0 && hideCards.isHideUserInfo) && /*#__PURE__*/_react.default.createElement(_UserInfoList.KwikIDDataViewerUserInfoList, {
data: userInfo.data,
config: userInfo.config
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideStepList) && /*#__PURE__*/_react.default.createElement(_StepList.KwikIDDataViewerStepList, {
data: stepList
})), (0, _kwikidToolkit.isNotEmptyValue)(dataComparision.config) && /*#__PURE__*/_react.default.createElement(_DynamicViewContainer.default, {
data: {
userInfo,
stepList,
extraBasicInfo,
fingerPrintData,
stepCards,
faceMatchData,
formData,
qnaData,
agentNotes
},
config: dataComparision.config
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideExtraBasicInfo) && extraBasicInfo && /*#__PURE__*/_react.default.createElement(_ExtraUserInfo.KwikIDDataViewerExtraUserInfo, {
data: extraBasicInfo
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideFingerPrintData) && /*#__PURE__*/_react.default.createElement(_Fingerprint.KwikIDDataViewerFingerprintData, {
stepList: fingerPrintData.stepList,
results: fingerPrintData.result
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideStepCards) && /*#__PURE__*/_react.default.createElement(_StepCards.KwikIDDataViewerStepCards, {
data: stepCards.cardArrayList,
cardArray: stepCards.cardArray,
smallFieldData: stepCards.formattedSmallCardFieldData
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideFaceMatchData) && faceMatchData && /*#__PURE__*/_react.default.createElement(_FaceMatch.KwikIDDataViewerFacematchData, {
data: faceMatchData
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideFormData) && formData && /*#__PURE__*/_react.default.createElement(_FormData.KwikIDDataViewerFormData, {
data: formData
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideQnaData) && qnaData && /*#__PURE__*/_react.default.createElement(_Questions.KwikIDDataViewerQnAList, {
data: qnaData
}), !(hideCards !== null && hideCards !== void 0 && hideCards.isHideAgentNotes) && (0, _kwikidToolkit.isNotEmptyValue)(agentNotes) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Summary.KwikIDStyleNotepadTitle, null, "Underwritter Notes"), /*#__PURE__*/_react.default.createElement(_Summary.KwikIDStyleNotepadContent, null, agentNotes)));
};
var _default = exports.default = KwikIDDataViewerSummary;