idmission-web-sdk 1.0.101 → 1.0.103

package/dist/components/customer_flows/DocumentCapture.d.ts

@@ -0,0 +1,34 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { ThemeInput } from '../../themes';
+import { LangOption } from '../../lib/locales';
+import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
+import { DocumentCaptureWizardClassNames } from '../document_capture/DocumentCaptureWizard';
+export type DocumentCaptureClassNames = DocumentCaptureWizardClassNames;
+export interface DocumentCaptureProps extends PropsWithChildren {
+    /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
+    lang?: LangOption;
+    /** A token generated with your IDmission credentials. */
+    submissionToken: string;
+    /** URL to hit with all API requests. Defaults to the value specified in your decoded `submissionToken`. */
+    submissionUrl?: string;
+    /** Callback function that fires immediately prior to submission, giving the client application an opportunity to specify custom asynchronous logic that mutates the request before it executes. The submission request is passed in as a parameter and a promise resolving to the updated request should be returned. */
+    onBeforeSubmit?: (req: SubmissionRequest) => Promise<SubmissionRequest>;
+    /** Callback function that fires when the user has completed the flow instead of making a call to IDmission's servers, allowing customers to specify their own submission logic. Arguments: the request payload that would have been dispatched to IDmission's API, which contains the images/documents/video submitted by the user. Note that when this parameter is supplied, `onComplete` will never fire, and the customer will need to implement their own error handling/retry logic. Use at your own risk! */
+    onSubmit?: (req: SubmissionRequest) => void;
+    /** Callback function that fires when the user completes the DocumentCapture flow. Arguments: the SubmissionResponse from IDmission's API is passed as an argument to the customer's application for further handling, which indicates whether the user passed the validation check, and the request payload dispatched to IDmission's API, which contains the images submitted by the user. */
+    onComplete?: (resp: SubmissionResponse, req: SubmissionRequest) => void;
+    /** Callback function that fires when the user clicks the exit button during ID or selfie capture. */
+    onExitCapture?: () => void;
+    /** Callback function that fires when the user clicks the exit button from the loading overlay, declining to engage with IDmission. Binding this callback results in the cancel button being rendered on the loading overlay. */
+    onUserCancel?: () => void;
+    aspectRatio?: number;
+    instructions?: ReactNode;
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
+    /** Object containing any classNames for inner components. **/
+    classNames?: DocumentCaptureClassNames;
+}
+/**
+ * Render a fullscreen capture component that instructs the user to photograph their document.
+ */
+export declare const DocumentCapture: FC<DocumentCaptureProps>;

package/dist/components/document_capture/DocumentCaptureGuideOverlay.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type DocumentCaptureGuideOverlayClassNames = {
+    container?: string;
+};
+export type DocumentCaptureGuideOverlayProps = {
+    aspectRatio?: number;
+    borderRadius?: number;
+    borderColor?: string;
+    borderWidth?: number;
+    maskColor?: string;
+    padding?: number;
+    classNames?: DocumentCaptureGuideOverlayClassNames;
+};
+export declare const DocumentCaptureGuideOverlay: ({ aspectRatio, borderRadius, borderColor, borderWidth, maskColor, padding, classNames, }: DocumentCaptureGuideOverlayProps) => React.JSX.Element;

