idmission-web-sdk 2.3.1 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/sdk2.esm.js CHANGED
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
204
204
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
205
205
  };
206
206
 
207
- var webSdkVersion = '2.3.1';
207
+ var webSdkVersion = '2.3.3';
208
208
 
209
209
  function getPlatform() {
210
210
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -477,7 +477,7 @@ var OverlayImageRow = styled.div(templateObject_4$l || (templateObject_4$l = __m
477
477
  var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
478
478
  var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
479
479
  var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
480
- var WideBorderButton = styled(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
480
+ var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
481
481
  var _a, _b;
482
482
  return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
483
483
  }, function (props) {
@@ -506,7 +506,7 @@ var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templa
506
506
  var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
507
507
  var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
508
508
  var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
509
- var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
509
+ var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
510
510
 
511
511
  var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
512
512
  var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -7433,7 +7433,7 @@ var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templa
7433
7433
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
7434
7434
  });
7435
7435
  var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
7436
- var CustomLoadingGraphic$1 = styled.img(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
7436
+ var CustomLoadingGraphic$1 = styled.img(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
7437
7437
  var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
7438
7438
  var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"])), function (props) {
7439
7439
  var _a, _b, _c, _d, _e, _f;
@@ -7454,7 +7454,7 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObje
7454
7454
  var _a, _b, _c, _d;
7455
7455
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
7456
7456
  });
7457
- var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
7457
+ var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$2, templateObject_10$1;
7458
7458
 
7459
7459
  var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
7460
7460
  var ContinuityCameraCheckbox = styled.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
@@ -8408,9 +8408,9 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
8408
8408
  }, function (props) {
8409
8409
  return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
8410
8410
  });
8411
- var GuideText = styled.span(templateObject_8$1 || (templateObject_8$1 = __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"])));
8411
+ var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __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"])));
8412
8412
  var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
8413
- var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$1, templateObject_9$1;
8413
+ var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$1;
8414
8414
 
8415
8415
  var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8416
8416
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -9923,7 +9923,7 @@ var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = _
9923
9923
  var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
9924
9924
  var DashedSeparator = styled.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
9925
9925
  var OrWrapper = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
9926
- var UploadIdBackHelpText = styled.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
9926
+ var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
9927
9927
  var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
9928
9928
  var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
9929
9929
  var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
@@ -10202,7 +10202,7 @@ function humanFileSize(bytes, si, dp) {
10202
10202
  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
10203
10203
  return bytes.toFixed(dp) + ' ' + units[u];
10204
10204
  }
10205
- var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
10205
+ var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
10206
10206
 
10207
10207
  var IdCaptureWizard = function IdCaptureWizard(_a) {
10208
10208
  var _b, _c, _d, _e, _f;
@@ -13032,7 +13032,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c
13032
13032
  return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
13033
13033
  });
13034
13034
  var SignatureCanvasContainer$1 = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
13035
- var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
13035
+ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"])), function (props) {
13036
13036
  var _a, _b, _c;
13037
13037
  return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
13038
13038
  }, function (props) {
@@ -13041,6 +13041,12 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
13041
13041
  }, function (props) {
13042
13042
  var _a, _b, _c;
13043
13043
  return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
13044
+ }, function (props) {
13045
+ var _a, _b, _c;
13046
+ return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBackground) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
13047
+ }, function (props) {
13048
+ var _a, _b, _c;
13049
+ return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBorder) !== null && _c !== void 0 ? _c : "1px solid #dedede";
13044
13050
  });
13045
13051
  var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
13046
13052
  var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
