santoid-sdk 9.0.0 → 9.2.0

package/client/liveness-capture/keepFreshnessCanvasVisible.d.ts

@@ -0,0 +1,8 @@
+/**
+ * O canvas do desafio de luz nasce com o atributo `hidden` e e' exibido com
+ * `style.display = 'block'`. CSS de reset que forca `[hidden] { display: none
+ * !important }` - o do Tailwind v4, por exemplo - vence o estilo inline, a tela
+ * nao pisca e a verificacao perde o desafio de luz. Aqui o atributo acompanha
+ * o display que a captura pediu, entao nenhum CSS da pagina consegue esconde-lo.
+ */
+export declare function keepFreshnessCanvasVisible(element: HTMLElement): () => void;

package/client/liveness-capture/keepFreshnessCanvasVisible.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keepFreshnessCanvasVisible = void 0;
+const FRESHNESS_CANVAS_CLASS = 'amplify-liveness-freshness-canvas';
+function syncHidden(canvas) {
+    if (canvas.style.display === 'block') {
+        canvas.removeAttribute('hidden');
+    }
+    else if (canvas.style.display === 'none') {
+        canvas.setAttribute('hidden', '');
+    }
+}
+/**
+ * O canvas do desafio de luz nasce com o atributo `hidden` e e' exibido com
+ * `style.display = 'block'`. CSS de reset que forca `[hidden] { display: none
+ * !important }` - o do Tailwind v4, por exemplo - vence o estilo inline, a tela
+ * nao pisca e a verificacao perde o desafio de luz. Aqui o atributo acompanha
+ * o display que a captura pediu, entao nenhum CSS da pagina consegue esconde-lo.
+ */
+function keepFreshnessCanvasVisible(element) {
+    const observer = new MutationObserver((mutations) => {
+        var _a;
+        for (const mutation of mutations) {
+            const target = mutation.target;
+            if (mutation.type === 'attributes' && ((_a = target.classList) === null || _a === void 0 ? void 0 : _a.contains(FRESHNESS_CANVAS_CLASS))) {
+                syncHidden(target);
+            }
+        }
+    });
+    observer.observe(element, { subtree: true, attributes: true, attributeFilter: ['style'] });
+    return () => { observer.disconnect(); };
+}
+exports.keepFreshnessCanvasVisible = keepFreshnessCanvasVisible;

package/client/liveness-capture/types.d.ts

@@ -0,0 +1,2 @@
+export type TLivenessCaptureLanguage = 'pt' | 'en';
+export type TLivenessCaptureColorMode = 'light' | 'dark';

package/client/liveness-capture/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "santoid-sdk",
-  "version": "9.0.0",
+  "version": "9.2.0",
   "description": "",
   "main": "client/index.js",
   "types": "client/index.d.ts",
@@ -9,19 +9,23 @@
     "build:clear": "rm -rf ./browser ./api ./client ./server ./utils ./index.js ./index.d.ts ./dist",
     "build:webpack": "webpack --mode=production",
     "build:typescript": "npm run build:clear && tsc -p tsconfig.prod.json",
-    "build": "npm run build:typescript && npm run build:webpack && npm run expose:cmd",
+    "build": "npm run build:typescript && npm run build:webpack && npm run build:prune && npm run expose:cmd",
     "test": "jest --coverage false --runInBand",
