idmission-web-sdk 1.0.255 → 1.0.257

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.255';
+var webSdkVersion = '1.0.257';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -8881,64 +8881,55 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
                 ctx === null || ctx === void 0 ? void 0 : ctx.scale(-1, 1);
               }
               return [4 /*yield*/, function renderPrediction() {
-                var _a;
+                var _a, _b;
                 return tslib.__awaiter(this, void 0, void 0, function () {
-                  var vw, vh, prediction, faces;
-                  return tslib.__generator(this, function (_b) {
-                    switch (_b.label) {
-                      case 0:
-                        if (!detectorRef.current || !videoRef.current || currentLoopId !== loopId.current) return [2 /*return*/];
-                        if (!(videoRef.current.readyState < 2)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, new Promise(function (resolve) {
-                          if (videoRef.current) videoRef.current.onloadeddata = function () {
-                            resolve([]);
-                          };
-                        })];
-                      case 1:
-                        _b.sent();
-                        _b.label = 2;
-                      case 2:
-                        vw = videoRef.current.videoWidth;
-                        vh = videoRef.current.videoHeight;
-                        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(videoRef.current, 0, 0, vw, vh);
-                        // Detectors can throw errors, for example when using custom URLs that
-                        // contain a model that doesn't provide the expected output.
-                        try {
-                          prediction = detectorRef.current.detectForVideo(videoRef.current, performance.now());
-                          if (prediction) {
-                            faces = prediction.detections.map(function (d) {
-                              var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-                              return {
-                                keypoints: d.keypoints.map(function (k) {
-                                  var _a;
-                                  return tslib.__assign(tslib.__assign({}, k), {
-                                    x: k.x * vw,
-                                    y: k.y * vh,
-                                    name: (_a = k.label) !== null && _a !== void 0 ? _a : ''
-                                  });
-                                }),
-                                box: {
-                                  xMin: (_b = (_a = d.boundingBox) === null || _a === void 0 ? void 0 : _a.originX) !== null && _b !== void 0 ? _b : 0,
-                                  xMax: ((_d = (_c = d.boundingBox) === null || _c === void 0 ? void 0 : _c.originX) !== null && _d !== void 0 ? _d : 0) + ((_f = (_e = d.boundingBox) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : 0),
-                                  yMin: (_h = (_g = d.boundingBox) === null || _g === void 0 ? void 0 : _g.originY) !== null && _h !== void 0 ? _h : 0,
-                                  yMax: ((_k = (_j = d.boundingBox) === null || _j === void 0 ? void 0 : _j.originY) !== null && _k !== void 0 ? _k : 0) + ((_m = (_l = d.boundingBox) === null || _l === void 0 ? void 0 : _l.height) !== null && _m !== void 0 ? _m : 0),
-                                  width: (_p = (_o = d.boundingBox) === null || _o === void 0 ? void 0 : _o.width) !== null && _p !== void 0 ? _p : 0,
-                                  height: (_r = (_q = d.boundingBox) === null || _q === void 0 ? void 0 : _q.height) !== null && _r !== void 0 ? _r : 0
-                                }
-                              };
-                            });
-                            (_a = onPredictionHandler.current) === null || _a === void 0 ? void 0 : _a.call(onPredictionHandler, faces);
-                            ctx && drawResults(ctx, faces, true, true);
-                          }
-                        } catch (error) {
-                          console.error('caught face detection error', error);
-                          // detector.dispose()
+                  var ctx, vw_1, vh_1, prediction, faces;
+                  return tslib.__generator(this, function (_c) {
+                    if (!detectorRef.current || !videoRef.current || currentLoopId !== loopId.current) return [2 /*return*/];
+                    ctx = (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.getContext('2d');
+                    if (ctx && videoRef.current.readyState === 4) {
+                      vw_1 = videoRef.current.videoWidth;
+                      vh_1 = videoRef.current.videoHeight;
+                      ctx.drawImage(videoRef.current, 0, 0, vw_1, vh_1);
+                      prediction = void 0;
+                      // Detectors can throw errors, for example when using custom URLs that
+                      // contain a model that doesn't provide the expected output.
+                      try {
+                        prediction = detectorRef.current.detectForVideo(canvasRef.current, performance.now());
+                        if (prediction) {
+                          faces = prediction.detections.map(function (d) {
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                            return {
+                              keypoints: d.keypoints.map(function (k) {
+                                var _a;
+                                return tslib.__assign(tslib.__assign({}, k), {
+                                  x: k.x * vw_1,
+                                  y: k.y * vh_1,
+                                  name: (_a = k.label) !== null && _a !== void 0 ? _a : ''
+                                });
+                              }),
+                              box: {
+                                xMin: (_b = (_a = d.boundingBox) === null || _a === void 0 ? void 0 : _a.originX) !== null && _b !== void 0 ? _b : 0,
+                                xMax: ((_d = (_c = d.boundingBox) === null || _c === void 0 ? void 0 : _c.originX) !== null && _d !== void 0 ? _d : 0) + ((_f = (_e = d.boundingBox) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : 0),
+                                yMin: (_h = (_g = d.boundingBox) === null || _g === void 0 ? void 0 : _g.originY) !== null && _h !== void 0 ? _h : 0,
+                                yMax: ((_k = (_j = d.boundingBox) === null || _j === void 0 ? void 0 : _j.originY) !== null && _k !== void 0 ? _k : 0) + ((_m = (_l = d.boundingBox) === null || _l === void 0 ? void 0 : _l.height) !== null && _m !== void 0 ? _m : 0),
+                                width: (_p = (_o = d.boundingBox) === null || _o === void 0 ? void 0 : _o.width) !== null && _p !== void 0 ? _p : 0,
+                                height: (_r = (_q = d.boundingBox) === null || _q === void 0 ? void 0 : _q.height) !== null && _r !== void 0 ? _r : 0
+                              }
+                            };
+                          });
+                          (_b = onPredictionHandler.current) === null || _b === void 0 ? void 0 : _b.call(onPredictionHandler, faces);
+                          ctx && drawResults(ctx, faces, true, true);
                         }
-                        timer = setTimeout(function () {
-                          rafId.current = requestAnimationFrame(renderPrediction);
-                        }, throttleMs !== null && throttleMs !== void 0 ? throttleMs : 0);
-                        return [2 /*return*/];
+                      } catch (error) {
+                        console.error('caught face detection error', error);
+                        // detector.dispose()
+                      }
                     }
+                    timer = setTimeout(function () {
+                      rafId.current = requestAnimationFrame(renderPrediction);
+                    }, throttleMs !== null && throttleMs !== void 0 ? throttleMs : 0);
+                    return [2 /*return*/];
                   });
                 });
               }()];
@@ -8982,7 +8973,9 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
   }, [error, modelDownloadProgress, onPredictionMade, ready, start, stop]);
   return /*#__PURE__*/React__namespace.createElement(HighPerformanceSelfieGuidanceModelsContext.Provider, {
     value: value
-  }, children);
+  }, /*#__PURE__*/React__namespace.createElement(InvisibleCanvas, {
+    ref: canvasRef
+  }), children);
 };
 
 var preloadModels = function preloadModels(_a) {
@@ -12405,41 +12398,41 @@ var reducer$3 = function reducer(state, action) {
   }
 };
 var SelfieCapture = function SelfieCapture(_a) {
-  var _b, _c;
+  var _b;
   var onGuidanceSatisfied = _a.onGuidanceSatisfied,
     onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
     onSelfieCaptured = _a.onSelfieCaptured,
     onTimeout = _a.onTimeout,
     onExit = _a.onExit,
-    _d = _a.timeoutDurationMs,
-    timeoutDurationMs = _d === void 0 ? 15000 : _d,
+    _c = _a.timeoutDurationMs,
+    timeoutDurationMs = _c === void 0 ? 15000 : _c,
     guidanceMessage = _a.guidanceMessage,
     guidanceSatisfied = _a.guidanceSatisfied,
-    _e = _a.classNames,
-    classNames = _e === void 0 ? {} : _e,
-    _f = _a.colors,
-    colors = _f === void 0 ? {} : _f,
-    _g = _a.verbiage,
-    rawVerbiage = _g === void 0 ? {} : _g,
-    _h = _a.debugMode,
-    debugMode = _h === void 0 ? false : _h;
-  var _j = useResizeObserver__default['default'](),
-    ref = _j.ref,
-    _k = _j.width,
-    width = _k === void 0 ? 1 : _k,
-    _l = _j.height,
-    height = _l === void 0 ? 1 : _l;
-  var _m = React.useReducer(reducer$3, initialState$3),
-    state = _m[0],
-    dispatch = _m[1];
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.colors,
+    colors = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    rawVerbiage = _f === void 0 ? {} : _f,
+    _g = _a.debugMode,
+    debugMode = _g === void 0 ? false : _g;
+  var _h = useResizeObserver__default['default'](),
+    ref = _h.ref,
+    _j = _h.width,
+    width = _j === void 0 ? 1 : _j,
+    _k = _h.height,
+    height = _k === void 0 ? 1 : _k;
+  var _l = React.useReducer(reducer$3, initialState$3),
+    state = _l[0],
+    dispatch = _l[1];
   var lastPredictionCanvas = React.useRef(null);
-  var _o = React.useContext(CameraStateContext),
-    cameraRef = _o.cameraRef,
-    cameraReady = _o.cameraReady,
-    videoRef = _o.videoRef;
-  var _p = React.useContext(HighPerformanceSelfieGuidanceModelsContext),
-    onPredictionMade = _p.onPredictionMade,
-    guidanceError = _p.error;
+  var _m = React.useContext(CameraStateContext),
+    cameraRef = _m.cameraRef,
+    cameraReady = _m.cameraReady,
+    videoRef = _m.videoRef;
+  var _o = React.useContext(HighPerformanceSelfieGuidanceModelsContext),
+    onPredictionMade = _o.onPredictionMade,
+    guidanceError = _o.error;
   React.useEffect(function () {
     if (cameraReady && videoRef.current && videoRef.current.videoWidth !== 0) {
       dispatch({
@@ -12461,9 +12454,9 @@ var SelfieCapture = function SelfieCapture(_a) {
       });
     });
   }, [onPredictionMade]);
-  var _q = React.useState(false),
-    captureReady = _q[0],
-    setCaptureReady = _q[1];
+  var _p = React.useState(false),
+    captureReady = _p[0],
+    setCaptureReady = _p[1];
   React.useEffect(function () {
     var timer;
     if (state.faceReady) {
@@ -12496,9 +12489,9 @@ var SelfieCapture = function SelfieCapture(_a) {
       });
     })();
   }, [captureReady, onSelfieCaptured, state.faces, videoRef]);
-  var _r = useTimeout(timeoutDurationMs, onTimeout),
-    timedOut = _r.timedOut,
-    timeoutStartedAt = _r.timeoutStartedAt;
+  var _q = useTimeout(timeoutDurationMs, onTimeout),
+    timedOut = _q.timedOut,
+    timeoutStartedAt = _q.timeoutStartedAt;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -12538,15 +12531,11 @@ var SelfieCapture = function SelfieCapture(_a) {
   }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
     "$variant": satisfied ? 'positive' : 'negative',
     className: classNames.guidanceMessage
-  }, guidanceMessage))), debugMode && state.faces.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlayDiv, {
-    "$flipX": !((_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.isRearFacing)
-  }, state.faces.map(function (face, i) {
-    var _a;
+  }, guidanceMessage))), debugMode && state.faces.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlayDiv, null, state.faces.map(function (face, i) {
     return /*#__PURE__*/React__default['default'].createElement(SelfieCaptureFaceDebugBox, {
       key: i,
       face: face,
       scaling: debugScalingDetails,
-      flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing),
       color: satisfied ? 'green' : 'red'
     });
   }))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceNotCentered ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceTooClose && !state.faceTooFar ? '✅' : '❌', " Face", ' ', state.faceTooClose ? 'Too Close' : state.faceTooFar ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceLookingAway ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default['default'].createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " ", state.goodFramesCount, ' ', "Good Frames", /*#__PURE__*/React__default['default'].createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {