@kya-os/consent 0.1.0

package/dist/templates/modes/magic-link.template.js

@@ -0,0 +1,196 @@
+"use strict";
+/**
+ * Magic Link Template
+ *
+ * Passwordless authentication via email link.
+ *
+ * @module @kya-os/consent/templates/modes/magic-link
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MagicLinkTemplate = 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");
+/**
+ * Magic Link Template
+ *
+ * Renders an email-based passwordless login:
+ * - Email input field
+ * - Submit button
+ * - Success/waiting state
+ * - Resend link functionality
+ */
+class MagicLinkTemplate extends base_template_1.BaseConsentTemplate {
+    get authMode() {
+        return modes_types_1.AUTH_MODES.MAGIC_LINK;
+    }
+    get magicLinkConfig() {
+        return this.config.modeConfig?.magicLink;
+    }
+    renderAuthContent() {
+        const config = this.magicLinkConfig;
+        return `
+      <div id="magic-link-form-container">
+        <form id="magic-link-form" class="space-y-4">
+          ${this.renderEmailField(config)}
+          ${(0, components_1.renderErrorContainer)()}
+          ${(0, components_1.renderFullWidthButton)(config?.buttonText || "Send Magic Link", "submit")}
+        </form>
+      </div>
+      <div id="magic-link-sent" class="hidden text-center py-4 space-y-4">
+        <div class="w-16 h-16 mx-auto rounded-full bg-green-100 flex items-center justify-center">
+          <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+          </svg>
+        </div>
+        <h3 class="text-lg font-semibold text-gray-900">Check your email</h3>
+        <p class="text-sm text-gray-600">
+          We've sent a magic link to <span id="sent-email" class="font-medium"></span>.<br/>
+          Click the link to continue.
+        </p>
+        <button type="button" id="resend-btn" class="text-sm link-primary mt-4 disabled:opacity-50">
+          Resend link
+        </button>
+      </div>
+    `;
+    }
+    /**
+     * Render email input field.
+     */
+    renderEmailField(config) {
+        return (0, components_1.renderInput)("email", "email", config?.emailLabel || "Email address", config?.emailPlaceholder || "Enter your email", true, "email");
+    }
+    /**
+     * 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 resendCooldown = this.magicLinkConfig?.resendCooldown || 60;
+        return `
+<script>
+(function() {
+  const form = document.getElementById('magic-link-form');
+  const formContainer = document.getElementById('magic-link-form-container');
+  const sentContainer = document.getElementById('magic-link-sent');
+  const sentEmail = document.getElementById('sent-email');
+  const resendBtn = document.getElementById('resend-btn');
+  const errorContainer = document.getElementById('error-container');
+  const errorDiv = errorContainer?.querySelector('div');
+
+  if (!form) return;
+
+  const serverUrl = ${serverUrl};
+  const cooldown = ${resendCooldown};
+  let lastEmail = '';
+  let resendTimer = null;
+
+  async function sendMagicLink(email) {
+    const data = {
+      provider_type: 'magic_link',
+      email: email,
+      tool: ${tool},
+      scopes: ${scopes},
+      agent_did: ${agentDid},
+      session_id: ${sessionId},
+      project_id: ${projectId},
+    };
+
+    const response = await fetch(serverUrl + '/consent/magic-link', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    return response.json();
+  }
+
+  function showSent(email) {
+    formContainer.classList.add('hidden');
+    sentContainer.classList.remove('hidden');
+    sentEmail.textContent = email;
+
+    // Start cooldown
+    resendBtn.disabled = true;
+    let remaining = cooldown;
+    resendBtn.textContent = 'Resend link (' + remaining + 's)';
+
+    resendTimer = setInterval(() => {
+      remaining--;
+      if (remaining <= 0) {
+        clearInterval(resendTimer);
+        resendBtn.disabled = false;
+        resendBtn.textContent = 'Resend link';
+      } else {
+        resendBtn.textContent = 'Resend link (' + remaining + 's)';
+      }
+    }, 1000);
+  }
+
+  function showError(message) {
+    if (errorDiv) {
+      errorDiv.textContent = message;
+      errorContainer.classList.remove('hidden');
+    }
+  }
+
+  form.addEventListener('submit', async function(e) {
+    e.preventDefault();
+
+    const button = form.querySelector('button[type="submit"]');
+    const originalText = button.textContent;
+    const emailInput = form.querySelector('input[name="email"]');
+    lastEmail = emailInput.value;
+
+    if (errorContainer) errorContainer.classList.add('hidden');
+    button.disabled = true;
+    button.textContent = 'Sending...';
+
+    try {
+      const result = await sendMagicLink(lastEmail);
+
+      if (result.success) {
+        showSent(lastEmail);
+      } else {
+        showError(result.error || 'Failed to send magic link');
+        button.disabled = false;
+        button.textContent = originalText;
+      }
+    } catch (err) {
+      showError('Network error. Please try again.');
+      button.disabled = false;
+      button.textContent = originalText;
+    }
+  });
+
+  resendBtn?.addEventListener('click', async function() {
+    if (!lastEmail || resendBtn.disabled) return;
+
+    resendBtn.disabled = true;
+    try {
+      const result = await sendMagicLink(lastEmail);
+      if (result.success) {
+        showSent(lastEmail);
+      } else {
+        alert(result.error || 'Failed to resend');
+        resendBtn.disabled = false;
+      }
+    } catch (err) {
+      alert('Network error');
+      resendBtn.disabled = false;
+    }
+  });
+})();
+</script>`;
+    }
+}
+exports.MagicLinkTemplate = MagicLinkTemplate;
+//# sourceMappingURL=magic-link.template.js.map

package/dist/templates/modes/magic-link.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link.template.js","sourceRoot":"","sources":["../../../src/templates/modes/magic-link.template.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,yDAA4D;AAC5D,mDAI4B;AAC5B,kDAAiD;AAEjD,yDAAqD;AAErD;;;;;;;;GAQG;AACH,MAAa,iBAAkB,SAAQ,mCAAmB;IACxD,IAAI,QAAQ;QACV,OAAO,wBAAU,CAAC,UAAU,CAAC;IAC/B,CAAC;IAED,IAAY,eAAe;QACzB,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC;IAC3C,CAAC;IAEQ,iBAAiB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;QAEpC,OAAO;;;YAGC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAC7B,IAAA,iCAAoB,GAAE;YACtB,IAAA,kCAAqB,EAAC,MAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;KAkB/E,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,MAAwB;QAC/C,OAAO,IAAA,wBAAW,EAChB,OAAO,EACP,OAAO,EACP,MAAM,EAAE,UAAU,IAAI,eAAe,EACrC,MAAM,EAAE,gBAAgB,IAAI,kBAAkB,EAC9C,IAAI,EACJ,OAAO,CACR,CAAC;IACJ,CAAC;IAED;;OAEG;IACgB,mBAAmB;QACpC,OAAO,EAAE,CAAC;IACZ,CAAC;IAEkB,gBAAgB;QACjC,MAAM,SAAS,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,SAAS,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,SAAS,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,cAAc,IAAI,EAAE,CAAC;QAElE,OAAO;;;;;;;;;;;;;sBAaW,SAAS;qBACV,cAAc;;;;;;;;cAQrB,IAAI;gBACF,MAAM;mBACH,QAAQ;oBACP,SAAS;oBACT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwFnB,CAAC;IACT,CAAC;CACF;AAxLD,8CAwLC"}

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

@@ -0,0 +1,40 @@
+/**
+ * OAuth Template
+ *
+ * OAuth redirect flow with provider branding.
+ *
+ * @module @kya-os/consent/templates/modes/oauth
+ */
+import { BaseConsentTemplate } from "../base/base-template";
+import type { AuthMode } from "../../types/modes.types";
+/**
+ * OAuth Template
+ *
+ * Renders an OAuth consent page with:
+ * - Permission list
+ * - Expiration notice
+ * - Provider-branded continue button
+ */
+export declare class OAuthTemplate extends BaseConsentTemplate {
+    private oauthUrl?;
+    get authMode(): AuthMode;
+    /**
+     * Set the OAuth authorization URL.
+     */
+    setOAuthUrl(url: string): void;
+    private get oauthConfig();
+    renderAuthContent(): string;
+    /**
+     * Render permissions as a simple list.
+     */
+    private renderPermissionsList;
+    /**
+     * Render expiration notice.
+     */
+    private renderExpirationNotice;
+    /**
+     * Override action buttons to show OAuth provider button.
+     */
+    protected renderActionButtons(): string;
+}
+//# sourceMappingURL=oauth.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"oauth.template.d.ts","sourceRoot":"","sources":["../../../src/templates/modes/oauth.template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,yBAAyB,CAAC;AAqCrE;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;IACpD,OAAO,CAAC,QAAQ,CAAC,CAAS;IAE1B,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED;;OAEG;IACH,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI9B,OAAO,KAAK,WAAW,GAEtB;IAEQ,iBAAiB,IAAI,MAAM;IAkBpC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAgB7B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAM9B;;OAEG;cACgB,mBAAmB,IAAI,MAAM;CA8CjD"}

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

@@ -0,0 +1,153 @@
+"use strict";
+/**
+ * OAuth Template
+ *
+ * OAuth redirect flow with provider branding.
+ *
+ * @module @kya-os/consent/templates/modes/oauth
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OAuthTemplate = void 0;
+const base_template_1 = require("../base/base-template");
+const components_1 = require("../base/components");
+const tokens_1 = require("../../styles/tokens");
+const escape_1 = require("../../security/escape");
+const modes_types_1 = require("../../types/modes.types");
+/**
+ * OAuth provider branding information.
+ */
+const PROVIDER_BRANDING = {
+    github: {
+        color: "#24292e",
+        name: "GitHub",
+        icon: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>`,
+    },
+    google: {
+        color: "#4285f4",
+        name: "Google",
+        icon: `<svg class="w-5 h-5" viewBox="0 0 24 24"><path fill="currentColor" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/><path fill="currentColor" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/><path fill="currentColor" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/><path fill="currentColor" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/></svg>`,
+    },
+    microsoft: {
+        color: "#0078d4",
+        name: "Microsoft",
+        icon: `<svg class="w-5 h-5" viewBox="0 0 24 24"><path fill="#f35325" d="M1 1h10v10H1z"/><path fill="#81bc06" d="M13 1h10v10H13z"/><path fill="#05a6f0" d="M1 13h10v10H1z"/><path fill="#ffba08" d="M13 13h10v10H13z"/></svg>`,
+    },
+    slack: {
+        color: "#4a154b",
+        name: "Slack",
+        icon: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>`,
+    },
+    auth0: {
+        color: "#eb5424",
+        name: "Auth0",
+        icon: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z"/></svg>`,
+    },
+};
+/**
+ * OAuth Template
+ *
+ * Renders an OAuth consent page with:
+ * - Permission list
+ * - Expiration notice
+ * - Provider-branded continue button
+ */
+class OAuthTemplate extends base_template_1.BaseConsentTemplate {
+    get authMode() {
+        return modes_types_1.AUTH_MODES.OAUTH;
+    }
+    /**
+     * Set the OAuth authorization URL.
+     */
+    setOAuthUrl(url) {
+        this.oauthUrl = url;
+    }
+    get oauthConfig() {
+        return this.config.modeConfig?.oauth;
+    }
+    renderAuthContent() {
+        const config = this.oauthConfig;
+        const providerId = config?.providerId || this.config.provider || "oauth";
+        const branding = PROVIDER_BRANDING[providerId.toLowerCase()];
+        return `
+      <div class="space-y-4">
+        ${this.renderPermissionsList()}
+        <div class="pt-2">
+          <p class="text-sm text-gray-600">
+            You will be redirected to ${(0, escape_1.escapeHtml)(branding?.name || config?.providerName || "the identity provider")} to authenticate.
+          </p>
+        </div>
+        ${this.renderExpirationNotice()}
+      </div>
+    `;
+    }
+    /**
+     * Render permissions as a simple list.
+     */
+    renderPermissionsList() {
+        const { scopes } = this.config;
+        if (scopes.length === 0)
+            return "";
+        const items = scopes.map((s) => `<li>${(0, escape_1.escapeHtml)(s)}</li>`).join("");
+        return `
+      <div class="space-y-2">
+        <p class="text-sm font-medium text-gray-700">Requested permissions:</p>
+        <ul class="list-disc list-inside text-sm text-gray-600 space-y-1">
+          ${items}
+        </ul>
+      </div>
+    `;
+    }
+    /**
+     * Render expiration notice.
+     */
+    renderExpirationNotice() {
+        const { copy } = this.resolved;
+        const expirationDays = this.resolved.expirationDays || 30;
+        return (0, components_1.renderExpirationNotice)(copy.expirationText, expirationDays);
+    }
+    /**
+     * Override action buttons to show OAuth provider button.
+     */
+    renderActionButtons() {
+        const config = this.oauthConfig;
+        const providerId = config?.providerId || this.config.provider || "oauth";
+        const branding = PROVIDER_BRANDING[providerId.toLowerCase()];
+        const buttonText = config?.buttonText ||
+            `Continue with ${branding?.name || config?.providerName || "Provider"}`;
+        const { copy } = this.resolved;
+        // If OAuth URL is set, use a direct link
+        const oauthUrl = this.oauthUrl || this.config.oauthUrl;
+        if (oauthUrl) {
+            const buttonStyle = branding
+                ? `style="background-color: ${branding.color}"`
+                : "";
+            return `
+        <div class="${tokens_1.CONSENT_CLASSES.buttonGroup}">
+          <button type="button" onclick="window.close()" class="${tokens_1.CONSENT_CLASSES.buttonSecondary}">
+            ${(0, escape_1.escapeHtml)(copy.cancelButtonText)}
+          </button>
+          <a href="${(0, escape_1.escapeAttr)(oauthUrl)}"
+             class="${tokens_1.CONSENT_CLASSES.buttonPrimary} flex items-center justify-center gap-2"
+             ${buttonStyle}>
+            ${branding?.icon || ""}
+            ${(0, escape_1.escapeHtml)(buttonText)}
+          </a>
+        </div>
+      `;
+        }
+        // Fallback to standard buttons
+        return `
+      <div class="${tokens_1.CONSENT_CLASSES.buttonGroup}">
+        <button type="button" onclick="window.close()" class="${tokens_1.CONSENT_CLASSES.buttonSecondary}">
+          ${(0, escape_1.escapeHtml)(copy.cancelButtonText)}
+        </button>
+        <button type="submit" class="${tokens_1.CONSENT_CLASSES.buttonPrimary} btn-primary flex items-center justify-center gap-2">
+          ${branding?.icon || ""}
+          ${(0, escape_1.escapeHtml)(buttonText)}
+        </button>
+      </div>
+    `;
+    }
+}
+exports.OAuthTemplate = OAuthTemplate;
+//# sourceMappingURL=oauth.template.js.map

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

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

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

@@ -0,0 +1,35 @@
+/**
+ * OTP Template
+ *
+ * One-Time Password authentication via SMS/email.
+ *
+ * @module @kya-os/consent/templates/modes/otp
+ */
+import { BaseConsentTemplate } from "../base/base-template";
+import type { AuthMode } from "../../types/modes.types";
+/**
+ * OTP Template
+ *
+ * Renders a two-step OTP flow:
+ * 1. Phone/email input to request code
+ * 2. Code input to verify
+ */
+export declare class OTPTemplate extends BaseConsentTemplate {
+    get authMode(): AuthMode;
+    private get otpConfig();
+    renderAuthContent(): string;
+    /**
+     * Render phone/email input field.
+     */
+    private renderPhoneField;
+    /**
+     * Render OTP digit input boxes.
+     */
+    private renderOTPInputs;
+    /**
+     * Override action buttons - form has its own submit.
+     */
+    protected renderActionButtons(): string;
+    protected renderModeScript(): string;
+}
+//# sourceMappingURL=otp.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp.template.d.ts","sourceRoot":"","sources":["../../../src/templates/modes/otp.template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,QAAQ,EAAa,MAAM,yBAAyB,CAAC;AAGnE;;;;;;GAMG;AACH,qBAAa,WAAY,SAAQ,mBAAmB;IAClD,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB,IAAI,MAAM;IAkCpC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;OAEG;IACH,OAAO,CAAC,eAAe;IAavB;;OAEG;cACgB,mBAAmB,IAAI,MAAM;cAI7B,gBAAgB,IAAI,MAAM;CAmO9C"}