-    "test:coverage": "jest --coverage --runInBand"
+    "test:coverage": "jest --coverage --runInBand",
+    "build:prune": "rm -f dist/client/liveness-capture/LivenessCapture.* dist/client/liveness-capture/displayText.*"
   },
   "keywords": [],
   "author": "SantoDigital",
   "license": "Apache-2.0",
   "devDependencies": {
+    "@aws-amplify/ui-react": "^6.15.5",
+    "@aws-amplify/ui-react-liveness": "^3.6.8",
     "@types/jest": "^29.5.5",
     "@types/node": "^20.6.2",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
     "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "aws-amplify": "^6.20.0",
     "clean-webpack-plugin": "^4.0.0",
     "css-loader": "^7.1.5",
     "eslint": "^8.0.1",
@@ -32,6 +36,8 @@
     "jest": "^29.7.0",
     "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^29.7.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.1.1",
     "ts-loader": "^9.4.4",
@@ -42,13 +48,8 @@
     "webpack-node-externals": "^3.0.0"
   },
   "dependencies": {
-    "@aws-amplify/ui-react": "^6.15.5",
-    "@aws-amplify/ui-react-liveness": "^3.6.8",
-    "aws-amplify": "^6.20.0",
     "axios": "^1.5.1",
     "form-data": "^4.0.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
     "uuid": "^3.3.3"
   }
 }

package/client/liveness-capture/LivenessCapture.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export type TLivenessCaptureLanguage = 'pt' | 'en';
-export type TLivenessCaptureColorMode = 'light' | 'dark';
-export interface ILivenessCaptureProps {
-    sessionId: string;
-    region: string;
-    language: TLivenessCaptureLanguage;
-    colorMode: TLivenessCaptureColorMode;
-    onComplete: () => void;
-    onError: (message: string, details: unknown) => void;
-    onCancel: () => void;
-}
-export declare function LivenessCapture({ sessionId, region, language, colorMode, onComplete, onError, onCancel, }: ILivenessCaptureProps): import("react").JSX.Element;

package/client/liveness-capture/LivenessCapture.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LivenessCapture = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_react_liveness_1 = require("@aws-amplify/ui-react-liveness");
-const ui_react_1 = require("@aws-amplify/ui-react");
-const displayText_1 = require("./displayText");
-const captureTheme = (0, ui_react_1.createTheme)({
-    name: 'santoid-liveness-capture',
-    overrides: [ui_react_1.defaultDarkModeOverride],
-});
-// Em ingles valem os textos padrao do componente.
-const displayTextByLanguage = {
-    pt: displayText_1.portugueseDisplayText,
-    en: undefined,
-};
-function LivenessCapture({ sessionId, region, language, colorMode, onComplete, onError, onCancel, }) {
-    return ((0, jsx_runtime_1.jsx)(ui_react_1.ThemeProvider, { theme: captureTheme, colorMode: colorMode, children: (0, jsx_runtime_1.jsx)(ui_react_liveness_1.FaceLivenessDetector, { sessionId: sessionId, region: region, displayText: displayTextByLanguage[language], onAnalysisComplete: async () => { onComplete(); }, onUserCancel: onCancel, onError: (captureError) => {
-                var _a, _b;
-                onError(`${captureError.state}: ${(_b = (_a = captureError.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : 'capture failed'}`, captureError);
-            } }) }));
-}
-exports.LivenessCapture = LivenessCapture;

package/client/liveness-capture/displayText.d.ts