package/dist/components/document_capture/DocumentCaptureWizard.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export type DocumentCaptureWizardClassNames = {
+    container?: string;
+    cameraFeed?: string;
+};
+export type DocumentCaptureWizardProps = {
+    onSuccess?: () => void;
+    onExitCapture?: () => void;
+    onUserCancel?: () => void;
+    aspectRatio?: number;
+    instructions?: ReactNode;
+    classNames?: DocumentCaptureWizardClassNames;
+};
+export declare const DocumentCaptureWizard: ({ aspectRatio, instructions, classNames, }: DocumentCaptureWizardProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DocumentCaptureGuideOverlayClassNames } from './DocumentCaptureGuideOverlay';
+import { IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
 import { PDF417DetectionResult } from '../../lib/barcode/Native';
 import { CaptureAttemptMetadata } from '../../contexts/SubmissionContext';
 import { IdCapturePrediction } from './IdCaptureModelsProvider';
@@ -12,7 +12,7 @@ export type IdCaptureAssets = {
 };
 export type IdCaptureClassNames = {
     container?: string;
-    guides?: DocumentCaptureGuideOverlayClassNames;
+    guides?: IdCaptureGuideOverlayClassNames;
     guidanceMessageContainer?: string;
     guidanceMessage?: string;
     imagePreview?: IdCaptureImagePreviewClassNames;

package/dist/components/id_capture/{DocumentCaptureGuideOverlay.d.ts → IdCaptureGuideOverlay.d.ts}

@@ -831,7 +831,7 @@ export declare const GuideImage: import("styled-components").IStyledComponent<"w
     $height?: number | undefined;
     $padding: number;
 }>>;
-export type DocumentCaptureGuideOverlayClassNames = {
+export type IdCaptureGuideOverlayClassNames = {
     container?: string;
     inner?: string;
     dimmingRegion?: string;
@@ -845,8 +845,8 @@ export type DocumentCaptureGuideOverlayClassNames = {
     image?: string;
     guideText?: string;
 };
-export type DocumentCaptureGuideOverlayProps = {
-    classNames?: DocumentCaptureGuideOverlayClassNames;
+export type IdCaptureGuideOverlayProps = {
+    classNames?: IdCaptureGuideOverlayClassNames;
     width?: number;
     height?: number;
     padding?: number;
@@ -859,4 +859,4 @@ export type DocumentCaptureGuideOverlayProps = {
     landscapeGuidesImageUrl?: string;
     onClick?: () => void;
 };
-export declare const DocumentCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, borderWidth, borderColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: DocumentCaptureGuideOverlayProps) => ReactElement;
+export declare const IdCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, borderWidth, borderColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -46,7 +46,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.101';
+var webSdkVersion = '1.0.103';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1394,9 +1394,10 @@ function isBrowser() {
         (typeof WorkerGlobalScope !== 'undefined');
 }
 
-var GuidesContainer = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"])));
-var GuideCenterRow = styled__default['default'].div(templateObject_2$h || (templateObject_2$h = tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"])));
-var GuideRegion = styled__default['default'].div(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
+var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
+var GuidesContainer = styled__default['default'].div(templateObject_2$h || (templateObject_2$h = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"])));
+var GuideCenterRow = styled__default['default'].div(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"])));
+var GuideRegion = styled__default['default'].div(templateObject_4$8 || (templateObject_4$8 = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
   var _a, _b, _c, _d;
   return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.guideOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : 'rgba(0, 0, 0, 0.5)';
 }, function (props) {
@@ -1407,22 +1408,22 @@ var GuideRegion = styled__default['default'].div(templateObject_3$c || (template
 }, function (props) {
   return props.$minHeight ? "min-width: ".concat(props.$minHeight, "px;") : "";
 });
-var GuideCenterRegion = styled__default['default'].div(templateObject_4$8 || (templateObject_4$8 = 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  box-sizing: border-box;\n"], ["\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
   return props.$isMirrored ? 'transform: scaleX(-1);' : '';
 });
-var GuideCenterBorder = styled__default['default'].div(templateObject_5$3 || (templateObject_5$3 = 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) {
+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) {
   var _a, _b;
   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_6$2 || (templateObject_6$2 = 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_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n"], ["\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n"])), function (props) {
+var GuideText = styled__default['default'].span(templateObject_7 || (templateObject_7 = 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  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\n"], ["\n  display: block;\n  padding: ", "px;\n  box-sizing: border-box;\n  ", "\n  ", "\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;";
 });
-var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
+var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   var _p = _a.classNames,
     classNames = _p === void 0 ? {} : _p,
@@ -1514,7 +1515,6 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
     }
   }, instruction)))));
 };
-var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
 var regionClsx$1 = function regionClsx(classNames, which) {
   return [classNames.dimmingRegion, classNames["dimmingRegion".concat(which)]].filter(function (v) {
     return v;
@@ -2127,13 +2127,13 @@ function loadFocusModel(url) {
         case 2:
           _e.sent();
           zeroes = tf__namespace.zeros([448, 448, 3]);
-          tfInt32 = tf__namespace.cast(zeroes, 'int32');
+          tfInt32 = tf__namespace.cast(zeroes, 'float32');
           _b = (_a = tf__namespace).tensor4d;
           _d = (_c = Array).from;
           return [4 /*yield*/, tfInt32.data()];
         case 3:
           tf4d_ = _b.apply(_a, [_d.apply(_c, [_e.sent()]), [1, 448, 448, 3]]);
-          tf4d = tf__namespace.cast(tf4d_, 'int32');
+          tf4d = tf__namespace.cast(tf4d_, 'float32');
           return [4 /*yield*/, focusModel.predict(tf4d)];
         case 4:
           warmupResult = _e.sent();
@@ -9166,9 +9166,9 @@ function makeFocusPrediction(imageData, bbox, logPredictions) {
           } else {
             tfImg = tf__namespace.browser.fromPixels(imageData);
           }
-          tfResize = tf__namespace.image.resizeBilinear(tfImg, [448, 448]);
+          tfResize = tf__namespace.image.resizeBilinear(tfImg, [448, 448]).div(tf__namespace.scalar(127.5)).sub(tf__namespace.scalar(1));
           tfImg.dispose();
-          tfInt32 = tf__namespace.cast(tfResize, 'int32');
+          tfInt32 = tf__namespace.cast(tfResize, 'float32');
           tfResize.dispose();
           _b = (_a = tf__namespace).tensor4d;
           _d = (_c = Array).from;
@@ -9176,7 +9176,7 @@ function makeFocusPrediction(imageData, bbox, logPredictions) {
         case 2:
           tf4d_ = _b.apply(_a, [_d.apply(_c, [_e.sent()]), [1, 448, 448, 3]]);
           tfInt32.dispose();
-          tf4d = tf__namespace.cast(tf4d_, 'int32');
+          tf4d = tf__namespace.cast(tf4d_, 'float32');
           tf4d_.dispose();
           if (logPredictions) console.time('focus prediction');
           return [4 /*yield*/, focusModel.predict(tf4d)];
@@ -10128,7 +10128,7 @@ var IdCapture = function IdCapture(_a) {
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     ref: ref,
     className: "flex ".concat((_l = classNames.container) !== null && _l !== void 0 ? _l : '')
-  }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureGuideOverlay, {
+  }, /*#__PURE__*/React__default['default'].createElement(IdCaptureGuideOverlay, {
     classNames: classNames.guides,
     width: width,
     height: height,