@kya-os/consent 0.1.0

package/dist/templates/modes/otp.template.js

@@ -0,0 +1,316 @@
+"use strict";
+/**
+ * OTP Template
+ *
+ * One-Time Password authentication via SMS/email.
+ *
+ * @module @kya-os/consent/templates/modes/otp
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OTPTemplate = void 0;
+const base_template_1 = require("../base/base-template");
+const components_1 = require("../base/components");
+const escape_1 = require("../../security/escape");
+const modes_types_1 = require("../../types/modes.types");
+/**
+ * OTP Template
+ *
+ * Renders a two-step OTP flow:
+ * 1. Phone/email input to request code
+ * 2. Code input to verify
+ */
+class OTPTemplate extends base_template_1.BaseConsentTemplate {
+    get authMode() {
+        return modes_types_1.AUTH_MODES.OTP;
+    }
+    get otpConfig() {
+        return this.config.modeConfig?.otp;
+    }
+    renderAuthContent() {
+        const config = this.otpConfig;
+        const digits = config?.digits || 6;
+        return `
+      <div id="otp-request-container">
+        <form id="otp-request-form" class="space-y-4">
+          ${this.renderPhoneField(config)}
+          ${(0, components_1.renderErrorContainer)("otp-request-error")}
+          ${(0, components_1.renderFullWidthButton)("Send verification code", "submit")}
+        </form>
+      </div>
+      <div id="otp-verify-container" class="hidden">
+        <form id="otp-verify-form" class="space-y-4">
+          <div class="text-center mb-4">
+            <p class="text-sm text-gray-600">
+              ${(0, escape_1.escapeHtml)(config?.instructions || `Enter the ${digits}-digit code sent to your phone`)}
+            </p>
+          </div>
+          <div class="flex justify-center gap-2" id="otp-inputs">
+            ${this.renderOTPInputs(digits)}
+          </div>
+          ${(0, components_1.renderErrorContainer)("otp-verify-error")}
+          ${(0, components_1.renderFullWidthButton)("Verify", "submit")}
+          <div class="text-center">
+            <button type="button" id="resend-otp" class="text-sm link-primary disabled:opacity-50">
+              Resend code
+            </button>
+          </div>
+        </form>
+      </div>
+    `;
+    }
+    /**
+     * Render phone/email input field.
+     */
+    renderPhoneField(config) {
+        return (0, components_1.renderInput)("tel", "phone", config?.phoneLabel || "Phone number", config?.phonePlaceholder || "+1 (555) 123-4567", true, "tel");
+    }
+    /**
+     * Render OTP digit input boxes.
+     */
+    renderOTPInputs(digits) {
+        const inputs = [];
+        for (let i = 0; i < digits; i++) {
+            inputs.push(`
+        <input type="text" inputmode="numeric" pattern="[0-9]" maxlength="1"
+               class="w-12 h-14 text-center text-2xl font-bold border border-gray-300 rounded-lg shadow-sm focus-primary"
+               data-otp-index="${i}"
+               autocomplete="one-time-code" />
+      `);
+        }
+        return inputs.join("");
+    }
+    /**
+     * Override action buttons - form has its own submit.
+     */
+    renderActionButtons() {
+        return "";
+    }
+    renderModeScript() {
+        const serverUrl = (0, escape_1.escapeJs)(this.config.serverUrl);
+        const projectId = (0, escape_1.escapeJs)(this.config.projectId);
+        const sessionId = (0, escape_1.escapeJs)(this.config.sessionId);
+        const agentDid = (0, escape_1.escapeJs)(this.config.agentDid);
+        const tool = (0, escape_1.escapeJs)(this.config.tool);
+        const scopes = JSON.stringify(this.config.scopes);
+        const digits = this.otpConfig?.digits || 6;
+        const resendCooldown = this.otpConfig?.resendCooldown || 60;
+        return `
+<script>
+(function() {
+  const requestContainer = document.getElementById('otp-request-container');
+  const verifyContainer = document.getElementById('otp-verify-container');
+  const requestForm = document.getElementById('otp-request-form');
+  const verifyForm = document.getElementById('otp-verify-form');
+  const resendBtn = document.getElementById('resend-otp');
+  const otpInputs = document.querySelectorAll('[data-otp-index]');
+
+  const serverUrl = ${serverUrl};
+  const digits = ${digits};
+  const cooldown = ${resendCooldown};
+  let lastPhone = '';
+  let verificationId = '';
+
+  function getError(id) {
+    const container = document.getElementById(id);
+    return { container, div: container?.querySelector('div') };
+  }
+
+  function showError(id, message) {
+    const { container, div } = getError(id);
+    if (div) {
+      div.textContent = message;
+      container.classList.remove('hidden');
+    }
+  }
+
+  function hideError(id) {
+    const { container } = getError(id);
+    if (container) container.classList.add('hidden');
+  }
+
+  // OTP input auto-focus behavior
+  otpInputs.forEach((input, idx) => {
+    input.addEventListener('input', (e) => {
+      const value = e.target.value;
+      if (value && idx < otpInputs.length - 1) {
+        otpInputs[idx + 1].focus();
+      }
+    });
+
+    input.addEventListener('keydown', (e) => {
+      if (e.key === 'Backspace' && !e.target.value && idx > 0) {
+        otpInputs[idx - 1].focus();
+      }
+    });
+
+    input.addEventListener('paste', (e) => {
+      e.preventDefault();
+      const paste = (e.clipboardData || window.clipboardData).getData('text');
+      const chars = paste.replace(/\\D/g, '').slice(0, digits).split('');
+      chars.forEach((char, i) => {
+        if (otpInputs[i]) otpInputs[i].value = char;
+      });
+      if (chars.length > 0 && otpInputs[chars.length - 1]) {
+        otpInputs[chars.length - 1].focus();
+      }
+    });
+  });
+
+  // Request OTP
+  requestForm?.addEventListener('submit', async (e) => {
+    e.preventDefault();
+    hideError('otp-request-error');
+
+    const button = requestForm.querySelector('button[type="submit"]');
+    const phoneInput = requestForm.querySelector('input[name="phone"]');
+    lastPhone = phoneInput.value;
+
+    button.disabled = true;
+    button.textContent = 'Sending...';
+
+    try {
+      const response = await fetch(serverUrl + '/consent/otp/request', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          phone: lastPhone,
+          tool: ${tool},
+          scopes: ${scopes},
+          agent_did: ${agentDid},
+          session_id: ${sessionId},
+          project_id: ${projectId},
+        })
+      });
+
+      const result = await response.json();
+
+      if (result.success) {
+        verificationId = result.verificationId || '';
+        requestContainer.classList.add('hidden');
+        verifyContainer.classList.remove('hidden');
+        otpInputs[0]?.focus();
+        startResendCooldown();
+      } else {
+        showError('otp-request-error', result.error || 'Failed to send code');
+        button.disabled = false;
+        button.textContent = 'Send verification code';
+      }
+    } catch (err) {
+      showError('otp-request-error', 'Network error. Please try again.');
+      button.disabled = false;
+      button.textContent = 'Send verification code';
+    }
+  });
+
+  // Verify OTP
+  verifyForm?.addEventListener('submit', async (e) => {
+    e.preventDefault();
+    hideError('otp-verify-error');
+
+    const button = verifyForm.querySelector('button[type="submit"]');
+    const code = Array.from(otpInputs).map(i => i.value).join('');
+
+    if (code.length !== digits) {
+      showError('otp-verify-error', 'Please enter the full code');
+      return;
+    }
+
+    button.disabled = true;
+    button.textContent = 'Verifying...';
+
+    try {
+      const response = await fetch(serverUrl + '/consent/otp/verify', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          phone: lastPhone,
+          code: code,
+          verification_id: verificationId,
+          tool: ${tool},
+          scopes: ${scopes},
+          agent_did: ${agentDid},
+          session_id: ${sessionId},
+          project_id: ${projectId},
+        })
+      });
+
+      const result = await response.json();
+
+      if (result.success) {
+        button.textContent = 'Success!';
+        button.style.backgroundColor = '#10B981';
+
+        if (result.redirectUrl) {
+          window.location.href = result.redirectUrl;
+        } else if (result.delegation_id) {
+          window.location.href = serverUrl + '/consent/success?delegation_id=' +
+            encodeURIComponent(result.delegation_id) +
+            '&project_id=' + encodeURIComponent(${projectId});
+        }
+      } else {
+        showError('otp-verify-error', result.error || 'Invalid code');
+        button.disabled = false;
+        button.textContent = 'Verify';
+      }
+    } catch (err) {
+      showError('otp-verify-error', 'Network error. Please try again.');
+      button.disabled = false;
+      button.textContent = 'Verify';
+    }
+  });
+
+  // Resend cooldown
+  function startResendCooldown() {
+    resendBtn.disabled = true;
+    let remaining = cooldown;
+    resendBtn.textContent = 'Resend code (' + remaining + 's)';
+
+    const timer = setInterval(() => {
+      remaining--;
+      if (remaining <= 0) {
+        clearInterval(timer);
+        resendBtn.disabled = false;
+        resendBtn.textContent = 'Resend code';
+      } else {
+        resendBtn.textContent = 'Resend code (' + remaining + 's)';
+      }
+    }, 1000);
+  }
+
+  resendBtn?.addEventListener('click', async () => {
+    if (resendBtn.disabled) return;
+
+    resendBtn.disabled = true;
+    try {
+      const response = await fetch(serverUrl + '/consent/otp/request', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          phone: lastPhone,
+          tool: ${tool},
+          scopes: ${scopes},
+          agent_did: ${agentDid},
+          session_id: ${sessionId},
+          project_id: ${projectId},
+        })
+      });
+
+      const result = await response.json();
+      if (result.success) {
+        verificationId = result.verificationId || verificationId;
+        startResendCooldown();
+      } else {
+        resendBtn.disabled = false;
+        alert(result.error || 'Failed to resend');
+      }
+    } catch (err) {
+      resendBtn.disabled = false;
+      alert('Network error');
+    }
+  });
+})();
+</script>`;
+    }
+}
+exports.OTPTemplate = OTPTemplate;
+//# sourceMappingURL=otp.template.js.map