@@ -1,54 +0,0 @@
-export declare const portugueseDisplayText: {
-    readonly cameraMinSpecificationsHeadingText: "Câmera não atende aos requisitos mínimos";
-    readonly cameraMinSpecificationsMessageText: "A câmera precisa suportar ao menos 320x240 e 15 quadros por segundo.";
-    readonly cameraNotFoundHeadingText: "Câmera não encontrada";
-    readonly cameraNotFoundMessageText: "Verifique se há uma câmera conectada e se o navegador tem permissão de acesso.";
-    readonly retryCameraPermissionsText: "Tentar novamente";
-    readonly waitingCameraPermissionText: "Aguardando permissão de acesso à câmera...";
-    readonly a11yVideoLabelText: "Vídeo da câmera para verificação de vivacidade";
-    readonly photosensitivityWarningHeadingText: "Aviso de fotossensibilidade";
-    readonly photosensitivityWarningBodyText: "Esta verificação exibe luzes coloridas. Tenha cuidado caso você seja fotossensível.";
-    readonly photosensitivityWarningInfoText: "Uma pequena porcentagem de pessoas pode ter convulsões ao ser exposta a luzes coloridas. Tenha cuidado se você ou alguém da sua família tiver epilepsia.";
-    readonly photosensitivityWarningLabelText: "Mais informações";
-    readonly goodFitCaptionText: "Enquadramento correto";
-    readonly goodFitAltText: "Rosto totalmente dentro do oval.";
-    readonly tooFarCaptionText: "Muito distante";
-    readonly tooFarAltText: "Rosto pequeno e distante do oval.";
-    readonly startScreenBeginCheckText: "Iniciar verificação";
-    readonly hintMoveFaceFrontOfCameraText: "Posicione o rosto em frente à câmera";
-    readonly hintTooManyFacesText: "Mantenha apenas um rosto em frente à câmera";
-    readonly hintFaceDetectedText: "Rosto detectado";
-    readonly hintCanNotIdentifyText: "Rosto não identificado";
-    readonly hintTooCloseText: "Afaste-se um pouco";
-    readonly hintTooFarText: "Aproxime-se";
-    readonly hintHoldFaceForFreshnessText: "Permaneça parado";
-    readonly hintConnectingText: "Conectando...";
-    readonly hintVerifyingText: "Verificando...";
-    readonly hintCheckCompleteText: "Verificação concluída";
-    readonly hintIlluminationTooBrightText: "Vá para um ambiente com menos luz";
-    readonly hintIlluminationTooDarkText: "Vá para um ambiente mais iluminado";
-    readonly hintIlluminationNormalText: "Iluminação adequada";
-    readonly hintCenterFaceText: "Centralize seu rosto";
-    readonly hintCenterFaceInstructionText: "Instrução: centralize o rosto no oval durante a verificação.";
-    readonly hintFaceOffCenterText: "Rosto fora do oval. Centralize-o.";
-    readonly hintMatchIndicatorText: "de enquadramento concluído";
-    readonly recordingIndicatorText: "Gravando";
-    readonly cancelLivenessCheckText: "Cancelar verificação";
-    readonly errorLabelText: "Erro";
-    readonly connectionTimeoutHeaderText: "Tempo de conexão esgotado";
-    readonly connectionTimeoutMessageText: "A conexão está lenta demais para concluir a verificação. Tente novamente.";
-    readonly timeoutHeaderText: "Tempo esgotado";
-    readonly timeoutMessageText: "O rosto não preencheu o oval a tempo. Tente novamente e mantenha o rosto dentro do oval.";
-    readonly faceDistanceHeaderText: "Falha na verificação";
-    readonly faceDistanceMessageText: "Evite aproximar-se demais durante a contagem.";
-    readonly multipleFacesHeaderText: "Falha na verificação";
-    readonly multipleFacesMessageText: "Mais de um rosto detectado. Certifique-se de que apenas um rosto esteja visível.";
-    readonly clientHeaderText: "Erro no cliente";
-    readonly clientMessageText: "A verificação falhou devido a um problema no dispositivo.";
-    readonly serverHeaderText: "Erro no servidor";
-    readonly serverMessageText: "Não foi possível concluir a verificação por um erro no servidor.";
-    readonly landscapeHeaderText: "Orientação não suportada";
-    readonly landscapeMessageText: "Gire o dispositivo para o modo retrato.";
-    readonly portraitMessageText: "Use o dispositivo em modo retrato durante a verificação.";
-    readonly tryAgainText: "Tentar novamente";
-};

