idmission-web-sdk 2.2.24 → 2.2.26

package/dist/sdk2.esm.js

@@ -5,7 +5,7 @@ import platform from 'platform';
 import styled, { keyframes, useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { useTranslation, initReactI18next } from 'react-i18next';
 import { Upload } from 'tus-js-client';
-import CryptoJS from 'crypto-js';
+import SparkMD5 from 'spark-md5';
 import useResizeObserver from 'use-resize-observer';
 import { ImageSegmenter, FilesetResolver, ImageClassifier, FaceDetector, ObjectDetector } from '@mediapipe/tasks-vision';
 import { useDebouncedCallback, useThrottledCallback } from 'use-debounce';
@@ -201,7 +201,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.24';
+var webSdkVersion = '2.2.26';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1881,7 +1881,7 @@ function calculateMd5(blob) {
     reader.readAsArrayBuffer(blob);
     reader.onloadend = function () {
       if (!reader.result) return reject(new Error('Failed to read file'));
-      resolve(CryptoJS.MD5(reader.result.toString()).toString());
+      resolve(SparkMD5.ArrayBuffer.hash(reader.result));
     };
   });
 }
@@ -11720,8 +11720,8 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   }, [idCaptureGuideImagesByUrl]);
   var idCardImageStyle = useMemo(function () {
     return {
-      maxWidth: idCardGuideWidth > 0 ? idCardGuideWidth : undefined,
-      maxHeight: idCardGuideHeight,
+      maxWidth: idCardGuideWidth > idCardGuideHeight ? idCardGuideWidth : undefined,
+      maxHeight: idCardGuideHeight > idCardGuideWidth ? idCardGuideHeight : undefined,
       height: '100%',
       aspectRatio: aspectRatio
     };
@@ -11781,7 +11781,7 @@ var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTem
 var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"])));
 var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  position: relative;\n  height: 65%;\n"], ["\n  position: relative;\n  height: 65%;\n"])));
 var IdCardGuideContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"])));
-var IdCardGuideInner = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n"])));
+var IdCardGuideInner = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"])));
 var IdCardGuideInstructionsContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n  box-sizing: border-box;\n"], ["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n  box-sizing: border-box;\n"])));
 var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-content: center;\n  margin: 12px auto;\n  padding: 8px 12px;\n  font-weight: bold;\n  font-size: 18px;\n"], ["\n  align-content: center;\n  margin: 12px auto;\n  padding: 8px 12px;\n  font-weight: bold;\n  font-size: 18px;\n"])));
 var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;