mirror of
https://github.com/hanzoai/billing.git
synced 2026-10-30 18:46:54 +00:00
zooqueenandHanzo Dev
7f5f05758c
Published npm packages have issues: - @hanzo/commerce v7.3.10 doesn't include the billing API client (only in unreleased v7.4.0) - @hanzo/ui v5.3.34 exports billing from src/ but doesn't ship src/ in the tarball - @hanzo/auth v2.7.1 source files reference @hanzo/ui/primitives which lacks type declarations Solution: inline all three as self-contained modules: - lib/commerce-client.ts — Commerce API client (balance, deposits, subscriptions, plans) - lib/billing/ — BillingWorkspace + 5 sub-components + types (from @hanzo/ui source) - lib/iam-auth.ts — OIDC/PKCE auth flow with Casdoor (hanzo.id) Build passes: typecheck + next build → 4 static pages generated. Co-authored-by: Hanzo Dev <[email protected]>
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useState } from 'react'
|
|
import { getOrgByHost } from '@/lib/config'
|
|
import { makeAuthConf } from '@/lib/auth'
|
|
import { handleCallback } from '@/lib/iam-auth'
|
|
|
|
export default function CallbackPage() {
|
|
const [error, setError] = useState<string | null>(null)
|
|
|
|
useEffect(() => {
|
|
const org = getOrgByHost(window.location.host)
|
|
const conf = makeAuthConf(org)
|
|
|
|
handleCallback(conf)
|
|
.then(() => {
|
|
window.location.href = '/'
|
|
})
|
|
.catch((err) => {
|
|
setError(err instanceof Error ? err.message : 'Authentication failed')
|
|
})
|
|
}, [])
|
|
|
|
if (error) {
|
|
return (
|
|
<main className="flex min-h-screen items-center justify-center bg-bg p-8">
|
|
<div className="max-w-md rounded-2xl border border-border bg-bg-card p-8 text-center">
|
|
<h1 className="text-lg font-semibold text-text">Authentication Error</h1>
|
|
<p className="mt-3 text-sm text-text-muted">{error}</p>
|
|
<a
|
|
href="/"
|
|
className="mt-6 inline-block rounded-lg bg-brand px-4 py-2 text-sm font-medium text-brand-foreground transition hover:bg-brand-hover"
|
|
>
|
|
Return to billing
|
|
</a>
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<main className="flex min-h-screen items-center justify-center bg-bg">
|
|
<div className="text-center">
|
|
<div className="mx-auto h-6 w-6 animate-spin rounded-full border-2 border-text-dim border-t-brand" />
|
|
<p className="mt-4 text-sm text-text-muted">Completing sign in...</p>
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|