package/client/liveness-capture/displayText.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.portugueseDisplayText = void 0;
-exports.portugueseDisplayText = {
-    cameraMinSpecificationsHeadingText: 'Câmera não atende aos requisitos mínimos',
-    cameraMinSpecificationsMessageText: 'A câmera precisa suportar ao menos 320x240 e 15 quadros por segundo.',
-    cameraNotFoundHeadingText: 'Câmera não encontrada',
-    cameraNotFoundMessageText: 'Verifique se há uma câmera conectada e se o navegador tem permissão de acesso.',
-    retryCameraPermissionsText: 'Tentar novamente',
-    waitingCameraPermissionText: 'Aguardando permissão de acesso à câmera...',
-    a11yVideoLabelText: 'Vídeo da câmera para verificação de vivacidade',
-    photosensitivityWarningHeadingText: 'Aviso de fotossensibilidade',
-    photosensitivityWarningBodyText: 'Esta verificação exibe luzes coloridas. Tenha cuidado caso você seja fotossensível.',
-    photosensitivityWarningInfoText: 'Uma pequena porcentagem de pessoas pode ter convulsões ao ser exposta a luzes coloridas. Tenha cuidado se você ou alguém da sua família tiver epilepsia.',
-    photosensitivityWarningLabelText: 'Mais informações',
-    goodFitCaptionText: 'Enquadramento correto',
-    goodFitAltText: 'Rosto totalmente dentro do oval.',
-    tooFarCaptionText: 'Muito distante',
-    tooFarAltText: 'Rosto pequeno e distante do oval.',
-    startScreenBeginCheckText: 'Iniciar verificação',
-    hintMoveFaceFrontOfCameraText: 'Posicione o rosto em frente à câmera',
-    hintTooManyFacesText: 'Mantenha apenas um rosto em frente à câmera',
-    hintFaceDetectedText: 'Rosto detectado',
-    hintCanNotIdentifyText: 'Rosto não identificado',
-    hintTooCloseText: 'Afaste-se um pouco',
-    hintTooFarText: 'Aproxime-se',
-    hintHoldFaceForFreshnessText: 'Permaneça parado',
-    hintConnectingText: 'Conectando...',
-    hintVerifyingText: 'Verificando...',
-    hintCheckCompleteText: 'Verificação concluída',
-    hintIlluminationTooBrightText: 'Vá para um ambiente com menos luz',
-    hintIlluminationTooDarkText: 'Vá para um ambiente mais iluminado',
-    hintIlluminationNormalText: 'Iluminação adequada',
-    hintCenterFaceText: 'Centralize seu rosto',
-    hintCenterFaceInstructionText: 'Instrução: centralize o rosto no oval durante a verificação.',
-    hintFaceOffCenterText: 'Rosto fora do oval. Centralize-o.',
-    hintMatchIndicatorText: 'de enquadramento concluído',
-    recordingIndicatorText: 'Gravando',
-    cancelLivenessCheckText: 'Cancelar verificação',
-    errorLabelText: 'Erro',
-    connectionTimeoutHeaderText: 'Tempo de conexão esgotado',
-    connectionTimeoutMessageText: 'A conexão está lenta demais para concluir a verificação. Tente novamente.',
-    timeoutHeaderText: 'Tempo esgotado',
-    timeoutMessageText: 'O rosto não preencheu o oval a tempo. Tente novamente e mantenha o rosto dentro do oval.',
-    faceDistanceHeaderText: 'Falha na verificação',
-    faceDistanceMessageText: 'Evite aproximar-se demais durante a contagem.',
-    multipleFacesHeaderText: 'Falha na verificação',
-    multipleFacesMessageText: 'Mais de um rosto detectado. Certifique-se de que apenas um rosto esteja visível.',
-    clientHeaderText: 'Erro no cliente',
-    clientMessageText: 'A verificação falhou devido a um problema no dispositivo.',
-    serverHeaderText: 'Erro no servidor',
-    serverMessageText: 'Não foi possível concluir a verificação por um erro no servidor.',
-    landscapeHeaderText: 'Orientação não suportada',
-    landscapeMessageText: 'Gire o dispositivo para o modo retrato.',
-    portraitMessageText: 'Use o dispositivo em modo retrato durante a verificação.',
-    tryAgainText: 'Tentar novamente',
-};