Mapeo IdentidadDigital (Opción1)
Este Mapeo es utilizado para personalizar los modales de IdentidadDigital (Opción1) que el usuario observa cuando va a realizar el escaneo del documento. Esta personalización puede cambiarse entre Web y Móvil.
Configuración Web.Config#
Debemos realizar la siguiente configuración en el Web.Config
Primera Configuración: Se coloca la URL junto con su puerto.
<add key="urlconfigs" value=""/>Ejemplo:
"https://test.digipromovil.com:0000/ApiConfiguradorFormatos/api/GeneracionLinks/"Segunda Configuración: Se coloca el ApiKey que crearon en su Portal
<add key="apikeyconfigs" value=""/>Ejemplo:
"DP-LXPpxMdlgm-r_RduYlQphaDIGIPRO"Configuración IdentidadDigital (Opción1)#
Al dar clic se muestra el siguiente modal:
Secciones de Módulo#
El módulo de Configuración cuenta con las siguientes funciones:
- Plataforma: Muestra las opciones a personalizar entre Web y Móvil.
- Configuración JSON: Caja de texto donde se colocará el json de personalización del elemento.
- Guardar: Botón para guardar la configuración.
- Cerrar: Botón que cierra el Modal de la configuración.
A continuación, se mostrará a detalle la configuración en sus respectivas plataformas.
Web: Validación de Documentos por Fotografía#
En el combo box “Plataforma” se selecciona la opción “web”.
Nota:
En el campo “Configuración JSON” se colocará el json de personalización, donde es obligatorio colocar el tipo de documento a capturar, esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
{"sdkDocument.flowType.documents":"tipo_de_configuracion"}Para esto existen tres tipos de configuración:
- ID(Card): MX2_ID
- PC(ProfessionalCard): MX2_PC
- Passport: XX_Passport_YYYY
Ejemplo:
{"sdkDocument.flowType.documents":"MX2_ID"}Para el cambio de colores del modal de escaneo de IdentidadDigital (Opción1) se coloca la siguiente configuración de ejemplo, al igual que se puede modificar todo el JSON.
Ejemplo:
{"generic.theme.colorAlertError":"#dab2d1","generic.theme.colorAlertSuccess":"#ECAEE5","generic.theme.colorAlertSuccessDark":"#EC94E0","generic.theme.colorAlertDetection":"#ECAEE5","generic.theme.colorAlertWarning":"#EC94E0","generic.theme.colorNeutral00":"#ECAEE5","generic.theme.colorNeutral05":"#ECAEE5","generic.theme.colorNeutral20":"#ECAEE5","generic.theme.colorNeutral40":"#2C262B","generic.theme.colorNeutral80":"#ECAEE5","generic.theme.colorPrimaryDark":"#2C262B","generic.theme.colorPrimaryMain":"#2C262B","generic.theme.colorPrimaryLight":"#ECAEE5","generic.theme.colorTertiary": "#E345CD","generic.theme.colorAlertSuccess":"#EC94E0","generic.theme.colorAlertDetection":"#ECAEE5"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\documentosweb.json"
documentosweb.json
{ "$schema": "./assets/schema.json", "generic": { "theme": { "colorAlertError": "#d63737", "colorAlertSuccess": "#AEE4C1", "colorAlertSuccessDark": "#53A335", "colorAlertDetection": "#257CD0", "colorAlertWarning": "#EB8D00", "colorNeutral00": "#ffffff", "colorNeutral05": "#f2f2f2", "colorNeutral20": "#cccccc", "colorNeutral40": "#999999", "colorNeutral80": "#333333", "colorPrimaryDark": "#000D44", "colorPrimaryMain": "#000D44", "colorPrimaryLight": "#3995ec", "colorTertiary": "#ff7777", "radiusSm": "8px", "radiusLg": "16px", "shadowSm": "none", "typographyBodyNormalFontFamily": "PublicSansNormal", "typographyBodyRegularFontFamily": "PublicSansRegular" }, "common": { "ui": { "logo": { "show": false, "media": "/images/IdentidadDigital (Opción1)Logo.png" }, "buttons": { "close": { "show": false, "media": "/images/closeButton.svg" } } }, "behavior": { "web": { "language": "ES", "logEvents": true }, "native": {
} } }, "views": { "loading": { "media": "", "card": { "title": "Cargando", "buttons": { "restart": { "text": "Reiniciar" } }, "media": "/images/spinner.gif", "header": "Cargando..." } } } }, "sdkDocument": { "flowType": { "documents": "XX_XX_XXXX" }, "views": { "deviceRotated": { "active": true, "onOrientation": "portrait" }, "instructions": { "active": true, "header": { "title": [ "Antes de comenzar el proceso, lea estas sencillas instrucciones" ] }, "card": { "title": { "documents": [ "La captura se tomará automáticamente" ] }, "subtitle": { "documents": [ "1. Asegúrese de que todos los datos del documento estén visibles, y de que no hay brillos o sombras. \n 2. Cuando el documento esté enfocado, la captura se tomará automáticamente" ] }, "media": { "documents": [ "/images/document1.svg", "/images/document2.svg" ] }, "header": "Instrucciones", "buttons": { "next": { "media": "/images/arrow-right.svg", "text": "Siguiente" }, "previous": { "media": "/images/arrow-left.svg", "text": "Anterior" } } }, "progressIndicator": { "show": true }, "buttons": { "startProcess": { "text": "Comenzar" } } }, "capture": { "positionGuides": { "colors": [ "#000D44", "#000D44", "#000D44", "#000D44", "#000D44" ], "num": 5 }, "guidance": { "preCapture": { "obverse": { "card": { "header": "Capture", "title": "Muestre la parte DELANTERA del documento", "media": "" } }, "reverse": { "card": { "header": "Capture", "title": "Muestre la parte TRASERA del documento", "media": "" } } }, "obverse": { "card": { "header": "Capture", "title": "Capturando ...", "media": "" } }, "reverse": { "card": { "header": "Capture", "title": "Capturando ...", "media": "" } }, "documentNotFound": { "card": { "header": "Instructions", "title": "No se ha podido detectar el documento. Por favor, colóquelo en el recuadro", "media": "" } } }, "manualCapture": { "active": true, "manualCaptureButtonDelay": 6000, "obverse": { "card": { "header": "Instructions", "title": "Pulse para capturar la parte DELANTERA", "media": "" } }, "reverse": { "card": { "header": "Instructions", "title": "Pulse para capturar la parte TRASERA", "media": "" } }, "buttons": { "captureButton": { "media": "", "text": "Hacer Foto" } } }, "tooFar": { "obverse": { "card": { "header": "Capture", "title": "Acerque el documento", "media": "/images/danger.svg" } }, "reverse": { "card": { "header": "Capture", "title": "Acerque el documento", "media": "/images/danger.svg" } } }, "flipFrameAnimation": { "active": true }, "successTick": { "show": true, "media": "" }, "detectionTimeout": 300000, "alternativeVideoRecorder": false }, "reviewImage": { "active": true, "card": { "header": "Review image", "media": "/images/tick.png", "title": "Compruebe que el documento está bien enfocado y es legible", "buttons": { "continue": { "text": "Continuar" }, "repeat": { "text": "Repetir" } } } }, "feedback": { "errors": { "orientationChangedRestartMessage": { "card": { "title": "No se ha podido completar el proceso debido a un cambio de orientación inesperado del dispositivo", "media": "/images/danger.svg", "header": "Error", "buttons": { "restart": { "text": "Reintentar" } } } }, "videoErrorNotFound": { "card": { "title": "Por favor, compruebe que su dispositivo dispone de cámara", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorPermission": { "card": { "title": "Por favor, asegúrese de permitir a la página acceso a la cámara y micrófono", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorDefault": { "card": { "title": "Lo sentimos, se ha producido un error al iniciar la cámara", "media": "/images/danger.svg", "header": "Error" } }, "dependenciesErrorText": { "card": { "title": "Lo sentimos, se ha producido un error cargando las dependencias. Revise su configuración y compruebe la ruta de sus recursos", "media": "/images/danger.svg", "header": "Error" } } } } }, "pathAssets": "Scripts/IdentidadDigital (Opción1)/DocumentCapture/assets" }}Web: Validación de Prueba de Vida#
En el combo box “Plataforma” se selecciona la opción “web”.
Nota:
Este mapeo es utilizado para configurar el “FlowType” del servicio, es decir la forma en la que tomará la selfie del usuario, esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
{"sdkSelfie.flowType":"tipo_de_FlowType"}Para esto existen tres tipos de configuración:
- selfie: Toma una fotografía al usuario.
- smile: Toma la fotografía del usuario cuando este sonríe.
- head: Toma la fotografía al usuario y un video moviendo la cabeza (arriba, abajo, izquierda o derecha).
Ejemplo:
{"sdkSelfie.flowType":"head"}Para el cambio de colores del modal de escaneo de IdentidadDigital (Opción1) se coloca la siguiente configuración de ejemplo, al igual que se puede modificar todo el JSON.
Ejemplo:
{"generic.theme.colorPrimaryLight": "#488bff","generic.theme.colorPrimaryDark": "#0f6984","generic.theme.colorPrimaryMain": "#ecb25c","generic.theme.colorNeutral00": "#bfff00","generic.theme.colorNeutral05": "#2bd2d8","generic.theme.colorNeutral20": "#7c7ced","generic.theme.colorNeutral40": "#c84ac2","generic.theme.colorNeutral80": "#000000","generic.theme.colorAlertDetection": "#ecb25c","generic.theme.colorAlertError": "#7c1111","generic.theme.colorAlertWarning": "#ecb25c","generic.theme.colorAlertSuccess": "#4da32c","generic.theme.colorAlertSuccessDark": "#ecb25c"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\selfieweb.json"
selfieweb.json
{ "$schema": "./assets/schema.json", "generic": { "theme": { "colorAlertError": "#d63737", "colorAlertSuccess": "#AEE4C1", "colorAlertSuccessDark": "#53A335", "colorAlertDetection": "#257CD0", "colorAlertWarning": "#EB8D00", "colorNeutral00": "#ffffff", "colorNeutral05": "#f2f2f2", "colorNeutral20": "#cccccc", "colorNeutral40": "#999999", "colorNeutral80": "#333333", "colorPrimaryDark": "#000D44", "colorPrimaryMain": "#000D44", "colorPrimaryLight": "#3995ec", "colorTertiary": "#ff7777", "radiusSm": "8px", "radiusLg": "16px", "shadowSm": "none", "typographyBodyNormalFontFamily": "PublicSansNormal", "typographyBodyRegularFontFamily": "PublicSansRegular" }, "common": { "ui": { "logo": { "show": false, "media": "/images/IdentidadDigital (Opción1)Logo.png" }, "buttons": { "close": { "show": false, "media": "/images/closeButton.svg" } } }, "behavior": { "web": { "language": "ES", "logEvents": true }, "native": {
} } }, "views": { "loading": { "media": "", "card": { "title": "Cargando", "buttons": { "restart": { "text": "Reiniciar" } }, "media": "/images/spinner.gif", "header": "Cargando..." } } } }, "sdkSelfie": { "flowType": "head", "views": { "instructions": { "active": true, "header": { "title": "Antes de comenzar el proceso, lea estas sencillas instrucciones" }, "card": { "title": { "selfie": [ "Posiciónese frente a la cámara" ], "head": [ "Posiciónese frente a la cámara", "Siga las instrucciones" ] }, "subtitle": { "selfie": [ "Asegúrese de no llevar gafas de sol, gorras u otros elementos que tapen su cara" ], "head": [ "Asegúrese de no llevar gafas de sol, gorras u otros elementos que tapen su cara", "1. Encaje la cara en el marco y espere a la detección \n 2. Mueva la cabeza ligeramente en la dirección que le indiquen las flechas \n 3. Cuando la pantalla le indique que lo ha hecho correctamente, vuelva a mirar al centro \n 4. Repita el proceso 2 veces" ] }, "media": { "selfie": [ "/images/alive01.png", "/images/alive02.png" ], "head": [ "/images/alive01.png", "/images/alive02.png", "/images/alive03.png" ] }, "header": "Instrucciones", "buttons": { "next": { "media": "/images/arrow-right.svg", "text": "Siguiente" }, "previous": { "media": "/images/arrow-left.svg", "text": "Anterior" } } }, "progressIndicator": { "show": true }, "buttons": { "startProcess": { "text": "Comenzar" } } }, "capture": { "guidance": { "centered": { "card": { "title": "Manténgase estable y no sonría", "media": "/images/danger.svg", "header": "Siga las instrucciones" } }, "notCentered": { "card": { "title": "Vuelva a centrar su cara en el óvalo", "media": "/images/danger.svg", "header": "Error" } } }, "selfie": { "card": { "title": "Centre su cara en el óvalo", "media": "/images/danger.svg", "header": "Siga las instrucciones" } }, "head": { "token": "", "card": { "header": "Foto de validación", "title": { "movement": "Mueva la cabeza", "back": "¡Bien! Vuelva a mirar al centro", "finish": "¡Bien!" }, "media": { "headBottomBack": "/images/head_bottom_back.gif", "headBottom": "/images/head_bottom.gif", "headCenter": "/images/head_center.gif", "headLeftBack": "/images/head_left_back.gif", "headLeft": "/images/head_left.gif", "headRightBack": "/images/head_right_back.gif", "headRight": "/images/head_right.gif", "headTopBack": "/images/head_top_back.gif", "headTop": "/images/head_top.gif", "back": "", "movement": "", "finish": "" }, "footer": "Paso %index de %range" } }, "successTick": { "show": true, "media": "" }, "detectionTimeout": 300000, "alternativeVideoRecorder": false }, "reviewImage": { "active": true, "card": { "header": "Revisar imagen", "media": "/images/tick.png", "title": "Asegúrese de que la cara se ve bien y tiene una expresión natural", "buttons": { "continue": { "text": "Continuar" }, "repeat": { "text": "Repetir" } } } }, "feedback": { "errors": { "validation": { "card": { "title": "No se ha podido completar el proceso. Por favor, inténtelo de nuevo", "header": "Error de validación", "media": "/images/danger.svg", "buttons": { "restart": { "text": "Reintentar" } } } }, "orientationChangedRestartMessage": { "card": { "title": "No se ha podido completar el proceso debido a un cambio de orientación inesperado del dispositivo", "media": "/images/danger.svg", "header": "Error", "buttons": { "restart": { "text": "Reintentar" } } } }, "videoErrorNotFound": { "card": { "title": "Por favor, compruebe que su dispositivo dispone de cámara", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorPermission": { "card": { "title": "Por favor, asegúrese de permitir a la página acceso a la cámara y micrófono", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorDefault": { "card": { "title": "Lo sentimos, se ha producido un error al iniciar la cámara", "media": "/images/danger.svg", "header": "Error" } }, "dependenciesErrorText": { "card": { "title": "Lo sentimos, se ha producido un error cargando las dependencias. Revise su configuración y compruebe la ruta de sus recursos", "media": "/images/danger.svg", "header": "Error" } } } } }, "pathAssets": "Scripts/IdentidadDigital (Opción1)/PhotoSelfieCapture/assets" }}Web: Validación de Documentos por Video y Prueba de Vida#
En el combo box “Plataforma” se selecciona la opción “web”.
Nota:
Este mapeo es utilizado para configurar todo el JSON de Documentos por Video y Prueba de Vida (No es obligatoria realizar esta configuración), esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
Ejemplo:
{"generic.theme.colorPrimaryDark":"#461735","generic.theme.colorPrimaryMain":"#461735","generic.theme.colorPrimaryLight":"#6c2452","sdkVideo.views.instructions.card.title.video":"Prueba de Configuración Diga su Nombre y Apellidos"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\videoweb.json"
videoweb.json
{ "$schema": "./assets/schema.json", "generic": { "theme": { "colorAlertError": "#d63737", "colorAlertSuccess": "#AEE4C1", "colorAlertSuccessDark": "#53A335", "colorAlertDetection": "#257CD0", "colorAlertWarning": "#EB8D00", "colorNeutral00": "#ffffff", "colorNeutral05": "#f2f2f2", "colorNeutral20": "#cccccc", "colorNeutral40": "#999999", "colorNeutral80": "#333333", "colorPrimaryDark": "#000D44", "colorPrimaryMain": "#000D44", "colorPrimaryLight": "#3995ec", "colorTertiary": "#ff7777", "radiusSm": "8px", "radiusLg": "16px", "shadowSm": "none", "typographyBodyNormalFontFamily": "PublicSansNormal", "typographyBodyRegularFontFamily": "PublicSansRegular" }, "common": { "ui": { "logo": { "show": false, "media": "/images/IdentidadDigital (Opción1)Logo.png" }, "buttons": { "close": { "show": false, "media": "/images/closeButton.svg" } } }, "behavior": { "web": { "language": "ES", "logEvents": true }, "native": {
} } }, "views": { "loading": { "media": "", "card": { "title": "Cargando", "buttons": { "restart": { "text": "Reiniciar" } }, "media": "/images/spinner.gif", "header": "Cargando..." } } } }, "sdkVideo": { "flowType": { "documents": "XX_XX_XXXX" }, "views": { "instructions": { "active": true, "header": { "title": [ "Antes de comenzar el proceso, lea estas sencillas instrucciones" ] }, "card": { "title": { "video": [ "Centre su cara y diga su nombre y apellidos", "Muestre su documento a cámara por ambos lados" ] }, "subtitle": { "video": [ "1. Centre su cara en el óvalo y no sonría. \n 2. Diga su nombre y apellidos en voz alta cuando se indique en pantalla", "Muestre el documento a cámara, primero la parte delantera y luego la parte trasera, como se indica en pantalla" ] }, "media": { "video": [ "/images/video.jpg", "/images/video1.jpg" ] }, "header": "Instrucciones", "buttons": { "next": { "media": "/images/arrow-right.svg", "text": "Siguiente" }, "previous": { "media": "/images/arrow-left.svg", "text": "Anterior" } } }, "progressIndicator": { "show": true }, "buttons": { "startProcess": { "text": "Comenzar" } } }, "capture": { "positionGuides": { "colors": [ "#000D44", "#000D44", "#000D44", "#000D44", "#000D44" ], "num": 5 }, "guidance": { "preCapture": { "obverse": { "card": { "header": "Capture", "title": "Muestre la parte DELANTERA del documento en la CÁMARA FRONTAL", "media": "" } }, "reverse": { "card": { "header": "Capture", "title": "Muestre la parte TRASERA del documento en la CÁMARA FRONTAL", "media": "" } }, "selfie": { "card": { "title": "Centre la cara en el óvalo", "media": "/images/danger.svg", "header": "Siga las instrucciones" } } }, "obverse": { "card": { "header": "Capture", "title": "Capturando ...", "media": "" } }, "reverse": { "card": { "header": "Capture", "title": "Capturando ...", "media": "" } }, "selfie": { "card": { "title": "Centre la cara en el óvalo", "media": "/images/danger.svg", "header": "Siga las instrucciones" }, "centered": { "card": { "title": "Manténgase estable y no sonría", "media": "/images/danger.svg", "header": "Siga las instrucciones" } }, "notCentered": { "card": { "title": "Vuelva a centrar la cara en el óvalo", "media": "/images/danger.svg", "header": "Error" } } }, "nameAndSurname": { "card": { "title": "Diga su nombre y apellidos en voz alta" } }, "documentNotFound": { "card": { "header": "Instructions", "title": "No se ha podido detectar el documento. Por favor, colóquelo en el recuadro", "media": "" } } }, "tooFar": { "obverse": { "card": { "header": "Capture", "title": "Acerque el documento", "media": "/images/danger.svg" } }, "reverse": { "card": { "header": "Capture", "title": "Acerque el documento", "media": "/images/danger.svg" } } }, "flipFrameAnimation": { "active": true }, "successTick": { "show": true, "media": "" }, "detectionTimeout": 100000, "alternativeVideoRecorder": false }, "feedback": { "errors": { "orientationChangedRestartMessage": { "card": { "title": "No se ha podido completar el proceso debido a un cambio de orientación inesperado del dispositivo", "media": "/images/danger.svg", "header": "Error", "buttons": { "restart": { "text": "Reiniciar" } } } }, "videoErrorNotFound": { "card": { "title": "Por favor, compruebe que su dispositivo dispone de cámara", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorPermission": { "card": { "title": "Por favor, asegúrese de permitir a la página acceso a la cámara y micrófono", "media": "/images/danger.svg", "header": "Error" } }, "videoErrorDefault": { "card": { "title": "Lo sentimos, se ha producido un error al iniciar la cámara", "media": "/images/danger.svg", "header": "Error" } }, "dependenciesErrorText": { "card": { "title": "Lo sentimos, se ha producido un error cargando las dependencias. Revise su configuración y compruebe la ruta de sus recursos", "media": "/images/danger.svg", "header": "Error" } } } } }, "pathAssets": "Scripts/IdentidadDigital (Opción1)/VideoCapture/assets" }}Móvil: Validación de Documentos por Fotografía#
En el combo box “Plataforma” se selecciona la opción “movil”.
Nota:
En este caso el tipo de identificación a escanear se toma por defecto el que viene en el JSON que es: "MX_IDCard_2019", Si requiere cambiar la configuración es necesario cambiarla desde la plataforma Móvil, esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
Para esto existen tres tipos de configuración:
- ID(Card): MX_IDCard_2019 (Este tipo de formato es solo para Móvil.)
- PC(ProfessionalCard): MX2_PC
- Passport: XX_Passport_YYYY
Ejemplo:
{"documents":"MX_IDCard_2019"}Para el cambio de colores y texto del modal de escaneo de IdentidadDigital (Opción1) se coloca la siguiente configuración de ejemplo, al igual que se puede modificar todo el JSON.
Ejemplo:
{"configuration.tutorialbackgroundcolor":"#f7c3f3","configuration.tutorialcontinuebuttoncolor":"#1A0419","configuration.tutorialcontinuebuttontextcolor":"f7c3f3","configuration.tutorialtitle":"Instrucciones:","configuration.tutorialtitlecolor":"#1A0419","configuration.tutorialtext":"Coloque su Identificación Oficial en una Superficie Plana y Bien Iluminada","configuration.tutorialtextcolor":"1A0419","configuration.continuebuttontext":"Continuar Escaneo"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\documentosmovil.json"
documentosmovil.json
{ "configuration": { "advancedDetectionEnabled": "NO", "advancedDetectionDeferred": "NO", "advancedDetectionObverseDelay": "6", "advancedDetectionReverseDelay": "6", "arrowcolor1": "#85caff", "arrowcolor2": "#ccefff", "arrowcolor3": "#e2f1f9", "arrowcolor4": "#edf4f8", "arrowcolor5": "#f9fafb", "arrows": "YES", "backgroundcolor": "#a8000000", "capturebackgroundcolor": "#7d7d7d", "checkdocumenttext": "Si la foto se ve bien, pulsa CONTINUAR", "checkdocumenttextcolor": "#ffffff", "closebutton": "YES", "continuebuttonbackgroundcolor": "#116466", "continuebuttontext": "CONTINUAR", "continuebuttontextcolor": "#ffffff", "documentdetectedoklevel1color": "#00ffd4", "documentdetectedoklevel2color": "#7fffd4", "documentdetectedoklevel3color": "#bfffff", "documentdetectedveryclosecolor": "#fc321e", "documentdetectedveryfarcolor": "#084da3", "documentveryclose": "¡Demasiado cerca! Aleje el dispositivo", "documentveryfar": "¡Demasiado lejos! Acerque el dispositivo", "fixedrectangle": "YES", "fixedtemplate": "YES", "infoalert": "Se tomarán las fotos automáticamente", "infoalertpass": "Se tomarán las fotos automáticamente", "infoalertshow": "YES", "infoalerttitle": "", "infoalerttitlepass": "", "informativetextcolor": "#ffffff", "obversedetectiondelay": "0", "obversenotfoundtext": "Encaje la parte DELANTERA", "onlyobverse": "NO", "passportbuttonbackgroundcolor": "#cccccc", "passportnotfoundtext": "Ajuste la página del pasaporte", "permissionrefused": "Ha rechazado el permiso.\nTiene que activarlo manualmente en:\nAjustes > Aplicación > Activar Permiso", "permissionrefusedbutton": "Abrir ajustes", "permissionrefusedtitle": "Permiso requerido", "popupvalidationbackgroundcolor": "#b3000000", "popupvalidationtextcolor": "#ffffff", "positivebuttontitle": "Continuar", "ratioButtonsValidation": "2", "repeatbuttonbackgroundcolor": "#116466", "repeatbuttontext": "REPETIR", "repeatbuttontextcolor": "#ffffff", "reversedetectiondelay": "0", "reversenotfoundtext": "Encaje la parte TRASERA", "secondswithoutpicture": "40", "secondswithoutshutterbuttonobverse": "10", "secondswithoutshutterbuttonreverse": "10", "secondswithshutterbuttonmessage": "6", "showdocument": "YES", "showtutorial": "YES", "shutterbuttonbackgroundcolor": "#e9e9ea", "shutterbuttonbordercolor": "#cccccc", "shutterbuttonmessage": "Presione el botón para sacar la foto", "shutterbuttonmessagetextcolor": "#ffffff", "shutterbuttonmessagebackgroundcolor": "#a8000000", "shutterbuttonshow": "YES", "tickcirclecolor": "#48ae64", "tickcolor": "#ffffff", "tutorialbackgroundcolor": "#424242", "tutorialcontinuebuttoncolor": "#116466", "tutorialcontinuebuttontext": "Continuar", "tutorialcontinuebuttontextcolor": "#ffffff", "tutorialtext": "Continuar", "tutorialtextcolor": "#ffffff", "tutorialtitle": "Captura Documento", "tutorialtitlecolor": "#ffffff", "userinfo": "Por favor, compruebe que su documento está enfocado, sin cortes y sin ningún tipo de brillo que impida su perfecta lectura.", "validationbackgroundcolor": "#424242" }, "documents": [ "MX_IDCard_2019" ]}Móvil: Validación de Prueba de Vida#
En el combo box “Plataforma” se selecciona la opción “movil”.
Nota:
En este caso el tipo de “FlowType” se toma por defecto el que viene en el JSON que es: "head", Si requiere cambiar la configuración es necesario cambiarla desde la plataforma Móvil, esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
Para esto existen tres tipos de configuración:
- selfie: Toma una fotografía al usuario.
- smile: Toma la fotografía del usuario cuando este sonríe.
- head: Toma la fotografía al usuario y un video moviendo la cabeza (arriba, abajo, izquierda o derecha).
Ejemplo:
{"flowType":"head"}Para el cambio de colores y texto del modal de escaneo de IdentidadDigital (Opción1) se coloca la siguiente configuración de ejemplo, al igual que se puede modificar todo el JSON.
Ejemplo:
{"facedetectedokcolor":"#11331d","informativetextcolor":"#11331d","mobileovalcolor":"#11331d","selfietutorialcontinuebuttontext":"Prueba"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\selfiemovil.json"
selfiemovil.json
{ "bringcloserfacetext": "Acérquese a la cámara", "capturebackgroundcolor": "#7d7d7d", "centerfacetext": "Centre su cara en el óvalo", "challengebottomtext": "Gira la cara hacia abajo", "challengecentertext": "¡Bien! Vuelve al centro", "challengeerrortext": "No se ha podido completar el proceso. Inténtelo de nuevo.", "challengelefttext": "Gira la cara hacia tu izquierda", "challengerighttext": "Gira la cara hacia tu derecha", "challengetoptext": "Gira la cara hacia arriba", "checkselfietext": "Si la foto se ve bien, pulsa CONTINUAR", "checkselfietextcolor": "#ffffff", "closebutton": "YES", "continuebuttonbackgroundcolor": "#116466", "continuebuttontext": "CONTINUAR", "continuebuttontextcolor": "#ffffff", "countdownposition": "center", "deviceincorrectposition": "Pon el teléfono en vertical frente a ti", "facedetectednotcenteredcolor": "#ff0000", "facedetectedokcolor": "#1a5eb0", "faceshapeoval": "YES", "facetightness": "tight", "facing": "front", "fixedoval": "YES", "finaltutorialalertshow": "YES", "infoalert": "Selfie automático: centre su cara en el óvalo.", "infoalertshow": "YES", "infoalerttitle": "", "informativebackgroundcolor": "#00000000", "informativetextcolor": "#1a5eb0", "informativetextposition": "center", "mobileoval": "NO", "mobileovalcolor": "#1a5eb0", "orientationbackgroundcolor": "#7f7f7f", "orientationopacity": "YES", "permissionrefused": "Ha rechazado el permiso. Tiene que activarlo manualmente en: Ajustes > Aplicación > Activar Permiso", "permissionrefusedbutton": "Abrir ajustes", "permissionrefusedtitle": "Abrir ajustes", "popupvalidationbackgroundcolor": "#b3000000", "popupvalidationtextcolor": "#ffffff", "positivebuttontext": "Continuar", "repeatbuttonbackgroundcolor": "#116466", "repeatbuttontextcolor": "#ffffff", "repeatbuttontext": "REPETIR", "searchingfacestepinstruction": "Ahora, encaja tu cara en el marco y mantente estable mientras tomamos una foto", "selfiealivearrowcolor": "#1a5eb0", "selfiengaserroralertbuttontext": "ENTENDIDO, CONTINUAR", "selfiengaserroralertdescription": "Vamos a empezar de nuevo el proceso. Después de sacar la foto, sigue estas instrucciones para hacer la validación. Asegúrate de estar en un entorno con luz y sin elementos que tapen tu cara.", "selfiengaserroralertstep1": "1- Gira la cabeza en la dirección indicada", "selfiengaserroralertstep2": "2- Escucharás un sonido al hacer el giro correctamente", "selfiengaserroralertstep3": "3- Vuelve a mirar al centro para continuar", "selfiengaserroralerttitle": "¿No sabes qué hacer?", "selfiengaserroralerttitlecolor": "#1a5eb0", "selfiengasshowarrows": "YES", "selfiengastutorialdescription3": "1. Encaja la cara en el marco y espera a la cuenta atrás. 2. Gira la cara ligeramente en la dirección que te indiquen las flechas. 3. Cuando la pantalla te indique que lo has hecho correctamente, vuelve a mirar al centro. 4. Repite el proceso 3 veces.", "selfiengastutorialstep3title": "Sigue las instrucciones", "selfiesmiletutorialdescription3": "1. Gira la cara ligeramente en la dirección que te indiquen las flechas. 2. Cuando la pantalla te indique que lo has hecho correctamente, vuelve a mirar al centro. 3. Repetiremos el proceso varias veces.", "selfiesmiletutorialstep3title": "Mantén la mirada y sonríe cuando se indique", "selfietutorialbackgroundcolor": "#ececec", "selfietutorialcontinuebuttonfirstgradientcolor": "#005db4", "selfietutorialcontinuebuttonsecondgradientcolor": "#009edd", "selfietutorialcontinuebuttontext": "COMENZAR EL PROCESO", "selfietutorialcontinuebuttontextcolor": "#ffffff", "selfietutorialcurrentpointcolor": "#1a5eb0", "selfietutorialdescription1": "Asegúrate tener una buena iluminación (si es natural, mejor aún).", "selfietutorialdescription2": "Procura que el teléfono esté lo más en vertical posible y míralo de frente. Evita elementos que te cubran la cara (el pelo, la mascarilla, etc.)", "selfietutorialdescriptioncolor": "#868686", "selfietutorialgeneraltitle": "Antes de comenzar el proceso, lee estas sencillas instrucciones", "selfietutorialgeneraltitlecolor": "#1a5eb0", "selfietutorialstep1title": "Busca el lugar adecuado", "selfietutorialstep2title": "Sujeta el telefono en vertical", "selfietutorialstepbuttonnexttext": "Siguiente", "selfietutorialstepbuttonnexttextcolor": "#1a5eb0", "selfietutorialstepbuttonprevioustext": "Anterior", "selfietutorialstepbuttonprevioustextcolor": "#1a5eb0", "selfietutorialsteptitlecolor": "#1a5eb0", "showselfie": "YES", "showtutorial": "YES", "smartselfie": "YES", "smilerequestserious": "Y ahora... Serio", "smilerequestsmile": "Y ahora... Sonría", "smiletimeout": "YES", "smiletimeoutmessage": "No se ha detectado su sonrisa. Por favor, pruebe otra vez.", "smiletimeoutseconds": "10", "tickcirclecolor": "#1a5eb0", "tickcolor": "#ffffff", "tickshow": "YES", "tutorialbackgroundcolor": "#12264e", "tutorialtitle": "Foto Selfie", "tutorialtitlecolor": "#ffffff", "tutorialcontinuebuttontext": "Continuar", "tutorialcontinuebuttontextcolor": "#ffffff", "tutorialphotolivetext": "Cuando comience: Ponga su cara en el ovalo y espere. Cuando se le requiera sonría o pongase serio.", "tutorialphotolivetitle": "Foto viva", "tutorialtext": "Foto Selfie", "tutorialtextcolor": "#ffffff", "userinfo": "Compruebe que su cara se muestra completa, con una expresión natural y sin ningún tipo de brillo o sombra.", "validationviewbackgroundcolor": "#424242", "IdentidadDigital (Opción1)logoshow": "NO", "flowType": "head"}Móvil: Validación de Documentos por Video y Prueba de Vida#
En el combo box “Plataforma” se selecciona la opción “movil”.
Nota:
Este mapeo es utilizado para configurar todo el JSON de Documentos por Video y Prueba de Vida (No es obligatoria realizar esta configuración), esta configuración no debe de llevar espacios ya que tiene un límite de 1000 caracteres.
Ejemplo:
{"configuration.countdowntextcolor":"#11331d","configuration.documentlabeltextbackgroundcolor":"#11331d","configuration.documentlabeltextbackgroundcolorfinal":"#11331d","configuration.videoinformativetext1":"PRUEBA"}Ejemplo de Configuración
Nota:
Este JSON lo encontraremos en la siguiente ruta: "APIConfiguradorFormatos\Configs\videomovil.json"
videomovil.json
{ "configuration": { "capturedbackgroundalpha": "0.85", "capturedlabelposition": "bottom", "capturedlabeltext": "Capturado", "closebutton": "YES", "countdowntextcolor": "#ffffff", "documentlabeltextbackgroundcolor": "#40b074", "documentlabeltextbackgroundcolorfinal": "#a8000000", "documentlabeltextcolor": "#ffffff", "documentmobileoval": "YES", "documentmobileovalcolor": "#00ff00", "documentobverselabeltext": "PARTE DELANTERA", "documentreverselabeltext": "PARTE TRASERA", "facemobileoval": "YES", "facemobileovalcolor": "#00ff00", "facenotfounderror": "No se pudo grabar el vídeo. Por favor, mire a la cámara y siga las instrucciones", "facenotfounderrortitle": "Error", "faceshapeoval": "NO", "finalerror": "No ha mostrado el documento o el documento estaba muy lejos y el proceso se ha detenido. Por favor, empiece de nuevo.", "finalerrortitle": "Ha ocurrido un error.", "fixedoval": "YES", "fixedrectangle": "YES", "fixedrectangleposition": "top", "infoalert": "Cuando se le solicite:\n Diga su NOMBRE y APELLIDOS.\n Muestre la parte DELANTERA de su documento.\n Muestre la parte TRASERA de su documento.", "infoalerteauthenticatemode": "La aplicación necesita grabar un vídeo selfie como prueba de vida.", "infoalertpass": "Cuando se le solicite:\n Diga su NOMBRE y APELLIDOS.\n Muestre la PÁGINA CON LOS DATOS del pasaporte.", "infoalertshow": "YES", "infoalerttitle": "Video Selfie", "infoalerttitleauthenticatemode": "Atención", "infoalerttitlepass": "Atención", "lifetype": "onboarding", "metadatadate": "YES", "metadatatoken": "YES", "obversenotfounderror": "Debe mostrar la parte DELANTERA del documento acercándolo a cámara.", "obversenotfounderrortitle": "Error", "onlyobverse": "NO", "permissionrefused": "Ha rechazado el permiso.\nTiene que activarlo manualmente en:\nAjustes > Aplicación > Activar permiso", "permissionrefusedbutton": "Abrir ajustes", "permissionrefusedtitle": "Permiso requerido", "positivebuttontitle": "Continuar", "reversedetection": "YES", "reversenotfounderror": "Debe mostrar a parte TRASERA del documento acercándolo a cámara.", "reversenotfounderrortitle": "Error", "secondsobversenotfounderror": "6", "secondsreversenotfounderror": "12", "secondsshowingface": "7", "secondsshowingobverse": "6", "secondsshowingreverse": "6", "secondsvideotimeout": "41", "secondsvideotimeoutonlyobverse": "17", "showtutorial": "YES", "tickcirclecolor": "#48ae64", "tickcolor": "#ffffff", "tutorialbackgroundcolor": "#12264e", "tutorialcontinuebuttoncolor": "#457db6", "tutorialcontinuebuttontext": "Continuar", "tutorialcontinuebuttontextcolor": "#ffffff", "tutorialpassporttext": "Cuando se le solicite:\n Diga su NOMBRE y APELLIDOS.\n Muestre la PÁGINA CON LOS DATOS del pasaporte.", "tutorialtext": "Cuando se le solicite:\n Diga su NOMBRE y APELLIDOS.\n Muestre la parte DELANTERA de su documento.\n Muestre la parte TRASERA de su documento.", "tutorialtextcolor": "#ffffff", "tutorialtitle": "Video Selfie", "tutorialtitlecolor": "#ffffff", "usernotacommodatedtext": "No se pudo grabar el vídeo. Por favor, mire a la cámara y siga las instrucciones.", "usernotacommodatedtitle": "Error", "videoinformativelabel": "YES", "videoinformativelabelbackgroundcolor": "#40b074", "videoinformativelabelbackgroundcolorfinal": "#a8000000", "videoinformativelabelborder": "YES", "videoinformativelabelbordercolor": "#40b074", "videoinformativelabelbordercolorfinal": "#a8000000", "videoinformativelabelposition": "top", "videoinformativelabelradius": "0", "videoinformativelabeltextcolor": "#ffffff", "videoinformativetext1": "Diga su NOMBRE y APELLIDOS", "videoinformativetext2": "Muestre la parte DELANTERA del documento.", "videoinformativetext2pass": "Muestre la página con los datos del pasaporte.", "videoinformativetext3": "Y ahora muestre la parte TRASERA." }}