idmission-web-sdk 0.0.12 → 0.0.13

package/dist/sdk2.esm.js

@@ -192,7 +192,7 @@ var templateObject_1$4;
 var OverlayContainer = styled(PageContainer)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  background: white;\n  z-index: 10000;\n"], ["\n  background: white;\n  z-index: 10000;\n"])));
 var OverlayInner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  padding: 25px;\n  max-height: var(--app-height);\n  height: 100%;\n  box-sizing: border-box;\n"], ["\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  padding: 25px;\n  max-height: var(--app-height);\n  height: 100%;\n  box-sizing: border-box;\n"])));
 var OverlayImageWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  max-width: var(--app-width);\n  max-height: var(--app-height);\n  overflow: hidden;\n\n  & > img {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  max-width: var(--app-width);\n  max-height: var(--app-height);\n  overflow: hidden;\n\n  & > img {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"])));
-var OverlayImageMultiContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  }\n"])));
+var OverlayImageMultiContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100vh - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  }\n"])));
 var templateObject_1$3, templateObject_2, templateObject_3, templateObject_4;
 
 var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
@@ -2015,13 +2015,19 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     }
   }, idCardFront && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, idCardFrontText), /*#__PURE__*/React__default.createElement("img", {
     src: idCardFront.imageData,
-    alt: idCardFrontText
+    alt: idCardFrontText,
+    width: idCardFront.width,
+    height: idCardFront.height
   })), idCardBack && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, idCardBackText), /*#__PURE__*/React__default.createElement("img", {
     src: idCardBack.imageData,
-    alt: idCardBackText
+    alt: idCardBackText,
+    width: idCardBack.width,
+    height: idCardBack.height
   })), passport && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, passportText), /*#__PURE__*/React__default.createElement("img", {
     src: passport.imageData,
-    alt: passportText
+    alt: passportText,
+    width: passport.width,
+    height: passport.height
   })))), /*#__PURE__*/React__default.createElement("p", {
     style: {
       fontSize: 18