@@ -13499,6 +13505,7 @@ function VideoSignatureGuides(_a) {
13499
13505
  onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
13500
13506
  _d = _a.minSignaturePadPoints,
13501
13507
  minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
13508
+ signaturePadEmptyContent = _a.signaturePadEmptyContent,
13502
13509
  _e = _a.classNames,
13503
13510
  classNames = _e === void 0 ? {} : _e,
13504
13511
  _f = _a.verbiage,
@@ -13530,6 +13537,8 @@ function VideoSignatureGuides(_a) {
13530
13537
  var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
13531
13538
  var canClear = isSigning && !signaturePadEmpty;
13532
13539
  var canSubmit = isSigning && signatureValid;
13540
+ var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
13541
+ var EmptyContent = signaturePadEmptyContent;
13533
13542
  return /*#__PURE__*/React__default.createElement(Container$2, {
13534
13543
  className: classNames.container
13535
13544
  }, /*#__PURE__*/React__default.createElement(Inner$1, {
@@ -13549,7 +13558,7 @@ function VideoSignatureGuides(_a) {
13549
13558
  "$disabled": requestedAction === 'VERIFY_LIVENESS'
13550
13559
  }, /*#__PURE__*/React__default.createElement(SignaturePad, {
13551
13560
  ref: ref,
13552
- className: classNames.signatureCanvasInner
13561
+ className: cn(classNames.signatureCanvasInner, displayEmptyState && 'empty')
13553
13562
  }, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
13554
13563
  ref: signaturePad,
13555
13564
  canvasProps: canvasProps,
@@ -13564,7 +13573,9 @@ function VideoSignatureGuides(_a) {
13564
13573
  });
13565
13574
  setSignatureValid(points.length >= minSignaturePadPoints);
13566
13575
  }
13567
- })), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
13576
+ }), displayEmptyState && EmptyContent && ( /*#__PURE__*/React__default.createElement(EmptyContentContainer, {
13577
+ className: classNames.emptyContentContainer
13578
+ }, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__default.createElement(EmptyContent, null))))), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
13568
13579
  className: classNames.signatureButtonsRow
13569
13580
  }, /*#__PURE__*/React__default.createElement(LoaderButton, {
13570
13581
  variant: "secondary",
@@ -13598,7 +13609,11 @@ var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_
13598
13609
  return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
13599
13610
  });
13600
13611
  var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
13601
- var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1;
13612
+ var EmptyContentContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"])), function (props) {
13613
+ var _a, _b, _c;
13614
+ return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyTextColor) !== null && _c !== void 0 ? _c : 'black';
13615
+ });
13616
+ var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
13602
13617
 
13603
13618
  var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
13604
13619
  var VideoSignatureCapture = function VideoSignatureCapture(_a) {
@@ -13610,6 +13625,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
13610
13625
  guidesComponent = _a.guidesComponent,
13611
13626
  _c = _a.minSignaturePadPoints,
13612
13627
  minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
13628
+ signaturePadEmptyContent = _a.signaturePadEmptyContent,
13613
13629
  _d = _a.classNames,
13614
13630
  classNames = _d === void 0 ? {} : _d,
13615
13631
  _e = _a.colors,
@@ -13674,6 +13690,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
13674
13690
  status: "success",
13675
13691
  classNames: classNames.videoSignatureGuidesClassNames,
13676
13692
  minSignaturePadPoints: minSignaturePadPoints,
13693
+ signaturePadEmptyContent: signaturePadEmptyContent,
13677
13694
  onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
13678
13695
  return setTimeout(clearRecordedData, 100);
13679
13696
  } : undefined
@@ -13755,6 +13772,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13755
13772
  captureAudio = _d === void 0 ? false : _d,
13756
13773
  _e = _a.minSignaturePadPoints,
13757
13774
  minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
13775
+ signaturePadEmptyContent = _a.signaturePadEmptyContent,
13758
13776
  _f = _a.allowSignatureAfterLivenessCheckFailure,
13759
13777
  allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
13760
13778
  _g = _a.restartVideoOnSignaturePadCleared,
