@neofaceid/web-sdk 1.38.2 → 1.39.0

package/dist/index.d.ts

@@ -180,14 +180,6 @@ declare interface BiometricCaptureOptions {
     autoLighting?: boolean;
 }
 
-/**
- * Função de conveniência para login biométrico simples
- * @param applicationToken Token da aplicação
- * @param mode Modo de captura ('face', 'hand' ou 'auto')
- * @returns Promise que resolve com o resultado do login
- */
-export declare function biometricLogin(applicationToken: string, mode?: 'face' | 'hand' | 'auto'): Promise<BiometricLoginResult>;
-
 export declare interface BiometricLoginOptions {
     applicationToken: string;
     /**
@@ -229,14 +221,6 @@ declare const BiometricLoginResultSchema: z.ZodObject<{
     message: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 
-/**
- * Inicia o processo de login biométrico com fallback para email e senha se não houver match (assumindo purpose LOGIN).
- * @param applicationToken Token da aplicação
- * @param mode Modo de captura ('face', 'hand' ou 'auto')
- * @returns Promise que resolve com o resultado do login
- */
-export declare function biometricLoginWithFallback(applicationToken: string, mode?: 'face' | 'hand' | 'auto'): Promise<BiometricLoginResult>;
-
 declare interface BiometricRegistrationCallbacks {
     onSuccess(result: BiometricRegistrationResult): void;
     onError(code: string, message: string): void;
@@ -1722,7 +1706,7 @@ export declare const validateToken: (applicationToken: string) => Promise<boolea
  * MINOR: Incrementado quando adicionamos funcionalidades mantendo compatibilidade
  * PATCH: Incrementado quando corrigimos bugs mantendo compatibilidade
  */
-export declare const VERSION = "1.38.2";
+export declare const VERSION = "1.39.0";
 
 /**
  * Executa `fn(sessionId)`. Se o servidor devolver 410 (sessão consumida/expirada),

package/dist/neoface-id-sdk.es.js

@@ -6760,6 +6760,62 @@ const NEOFACEID_MARK_MONO_SVG = markMonoSvg;
 function brandMarkMono(sizePx = 18) {
   return `<span class="neoface-brand-mark" style="display:inline-flex;align-items:center;justify-content:center;width:${sizePx}px;height:${sizePx}px;color:currentColor;">${markMonoSvg}</span>`;
 }
+const CONTAINER_BASE = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 6,
+  color: "var(--nfid-text-subtle)",
+  fontFamily: "inherit",
+  lineHeight: 1
+};
+const MARK_BASE = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  color: "currentColor"
+};
+const NAME_STYLE = {
+  fontSize: 12,
+  fontWeight: 600,
+  letterSpacing: 0.2,
+  color: "var(--nfid-text-muted)"
+};
+const BY_STYLE = {
+  fontSize: 9,
+  fontWeight: 400,
+  color: "var(--nfid-text-subtle)",
+  opacity: 0.75
+};
+const ORG_STYLE = {
+  fontSize: 9,
+  fontWeight: 500,
+  color: "var(--nfid-text-subtle)",
+  opacity: 0.75
+};
+function BrandFooter({ size = 16, style }) {
+  return /* @__PURE__ */ jsxs("div", { className: "neofaceid-brand-footer", style: { ...CONTAINER_BASE, ...style }, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        style: { ...MARK_BASE, width: size, height: size },
+        dangerouslySetInnerHTML: { __html: NEOFACEID_MARK_MONO_SVG }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { style: NAME_STYLE, children: "NeoFaceID" }),
+    /* @__PURE__ */ jsx("span", { style: BY_STYLE, children: "by" }),
+    /* @__PURE__ */ jsx("span", { style: ORG_STYLE, children: "Octa" })
+  ] });
+}
+function renderBrandFooter(size = 16) {
+  const containerCss = "display:flex;align-items:center;justify-content:center;gap:6px;color:var(--nfid-text-subtle);font-family:inherit;line-height:1;";
+  const markCss = `display:inline-flex;align-items:center;justify-content:center;color:currentColor;width:${size}px;height:${size}px;`;
+  const nameCss = "font-size:12px;font-weight:600;letter-spacing:0.2px;color:var(--nfid-text-muted);";
+  const byCss = "font-size:9px;font-weight:400;color:var(--nfid-text-subtle);opacity:0.75;";
+  const orgCss = "font-size:9px;font-weight:500;color:var(--nfid-text-subtle);opacity:0.75;";
+  return `<div class="neofaceid-brand-footer" style="${containerCss}"><span aria-hidden="true" style="${markCss}">${NEOFACEID_MARK_MONO_SVG}</span><span style="${nameCss}">NeoFaceID</span><span style="${byCss}">by</span><span style="${orgCss}">Octa</span></div>`;
+}
 class ForgotPasswordModal {
   constructor(applicationToken) {
     __publicField(this, "applicationToken");
@@ -6819,9 +6875,7 @@ class ForgotPasswordModal {
           </button>
 
           <div class="neoface-forgot-branding">
-            ${brandMarkMono(18)}
-            <span>NeoFaceId by</span>
-            <span class="neoface-forgot-brand-name">OCTA</span>
+            ${renderBrandFooter()}
           </div>
         </div>
       </div>
@@ -6854,9 +6908,7 @@ class ForgotPasswordModal {
       </button>
 
       <div class="neoface-forgot-branding">
-        ${brandMarkMono(18)}
-        <span>NeoFaceId by</span>
-        <span class="neoface-forgot-brand-name">OCTA</span>
+        ${renderBrandFooter()}
       </div>
     `;
     const closeBtn = content.querySelector(".neoface-forgot-close-success");
@@ -7753,18 +7805,7 @@ function BiometricRegistrationModal({
           children: "Não consigo fazer esse movimento"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "branding-small", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "brand-logo-small",
-            style: { display: "inline-flex", width: 18, height: 18, color: "currentColor" },
-            dangerouslySetInnerHTML: { __html: NEOFACEID_MARK_MONO_SVG }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "NeoFaceId by" }),
-        /* @__PURE__ */ jsx("span", { className: "brand-name", children: "OCTA" })
-      ] })
+      /* @__PURE__ */ jsx("div", { className: "branding-small", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
     ] });
   };
   const renderProcessing = () => /* @__PURE__ */ jsxs("div", { className: "processing-container", children: [
@@ -7774,7 +7815,7 @@ function BiometricRegistrationModal({
     ] }),
     /* @__PURE__ */ jsx("h3", { children: "Processando biometria" }),
     /* @__PURE__ */ jsx("p", { children: "Analisando suas capturas faciais..." }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         className: "branding",
@@ -7783,10 +7824,7 @@ function BiometricRegistrationModal({
           paddingTop: "24px",
           borderTop: "1px solid rgba(255, 255, 255, 0.1)"
         },
-        children: [
-          /* @__PURE__ */ jsx("span", { children: "NeoFaceId by" }),
-          /* @__PURE__ */ jsx("span", { className: "brand-name", children: "OCTA" })
-        ]
+        children: /* @__PURE__ */ jsx(BrandFooter, {})
       }
     )
   ] });
@@ -7828,7 +7866,7 @@ function BiometricRegistrationModal({
     ] }),
     /* @__PURE__ */ jsx("h3", { children: "Inicializando câmera" }),
     /* @__PURE__ */ jsx("p", { children: "Aguarde enquanto preparamos a câmera..." }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         className: "branding",
@@ -7837,10 +7875,7 @@ function BiometricRegistrationModal({
           paddingTop: "24px",
           borderTop: "1px solid rgba(255, 255, 255, 0.1)"
         },
-        children: [
-          /* @__PURE__ */ jsx("span", { children: "NeoFaceId by" }),
-          /* @__PURE__ */ jsx("span", { className: "brand-name", children: "OCTA" })
-        ]
+        children: /* @__PURE__ */ jsx(BrandFooter, {})
       }
     )
   ] });
@@ -7907,7 +7942,7 @@ function BiometricRegistrationModal({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: "branding",
@@ -7917,18 +7952,7 @@ function BiometricRegistrationModal({
             borderTop: "1px solid rgba(255, 255, 255, 0.08)",
             width: "100%"
           },
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "brand-logo",
-                style: { display: "inline-flex", width: 18, height: 18, color: "currentColor" },
-                dangerouslySetInnerHTML: { __html: NEOFACEID_MARK_MONO_SVG }
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { children: "NeoFaceId by" }),
-            /* @__PURE__ */ jsx("span", { className: "brand-name", children: "OCTA" })
-          ]
+          children: /* @__PURE__ */ jsx(BrandFooter, {})
         }
       )
     ] });
@@ -8909,7 +8933,7 @@ function ConsentModalComponent({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "neofaceid-consent-footer", children: /* @__PURE__ */ jsx("span", { className: "neofaceid-consent-seal", children: "Protegido por NeoFaceID" }) })
+      /* @__PURE__ */ jsx("div", { className: "neofaceid-consent-footer", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
     ] }) })
   ] });
 }
@@ -9170,7 +9194,7 @@ class BiometricCaptureModal {
             <button class="neofaceid-capture-btn" type="button" disabled>Capturar</button>
           </div>
           <div class="neofaceid-seal-row">
-            <span class="neofaceid-seal">Protegido por NeoFaceID</span>
+            ${renderBrandFooter()}
           </div>
         </div>
       </div>
@@ -10143,9 +10167,7 @@ class EmailPasswordModal {
           
           <!-- Branding -->
           <div class="neoface-email-branding">
-            ${brandMarkMono(18)}
-            <span>NeoFaceId by</span>
-            <span class="neoface-email-brand-name">OCTA</span>
+            ${renderBrandFooter()}
           </div>
         </div>
       </div>
@@ -10972,64 +10994,6 @@ async function startAutoLogin(options) {
     );
   }
 }
-function biometricLogin(applicationToken, mode = "auto") {
-  return new Promise((resolve, reject) => {
-    const options = {
-      applicationToken,
-      onSuccess: resolve,
-      onError: reject
-    };
-    switch (mode) {
-      case "face":
-        startFaceLogin(options);
-        break;
-      case "hand":
-        startHandLogin(options);
-        break;
-      case "auto":
-        startAutoLogin(options);
-        break;
-      default:
-        reject(new NeoFaceError("Modo de login inválido", ErrorType.VALIDATION_ERROR));
-    }
-  });
-}
-function biometricLoginWithFallback(applicationToken, mode = "auto") {
-  return new Promise((resolve, reject) => {
-    const options = {
-      applicationToken,
-      onSuccess: resolve,
-      onError: (error) => {
-        if (error.type === ErrorType.LOGIN_FAILED) {
-          const fallbackOptions = {
-            applicationToken,
-            onSuccess: resolve,
-            onError: reject,
-            title: "Login Alternativo",
-            subtitle: "Biometria não reconhecida. Por favor, informe email e senha."
-          };
-          const modal = new EmailPasswordModal(fallbackOptions);
-          modal.open();
-        } else {
-          reject(error);
-        }
-      }
-    };
-    switch (mode) {
-      case "face":
-        startFaceLogin(options);
-        break;
-      case "hand":
-        startHandLogin(options);
-        break;
-      case "auto":
-        startAutoLogin(options);
-        break;
-      default:
-        reject(new NeoFaceError("Modo de login inválido", ErrorType.VALIDATION_ERROR));
-    }
-  });
-}
 async function detectBiometricType(imageData) {
   try {
     const img = await loadImageFromBase64(imageData);
@@ -11199,7 +11163,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.38.2";
+const VERSION = "1.39.0";
 const RELEASE_DATE = "2026-09-06";
 let cachedSession = null;
 function getCachedCaptureSession() {
@@ -11537,7 +11501,7 @@ class OnboardingCaptureModal {
           <button class="neofaceid-capture-btn" disabled>Capturar</button>
         </div>
         <div class="neofaceid-seal-row">
-          <span class="neofaceid-seal">Protegido por NeoFaceID</span>
+          ${renderBrandFooter()}
         </div>
       </div>
     `;
@@ -13069,7 +13033,7 @@ function AuthorizeModalComponent({
       ] }),
       phase === "preparing" && /* @__PURE__ */ jsx("p", { className: "nfid-authorize-support", children: "Ligando sua câmera…" }),
       /* @__PURE__ */ jsx("div", { className: "nfid-authorize-actions", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleClose, children: "Não consigo fazer esse movimento" }) }),
-      /* @__PURE__ */ jsx("div", { className: "nfid-authorize-footer", children: /* @__PURE__ */ jsx("span", { className: "nfid-authorize-seal", children: "Protegido por NeoFaceID" }) })
+      /* @__PURE__ */ jsx("div", { className: "nfid-authorize-footer", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
     ] })
   ] });
 }
@@ -13396,10 +13360,7 @@ class DocumentCaptureModal {
   renderBranding() {
     return `
       <div class="neoface-doc-branding">
-        ${brandMarkMono(18)}
-        <span class="neoface-doc-brand-name-text">NeoFaceId</span>
-        <span class="neoface-doc-brand-text">by</span>
-        <span class="neoface-doc-brand-name">OCTA</span>
+        ${renderBrandFooter()}
       </div>
     `;
   }
@@ -14300,8 +14261,6 @@ export {
   VERSION,
   authorize,
   authorizeOperation,
-  biometricLogin,
-  biometricLoginWithFallback,
   checkUserExistence,
   completeOnboarding,
   completeOnboardingWithData,