package/dist/templates/modes/otp.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp.template.js","sourceRoot":"","sources":["../../../src/templates/modes/otp.template.ts"],"names":[],"mappings":"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"}

package/dist/templates/modes/success.template.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Success Page Template
+ *
+ * Rendered after successful consent approval.
+ *
+ * @module @kya-os/consent/templates/modes/success
+ */
+import type { SuccessPageConfig } from "../../types/page.types";
+import type { ResolvedConsentBranding } from "../../types/branding.types";
+/**
+ * Success Page Template
+ *
+ * Standalone template for the success page (not extending BaseConsentTemplate).
+ * Renders a simple confirmation after consent is granted.
+ */
+export declare class SuccessTemplate {
+    private config;
+    private branding;
+    constructor(config: SuccessPageConfig, branding?: Partial<ResolvedConsentBranding>);
+    /**
+     * Render the success page.
+     */
+    render(): string;
+    /**
+     * Render the <head> section.
+     */
+    private renderHead;
+    /**
+     * Render credential/delegation info.
+     */
+    private renderCredentialInfo;
+    /**
+     * Render client-side script.
+     */
+    private renderScript;
+}
+/**
+ * Render a success page with the given configuration.
+ */
+export declare function renderSuccessPage(config: SuccessPageConfig, branding?: Partial<ResolvedConsentBranding>): string;
+//# sourceMappingURL=success.template.d.ts.map