@@ -13860,9 +13878,10 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13860
13878
  var guidesComponent = useCallback(function (props) {
13861
13879
  return /*#__PURE__*/React__default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
13862
13880
  classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
13863
- restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
13881
+ restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
13882
+ signaturePadEmptyContent: signaturePadEmptyContent
13864
13883
  }));
13865
- }, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
13884
+ }, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared, signaturePadEmptyContent]);
13866
13885
  var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
13867
13886
  var onExitAfterFailure = useCallback(function (resp, req) {
13868
13887
  onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
@@ -13906,6 +13925,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13906
13925
  onFaceNotDetected: onSignatureCaptureFacesNotDetected,
13907
13926
  onExit: onExitCapture,
13908
13927
  minSignaturePadPoints: minSignaturePadPoints,
13928
+ signaturePadEmptyContent: signaturePadEmptyContent,
13909
13929
  restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
13910
13930
  guidesComponent: guidesComponent,
13911
13931
  classNames: classNames,
@@ -13932,11 +13952,13 @@ function VideoSignatureWizardGuides(_a) {
13932
13952
  var status = _a.status,
13933
13953
  classNames = _a.classNames,
13934
13954
  _b = _a.restartVideoOnSignaturePadCleared,
13935
- restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b;
13955
+ restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
13956
+ signaturePadEmptyContent = _a.signaturePadEmptyContent;
13936
13957
  var clearRecordedData = useVideoSignatureContext().clearRecordedData;
13937
13958
  return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, {
13938
13959
  classNames: classNames,
13939
13960
  faceGuideStatus: status,
13961
+ signaturePadEmptyContent: signaturePadEmptyContent,
13940
13962
  requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
13941
13963
  onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
13942
13964
  return setTimeout(clearRecordedData, 100);
@@ -15569,42 +15591,44 @@ var IdValidation = function IdValidation(_a) {
15569
15591
  sendBase64DocumentsInSwaggerProxy = _a.sendBase64DocumentsInSwaggerProxy,
15570
15592
  customerDataMatchConfig = _a.customerDataMatchConfig,
15571
15593
  useDocumentServiceForLivenessChecks = _a.useDocumentServiceForLivenessChecks,
15594
+ _c = _a.captureOnly,
15595
+ captureOnly = _c === void 0 ? false : _c,
15572
15596
  precapturedDocuments = _a.precapturedDocuments,
15573
- _c = _a.loadingOverlayMode,
15574
- loadingOverlayMode = _c === void 0 ? 'default' : _c,
15597
+ _d = _a.loadingOverlayMode,
15598
+ loadingOverlayMode = _d === void 0 ? 'default' : _d,
15575
15599
  customOverlayContent = _a.customOverlayContent,
15576
15600
  onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
15577
- _d = _a.idCaptureRequirement,
15578
- idCaptureRequirement = _d === void 0 ? 'idCardOrPassport' : _d,
15579
- _e = _a.allowSinglePageIdCapture,
15580
- allowSinglePageIdCapture = _e === void 0 ? false : _e,
15581
- _f = _a.separateIdCardCaptureSequence,
15582
- separateIdCardCaptureSequence = _f === void 0 ? false : _f,
15583
- _g = _a.idCaptureThresholds,
15584
- idCaptureThresholds = _g === void 0 ? defaultIdCaptureThresholds : _g,
15585
- _h = _a.skipSuccessScreen,
15586
- skipSuccessScreen = _h === void 0 ? false : _h,
15601
+ _e = _a.idCaptureRequirement,
15602
+ idCaptureRequirement = _e === void 0 ? 'idCardOrPassport' : _e,
15603
+ _f = _a.allowSinglePageIdCapture,
15604
+ allowSinglePageIdCapture = _f === void 0 ? false : _f,
15605
+ _g = _a.separateIdCardCaptureSequence,
15606
+ separateIdCardCaptureSequence = _g === void 0 ? false : _g,
15607
+ _h = _a.idCaptureThresholds,
15608
+ idCaptureThresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
15609
+ _j = _a.skipSuccessScreen,
15610
+ skipSuccessScreen = _j === void 0 ? false : _j,
15587
15611
  instructions = _a.instructions,
15588
- _j = _a.guideType,
15589
- guideType = _j === void 0 ? 'fit' : _j,
15590
- _k = _a.guideImages,
15591
- guideImages = _k === void 0 ? defaultIdCaptureGuideImages : _k,
15592
- _l = _a.portraitGuidesOnMobile,
15593
- portraitGuidesOnMobile = _l === void 0 ? true : _l,
15594
- _m = _a.rotateLoadingOverlayImageWhenPortrait,
15595
- rotateLoadingOverlayImageWhenPortrait = _m === void 0 ? true : _m,
15596
- _o = _a.modelLoadTimeoutMs,
15597
- modelLoadTimeoutMs = _o === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _o,
15598
- _p = _a.forceFallbackMode,
15599
- forceFallbackMode = _p === void 0 ? false : _p,
15600
- _q = _a.allowIdCardBackToFrontCapture,
15601
- allowIdCardBackToFrontCapture = _q === void 0 ? false : _q,
15602
- _r = _a.enableOverrideWrongDocumentTypeDialog,
15603
- enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
15604
- _s = _a.allowOverrideWrongDocumentTypeAfterMs,
15605
- allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
15606
- _t = _a.allowUploadingDocumentsFromStorage,
15607
- allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
15612
+ _k = _a.guideType,
15613
+ guideType = _k === void 0 ? 'fit' : _k,
15614
+ _l = _a.guideImages,
15615
+ guideImages = _l === void 0 ? defaultIdCaptureGuideImages : _l,
15616
+ _m = _a.portraitGuidesOnMobile,
15617
+ portraitGuidesOnMobile = _m === void 0 ? true : _m,
15618
+ _o = _a.rotateLoadingOverlayImageWhenPortrait,
15619
+ rotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
15620
+ _p = _a.modelLoadTimeoutMs,
15621
+ modelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
15622
+ _q = _a.forceFallbackMode,
15623
+ forceFallbackMode = _q === void 0 ? false : _q,
15624
+ _r = _a.allowIdCardBackToFrontCapture,
15625
+ allowIdCardBackToFrontCapture = _r === void 0 ? false : _r,
15626
+ _s = _a.enableOverrideWrongDocumentTypeDialog,
15627
+ enableOverrideWrongDocumentTypeDialog = _s === void 0 ? false : _s,
15628
+ _t = _a.allowOverrideWrongDocumentTypeAfterMs,
15629
+ allowOverrideWrongDocumentTypeAfterMs = _t === void 0 ? 8000 : _t,
15630
+ _u = _a.allowUploadingDocumentsFromStorage,
15631
+ allowUploadingDocumentsFromStorage = _u === void 0 ? false : _u,
15608
15632
  onBeforeSubmit = _a.onBeforeSubmit,
15609
15633
  onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
15610
15634
  onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15620,28 +15644,28 @@ var IdValidation = function IdValidation(_a) {
15620
15644
  onModelError = _a.onModelError,
15621
15645
  onCameraAccessDenied = _a.onCameraAccessDenied,
15622
15646
  onCameraTamperingDetected = _a.onCameraTamperingDetected,
15623
- _u = _a.theme,
15624
- theme = _u === void 0 ? 'default' : _u,
15625
- _v = _a.assets,
15626
- assets = _v === void 0 ? {} : _v,
15627
- _w = _a.classNames,
15628
- classNames = _w === void 0 ? {} : _w,
15629
- _x = _a.colors,
15630
- colors = _x === void 0 ? {} : _x,
15631
- _y = _a.verbiage,
15632
- verbiage = _y === void 0 ? {} : _y,
15633
- _z = _a.captureSignature,
15634
- captureSignature = _z === void 0 ? false : _z,
15635
- _0 = _a.captureSignatureVideo,
15636
- captureSignatureVideo = _0 === void 0 ? false : _0,
15637
- _1 = _a.captureAdditionalDocuments,
15638
- captureAdditionalDocuments = _1 === void 0 ? [] : _1,
15639
- _2 = _a.geolocationEnabled,
15640
- geolocationEnabled = _2 === void 0 ? true : _2,
15641
- _3 = _a.geolocationRequired,
15642
- geolocationRequired = _3 === void 0 ? false : _3,
15643
- _4 = _a.debugMode,
15644
- debugMode = _4 === void 0 ? false : _4;
15647
+ _v = _a.theme,
15648
+ theme = _v === void 0 ? 'default' : _v,
15649
+ _w = _a.assets,
15650
+ assets = _w === void 0 ? {} : _w,
15651
+ _x = _a.classNames,
15652
+ classNames = _x === void 0 ? {} : _x,
15653
+ _y = _a.colors,
15654
+ colors = _y === void 0 ? {} : _y,
15655
+ _z = _a.verbiage,
15656
+ verbiage = _z === void 0 ? {} : _z,
15657
+ _0 = _a.captureSignature,
15658
+ captureSignature = _0 === void 0 ? false : _0,
15659
+ _1 = _a.captureSignatureVideo,
15660
+ captureSignatureVideo = _1 === void 0 ? false : _1,
15661
+ _2 = _a.captureAdditionalDocuments,
15662
+ captureAdditionalDocuments = _2 === void 0 ? [] : _2,
15663
+ _3 = _a.geolocationEnabled,
15664
+ geolocationEnabled = _3 === void 0 ? true : _3,
15665
+ _4 = _a.geolocationRequired,
15666
+ geolocationRequired = _4 === void 0 ? false : _4,
15667
+ _5 = _a.debugMode,
15668
+ debugMode = _5 === void 0 ? false : _5;
15645
15669
  useLanguage(lang);
15646
15670
  useDebugLogging(debugMode);
15647
15671
  var idCaptureProps = useMemo(function () {
@@ -15714,7 +15738,7 @@ var IdValidation = function IdValidation(_a) {
15714
15738
  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
15715
15739
  theme: theme
15716
15740
  }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
15717
- action: SubmissionAction.VALIDATE,
15741
+ action: captureOnly ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
15718
15742
  submissionUrl: submissionUrl,
15719
15743
  clientRequestID: clientRequestID,
15720
15744
  documentServiceUrl: documentServiceUrl,
@@ -17629,6 +17653,7 @@ var SignatureKYC = function SignatureKYC(_a) {
17629
17653
  idCardForFaceMatch = _a.idCardForFaceMatch,
17630
17654
  _f = _a.minSignaturePadPoints,
17631
17655
  minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
17656
+ signaturePadEmptyContent = _a.signaturePadEmptyContent,
17632
17657
  _g = _a.modelLoadTimeoutMs,
17633
17658
  modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
17634
17659
  _h = _a.allowSignatureAfterLivenessCheckFailure,
@@ -17689,6 +17714,7 @@ var SignatureKYC = function SignatureKYC(_a) {
17689
17714
  skipSuccessScreen: skipSuccessScreen,
17690
17715
  captureAudio: captureAudio,
17691
17716
  minSignaturePadPoints: minSignaturePadPoints,
17717
+ signaturePadEmptyContent: signaturePadEmptyContent,
17692
17718
  modelLoadTimeoutMs: modelLoadTimeoutMs,
17693
17719
  faceLivenessProps: faceLivenessProps,
17694
17720
  allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -17700,7 +17726,7 @@ var SignatureKYC = function SignatureKYC(_a) {
17700
17726
  onModelError: onModelError,
17701
17727
  onUserCancel: onUserCancel
17702
17728
  };
17703
- }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
17729
+ }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
17704
17730
  })))));
17705
17731
  };
17706
17732