idmission-web-sdk 1.0.180 → 1.0.182

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

@@ -12,6 +12,7 @@ export type IdCaptureFitGuideProps = {
     borderWidth?: number;
     padding?: number;
     imageUrl?: string;
+    imageVisible?: boolean;
     frontImageUrl?: string;
     backImageUrl?: string;
     isMirrored?: boolean;
@@ -19,4 +20,4 @@ export type IdCaptureFitGuideProps = {
     requestingFlip?: boolean;
     classNames?: IdCaptureFitGuideClassNames;
 };
-export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageUrl, frontImageUrl, backImageUrl, isMirrored, instruction, requestingFlip, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;
+export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageUrl, imageVisible, frontImageUrl, backImageUrl, isMirrored, instruction, requestingFlip, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;

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

@@ -832,6 +832,7 @@ export declare const GuideImage: import("styled-components").IStyledComponent<"w
     $width?: number | undefined;
     $height?: number | undefined;
     $padding: number;
+    $visible?: boolean | undefined;
 }>>;
 export type IdCaptureGuideOverlayClassNames = {
     container?: string;
@@ -853,6 +854,7 @@ export type IdCaptureGuideOverlayProps = {
     height?: number;
     padding?: number;
     imagePadding?: number;
+    imageVisible?: boolean;
     borderWidth?: number;
     borderColor?: string;
     maskColor?: string;
@@ -862,4 +864,4 @@ export type IdCaptureGuideOverlayProps = {
     landscapeGuidesImageUrl?: string;
     onClick?: () => void;
 };
-export declare const IdCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, borderWidth, borderColor, maskColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;
+export declare const IdCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, imageVisible, borderWidth, borderColor, maskColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;

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.180';
+var webSdkVersion = '1.0.182';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -10618,12 +10618,14 @@ var GuideCenterBorder = styled__default['default'].div(templateObject_6$2 || (te
   return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
 });
 var GuideText = styled__default['default'].span(templateObject_7$1 || (templateObject_7$1 = tslib.__makeTemplateObject(["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"], ["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"])));
-var GuideImage = styled__default['default'].img(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n"], ["\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n"])), function (props) {
+var GuideImage = styled__default['default'].img(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n  opacity: ", ";\n  transition: opacity 0.5s;\n"], ["\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n  opacity: ", ";\n  transition: opacity 0.5s;\n"])), function (props) {
   return props.$padding;
 }, function (props) {
   return props.$width ? "width: ".concat(props.$width, "px;\n         max-width: ").concat(props.$width, "px;") : "max-width: none;";
 }, function (props) {
   return props.$height ? "height: ".concat(props.$height, "px;\n         max-height: ").concat(props.$height, "px;") : "max-height: none;";
+}, function (props) {
+  return props.$visible ? 1 : 0;
 });
 var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -10635,27 +10637,29 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     height = _r === void 0 ? 0 : _r,
     userSuppliedPadding = _a.padding,
     userSuppliedImagePadding = _a.imagePadding,
+    _s = _a.imageVisible,
+    imageVisible = _s === void 0 ? true : _s,
     borderWidth = _a.borderWidth,
     borderColor = _a.borderColor,
     maskColor = _a.maskColor,
-    _s = _a.isMirrored,
-    isMirrored = _s === void 0 ? false : _s,
-    _t = _a.instruction,
-    instruction = _t === void 0 ? '' : _t,
+    _t = _a.isMirrored,
+    isMirrored = _t === void 0 ? false : _t,
+    _u = _a.instruction,
+    instruction = _u === void 0 ? '' : _u,
     portraitGuidesImageUrl = _a.portraitGuidesImageUrl,
     landscapeGuidesImageUrl = _a.landscapeGuidesImageUrl,
     onClick = _a.onClick;
-  var _u = React.useContext(GuideOrientationContext),
-    orientation = _u.orientation,
-    wrapperRef = _u.wrapperRef,
-    wrapperWidth = _u.wrapperWidth,
-    wrapperHeight = _u.wrapperHeight,
-    imageAspectRatio = _u.imageAspectRatio,
-    wrapperAspectRatio = _u.wrapperAspectRatio,
-    guideOrientationOnImageLoaded = _u.onImageLoaded,
-    setDimensions = _u.setDimensions;
-  var _v = useIdCaptureState(),
-    dispatch = _v[1];
+  var _v = React.useContext(GuideOrientationContext),
+    orientation = _v.orientation,
+    wrapperRef = _v.wrapperRef,
+    wrapperWidth = _v.wrapperWidth,
+    wrapperHeight = _v.wrapperHeight,
+    imageAspectRatio = _v.imageAspectRatio,
+    wrapperAspectRatio = _v.wrapperAspectRatio,
+    guideOrientationOnImageLoaded = _v.onImageLoaded,
+    setDimensions = _v.setDimensions;
+  var _w = useIdCaptureState(),
+    dispatch = _w[1];
   function onImageLoaded(e) {
     guideOrientationOnImageLoaded(e);
     var img = e.target;
@@ -10721,7 +10725,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     className: classNames.image,
     "$width": imageWidth,
     "$height": imageHeight,
-    "$padding": imagePadding
+    "$padding": imagePadding,
+    "$visible": imageVisible
   }))), /*#__PURE__*/React__default['default'].createElement(GuideRegion, {
     "$maskColor": maskColor,
     "$minWidth": padding,
@@ -10858,6 +10863,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     "$padding": imagePadding,
     "$transitionTime": transitionTime,
     "$transforms": frontTransforms.join(' '),
+    "$visible": true,
     onLoad: onImageLoaded
   }), /*#__PURE__*/React__default['default'].createElement(FlippingImageBack, {
     src: orientation === 'portrait' ? assets.backPortraitGuidesImageUrl : assets.backLandscapeGuidesImageUrl,
@@ -10867,7 +10873,8 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     "$height": imageHeight,
     "$padding": imagePadding,
     "$transitionTime": transitionTime,
-    "$transforms": backTransforms.join(' ')
+    "$transforms": backTransforms.join(' '),
+    "$visible": true
   }))), /*#__PURE__*/React__default['default'].createElement(GuideRegion, {
     "$minWidth": padding,
     "$maskColor": maskColor,
@@ -10899,6 +10906,7 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     borderWidth = _a.borderWidth,
     padding = _a.padding,
     imageUrl = _a.imageUrl,
+    imageVisible = _a.imageVisible,
     frontImageUrl = _a.frontImageUrl,
     backImageUrl = _a.backImageUrl,
     isMirrored = _a.isMirrored,
@@ -11018,7 +11026,8 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     borderWidth: 0,
     isMirrored: isMirrored,
     instruction: instruction,
-    classNames: classNames
+    classNames: classNames,
+    imageVisible: imageVisible
   })));
 };
 var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$k || (templateObject_1$k = tslib.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"])), function (props) {
@@ -11068,7 +11077,8 @@ function IdCaptureGuides(_a) {
     portraitGuidesImageUrl: assets.portraitGuidesImageUrl,
     landscapeGuidesImageUrl: assets.landscapeGuidesImageUrl,
     isMirrored: !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing),
-    borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor
+    borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor,
+    imageVisible: requestingFlip || !state.documentDetectionThresholdMet || !state.documentInBounds || state.documentTooClose
   })), guideType === 'fit' && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureFitGuide, {
     classNames: classNames,
     requestingFlip: requestingFlip,
@@ -11077,7 +11087,8 @@ function IdCaptureGuides(_a) {
     frontImageUrl: frontImageUrl,
     backImageUrl: backImageUrl,
     isMirrored: !((_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.isRearFacing),
-    borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor
+    borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor,
+    imageVisible: requestingFlip || !state.documentDetectionThresholdMet || !state.documentInBounds || state.documentTooClose
   })));
 }