package/dist/templates/modes/success.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.template.d.ts","sourceRoot":"","sources":["../../../src/templates/modes/success.template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAK1E;;;;;GAKG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,QAAQ,CAA0B;gBAE9B,MAAM,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC;IAkBlF;;OAEG;IACH,MAAM,IAAI,MAAM;IA6BhB;;OAEG;IACH,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;IACH,OAAO,CAAC,YAAY;CA2BrB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,iBAAiB,EACzB,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAC1C,MAAM,CAGR"}

package/dist/templates/modes/success.template.js

@@ -0,0 +1,140 @@
+"use strict";
+/**
+ * Success Page Template
+ *
+ * Rendered after successful consent approval.
+ *
+ * @module @kya-os/consent/templates/modes/success
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuccessTemplate = void 0;
+exports.renderSuccessPage = renderSuccessPage;
+const tokens_1 = require("../../styles/tokens");
+const stylesheet_1 = require("../../styles/stylesheet");
+const components_1 = require("../base/components");
+const escape_1 = require("../../security/escape");
+const colors_1 = require("../../constants/colors");
+const defaults_1 = require("../../constants/defaults");
+const css_variables_1 = require("../../styles/css-variables");
+/**
+ * Success Page Template
+ *
+ * Standalone template for the success page (not extending BaseConsentTemplate).
+ * Renders a simple confirmation after consent is granted.
+ */
+class SuccessTemplate {
+    constructor(config, branding) {
+        this.config = config;
+        const primaryColor = branding?.primaryColor || colors_1.DEFAULT_COLORS.PRIMARY;
+        const secondaryColor = branding?.secondaryColor || colors_1.DEFAULT_COLORS.SECONDARY;
+        this.branding = {
+            primaryColor,
+            secondaryColor,
+            logoUrl: branding?.logoUrl,
+            companyName: branding?.companyName,
+            cssVars: {
+                "--consent-primary": primaryColor,
+                "--consent-secondary": secondaryColor,
+                "--consent-primary-rgb": (0, css_variables_1.hexToRgb)(primaryColor),
+                "--consent-secondary-rgb": (0, css_variables_1.hexToRgb)(secondaryColor),
+            },
+        };
+    }
+    /**
+     * Render the success page.
+     */
+    render() {
+        const title = this.config.title || defaults_1.DEFAULT_SUCCESS.title;
+        const description = this.config.description || defaults_1.DEFAULT_SUCCESS.description;
+        const buttonText = this.config.continueButtonText || defaults_1.DEFAULT_SUCCESS.continueButtonText;
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  ${this.renderHead()}
+</head>
+<body class="bg-gray-50 min-h-screen flex items-center justify-center p-4">
+  <div class="${tokens_1.CONSENT_CLASSES.container}">
+    <div class="${tokens_1.CONSENT_CLASSES.content}">
+      <div class="text-center py-8">
+        ${(0, components_1.renderSuccessIcon)()}
+        <h1 class="${tokens_1.CONSENT_CLASSES.title} mb-4">${(0, escape_1.escapeHtml)(title)}</h1>
+        <p class="text-gray-600 mb-8">${(0, escape_1.escapeHtml)(description)}</p>
+        ${this.renderCredentialInfo()}
+        <div class="mt-6">
+          ${(0, components_1.renderFullWidthButton)(buttonText, "button")}
+        </div>
+      </div>
+    </div>
+  </div>
+  ${this.renderScript()}
+</body>
+</html>`;
+    }
+    /**
+     * Render the <head> section.
+     */
+    renderHead() {
+        return `
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.tailwindcss.com; style-src 'self' 'unsafe-inline' https://cdn.tailwindcss.com; img-src 'self' data: https:; font-src 'self' data:;">
+      <title>Access Granted</title>
+      <script src="https://cdn.tailwindcss.com"></script>
+      <style>
+        ${(0, stylesheet_1.generateHeadStyles)(this.branding)}
+      </style>
+    `;
+    }
+    /**
+     * Render credential/delegation info.
+     */
+    renderCredentialInfo() {
+        if (!this.config.delegationId) {
+            return "";
+        }
+        return `
+      <div class="bg-gray-50 rounded-lg p-4 mb-4">
+        <p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Delegation ID</p>
+        <p class="text-sm font-mono text-gray-700 break-all">${(0, escape_1.escapeHtml)(this.config.delegationId)}</p>
+      </div>
+    `;
+    }
+    /**
+     * Render client-side script.
+     */
+    renderScript() {
+        const autoClose = this.config.autoClose ?? false;
+        return `
+<script>
+(function() {
+  const closeBtn = document.querySelector('button');
+  const autoClose = ${autoClose};
+
+  if (closeBtn) {
+    closeBtn.addEventListener('click', function() {
+      window.close();
+      // If window.close() doesn't work (not opened by script), redirect home
+      setTimeout(function() {
+        window.location.href = '/';
+      }, 100);
+    });
+  }
+
+  if (autoClose) {
+    setTimeout(function() {
+      window.close();
+    }, 3000);
+  }
+})();
+</script>`;
+    }
+}
+exports.SuccessTemplate = SuccessTemplate;
+/**
+ * Render a success page with the given configuration.
+ */
+function renderSuccessPage(config, branding) {
+    const template = new SuccessTemplate(config, branding);
+    return template.render();
+}
+//# sourceMappingURL=success.template.js.map

package/dist/templates/modes/success.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.template.js","sourceRoot":"","sources":["../../../src/templates/modes/success.template.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AA2IH,8CAMC;AA/ID,gDAAsD;AACtD,wDAA6D;AAC7D,mDAA8E;AAC9E,kDAAmD;AAGnD,mDAAwD;AACxD,uDAA2D;AAC3D,8DAAsD;AAEtD;;;;;GAKG;AACH,MAAa,eAAe;IAI1B,YAAY,MAAyB,EAAE,QAA2C;QAChF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,MAAM,YAAY,GAAG,QAAQ,EAAE,YAAY,IAAI,uBAAc,CAAC,OAAO,CAAC;QACtE,MAAM,cAAc,GAAG,QAAQ,EAAE,cAAc,IAAI,uBAAc,CAAC,SAAS,CAAC;QAC5E,IAAI,CAAC,QAAQ,GAAG;YACd,YAAY;YACZ,cAAc;YACd,OAAO,EAAE,QAAQ,EAAE,OAAO;YAC1B,WAAW,EAAE,QAAQ,EAAE,WAAW;YAClC,OAAO,EAAE;gBACP,mBAAmB,EAAE,YAAY;gBACjC,qBAAqB,EAAE,cAAc;gBACrC,uBAAuB,EAAE,IAAA,wBAAQ,EAAC,YAAY,CAAC;gBAC/C,yBAAyB,EAAE,IAAA,wBAAQ,EAAC,cAAc,CAAC;aACpD;SACF,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,0BAAe,CAAC,KAAK,CAAC;QACzD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,0BAAe,CAAC,WAAW,CAAC;QAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,IAAI,0BAAe,CAAC,kBAAkB,CAAC;QAExF,OAAO;;;IAGP,IAAI,CAAC,UAAU,EAAE;;;gBAGL,wBAAe,CAAC,SAAS;kBACvB,wBAAe,CAAC,OAAO;;UAE/B,IAAA,8BAAiB,GAAE;qBACR,wBAAe,CAAC,KAAK,UAAU,IAAA,mBAAU,EAAC,KAAK,CAAC;wCAC7B,IAAA,mBAAU,EAAC,WAAW,CAAC;UACrD,IAAI,CAAC,oBAAoB,EAAE;;YAEzB,IAAA,kCAAqB,EAAC,UAAU,EAAE,QAAQ,CAAC;;;;;IAKnD,IAAI,CAAC,YAAY,EAAE;;QAEf,CAAC;IACP,CAAC;IAED;;OAEG;IACK,UAAU;QAChB,OAAO;;;;;;;UAOD,IAAA,+BAAkB,EAAC,IAAI,CAAC,QAAQ,CAAC;;KAEtC,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YAC9B,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO;;;+DAGoD,IAAA,mBAAU,EAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;;KAE9F,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC;QAEjD,OAAO;;;;sBAIW,SAAS;;;;;;;;;;;;;;;;;;UAkBrB,CAAC;IACT,CAAC;CACF;AApHD,0CAoHC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAC/B,MAAyB,EACzB,QAA2C;IAE3C,MAAM,QAAQ,GAAG,IAAI,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvD,OAAO,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC3B,CAAC"}

package/dist/templates/registry.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Template Registry
+ *
+ * Central registry for consent page templates.
+ * Provides factory methods for creating templates by auth mode.
+ *
+ * @module @kya-os/consent/templates/registry
+ */
+import { BaseConsentTemplate } from "./base/base-template";
+import type { AuthMode } from "../types/modes.types";
+import type { ExtendedConsentPageConfig } from "../types/page.types";
+import type { ConsentConfigWithMeta } from "../types/config.types";
+/**
+ * Get a template instance for the specified auth mode.
+ *
+ * @param authMode - The authentication mode
+ * @param config - Extended page config with mode-specific settings
+ * @param remoteConfig - Remote consent configuration from AgentShield
+ * @returns Template instance ready to render
+ */
+export declare function getTemplateForMode(authMode: AuthMode, config: ExtendedConsentPageConfig, remoteConfig?: ConsentConfigWithMeta): BaseConsentTemplate;
+/**
+ * Determine the auth mode from config.
+ *
+ * @param config - Page config with optional OAuth settings
+ * @returns Detected auth mode
+ */
+export declare function detectAuthMode(config: ExtendedConsentPageConfig): AuthMode;
+/**
+ * Check if an auth mode is valid.
+ *
+ * @param mode - Mode string to check
+ * @returns True if valid auth mode
+ */
+export declare function isValidAuthMode(mode: string): mode is AuthMode;
+/**
+ * Get all registered auth modes.
+ *
+ * @returns Array of auth mode identifiers
+ */
+export declare function getRegisteredModes(): AuthMode[];
+/**
+ * Render a consent page for the given config.
+ *
+ * This is the main entry point for rendering consent pages.
+ *
+ * @param config - Extended page config
+ * @param remoteConfig - Remote consent configuration from AgentShield
+ * @param authMode - Optional explicit auth mode (auto-detected if not provided)
+ * @returns Rendered HTML string
+ */
+export declare function renderConsentPage(config: ExtendedConsentPageConfig, remoteConfig?: ConsentConfigWithMeta, authMode?: AuthMode): string;
+/**
+ * Render an OAuth consent page with pre-configured OAuth URL.
+ *
+ * @param config - Extended page config
+ * @param oauthUrl - OAuth authorization URL
+ * @param remoteConfig - Remote consent configuration from AgentShield
+ * @returns Rendered HTML string
+ */
+export declare function renderOAuthConsentPage(config: ExtendedConsentPageConfig, oauthUrl: string, remoteConfig?: ConsentConfigWithMeta): string;
+//# sourceMappingURL=registry.d.ts.map

package/dist/templates/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/templates/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAS3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAqBnE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,yBAAyB,EACjC,YAAY,CAAC,EAAE,qBAAqB,GACnC,mBAAmB,CAyBrB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,yBAAyB,GAChC,QAAQ,CA4BV;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,QAAQ,CAE9D;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,QAAQ,EAAE,CAE/C;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,yBAAyB,EACjC,YAAY,CAAC,EAAE,qBAAqB,EACpC,QAAQ,CAAC,EAAE,QAAQ,GAClB,MAAM,CAIR;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,yBAAyB,EACjC,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,qBAAqB,GACnC,MAAM,CAOR"}