\n {/* Input Form */}\n

\n \n URL with SAML Response\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com/saml/acs?SAMLResponse=...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n required\n />\n

\n\n

\n setShowCertificate(!showCertificate)}\n className=\"text-sm text-blue-600 hover:text-blue-800 mb-2\"\n >\n {showCertificate ? '🔽' : '▶️'} Optional: Add certificate for signature verification\n \n \n {showCertificate && (\n

\n \n X.509 Certificate (PEM format)\n \n setCertificate(e.target.value)}\n placeholder=\"-----BEGIN CERTIFICATE----- ... -----END CERTIFICATE-----\"\n rows={6}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent font-mono text-sm\"\n />\n

\n )}\n

\n\n \n {loading ? '🔄 Decoding...' : '🔍 Decode SAML Response'}\n \n \n

\n\n {/* Error Display */}\n {error && (\n

❌

Error

{error}

\n )}\n\n {/* Results */}\n {samlResponse && (\n

\n {/* Tabs */}\n

\n {[\n { id: 'overview', label: '📋 Overview', count: null },\n { id: 'assertions', label: '🎯 Assertions', count: samlResponse.assertions.length },\n { id: 'raw', label: '📄 Raw XML', count: null }\n ].map((tab) => (\n setActiveTab(tab.id as any)}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.label}\n {tab.count !== null && (\n \n {tab.count}\n \n )}\n \n ))}\n

\n\n

\n {/* Overview Tab */}\n {activeTab === 'overview' && (\n

Response Overview

\n ID:\n

{samlResponse.id}

\n Version:\n

{samlResponse.version}

\n Issue Instant:\n

{samlResponse.issueInstant}

\n Issuer:\n

{samlResponse.issuer}

\n {samlResponse.destination && (\n

\n Destination:\n

{samlResponse.destination}

\n )}\n {samlResponse.inResponseTo && (\n

\n In Response To:\n

{samlResponse.inResponseTo}

\n )}\n

\n Status:\n

\n {samlResponse.status.statusCode}\n

\n {samlResponse.status.statusMessage && (\n

{samlResponse.status.statusMessage}

\n )}\n

\n Signature:\n

\n {samlResponse.signature?.present ? '✅ Present' : '❌ Not Present'}\n

\n )}\n\n {/* Assertions Tab */}\n {activeTab === 'assertions' && (\n \n )}\n\n {/* Raw XML Tab */}\n {activeTab === 'raw' && (\n

Raw SAML XML

\n                    {formatXml(samlResponse.rawXml)}\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/mthadley/saml-helper/code/frontend/components/SamlDecoder.tsx","extension","actionData","errors"]