kwikid-components-react
Version:
KwikID's Component Library in React
105 lines (100 loc) • 4.96 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");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
// 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 = ""
} = _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" : ""
}, /*#__PURE__*/_react.default.createElement(_UserInfoList.KwikIDDataViewerUserInfoList, {
data: userInfo.data,
config: userInfo.config
}), /*#__PURE__*/_react.default.createElement(_StepList.KwikIDDataViewerStepList, {
data: stepList
})), extraBasicInfo && /*#__PURE__*/_react.default.createElement(_ExtraUserInfo.KwikIDDataViewerExtraUserInfo, {
data: extraBasicInfo
}), /*#__PURE__*/_react.default.createElement(_Fingerprint.KwikIDDataViewerFingerprintData, {
stepList: fingerPrintData.stepList,
results: fingerPrintData.result
}), /*#__PURE__*/_react.default.createElement(_StepCards.KwikIDDataViewerStepCards, {
data: stepCards.cardArrayList,
cardArray: stepCards.cardArray,
smallFieldData: stepCards.formattedSmallCardFieldData
}), faceMatchData && /*#__PURE__*/_react.default.createElement(_FaceMatch.KwikIDDataViewerFacematchData, {
data: faceMatchData
}), formData && /*#__PURE__*/_react.default.createElement(_FormData.KwikIDDataViewerFormData, {
data: formData
}), qnaData && /*#__PURE__*/_react.default.createElement(_Questions.KwikIDDataViewerQnAList, {
data: qnaData
}), (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;