idmission-web-sdk 1.0.160 → 1.0.162

package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts

@@ -549,6 +549,7 @@ export declare const GuideRegion: import("styled-components").IStyledComponent<"
     $maskColor?: string | undefined;
 }>>;
 export declare const GuideCenterRegion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth?: number | undefined;
     $isMirrored?: boolean | undefined;
 }>>;
 export declare const GuideCenterBorder: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/sdk2.cjs.development.js

@@ -48,7 +48,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.160';
+var webSdkVersion = '1.0.162';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -10560,7 +10560,9 @@ var GuideRegion = styled__default['default'].div(templateObject_4$6 || (template
 }, function (props) {
   return props.$minHeight ? "min-width: ".concat(props.$minHeight, "px;") : "";
 });
-var GuideCenterRegion = styled__default['default'].div(templateObject_5$3 || (templateObject_5$3 = tslib.__makeTemplateObject(["\n  ", "\n  box-sizing: border-box;\n"], ["\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
+var GuideCenterRegion = styled__default['default'].div(templateObject_5$3 || (templateObject_5$3 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  box-sizing: border-box;\n"], ["\n  ", "\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
+  return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
+}, function (props) {
   return props.$isMirrored ? 'transform: scaleX(-1);' : '';
 });
 var GuideCenterBorder = styled__default['default'].div(templateObject_6$2 || (templateObject_6$2 = tslib.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  border: ", ";\n"], ["\n  box-sizing: border-box;\n  position: relative;\n  border: ", ";\n"])), function (props) {
@@ -10609,15 +10611,13 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
   function onImageLoaded(e) {
     guideOrientationOnImageLoaded(e);
     var img = e.target;
-    setTimeout(function () {
-      dispatch({
-        type: 'guideImageLoaded',
-        payload: {
-          width: img.naturalWidth,
-          height: img.naturalHeight
-        }
-      });
-    }, 10);
+    dispatch({
+      type: 'guideImageLoaded',
+      payload: {
+        width: img.naturalWidth,
+        height: img.naturalHeight
+      }
+    });
   }
   var theme = styled.useTheme();
   if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
@@ -10659,6 +10659,7 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     "$minWidth": padding,
     className: regionClsx$1(classNames, 'Left')
   }), /*#__PURE__*/React__default['default'].createElement(GuideCenterRegion, {
+    "$minWidth": imageWidth,
     "$isMirrored": isMirrored,
     className: classNames.centerRegion
   }, /*#__PURE__*/React__default['default'].createElement(GuideCenterBorder, {