@dreamtree-org/landing-kit 0.9.0 → 0.10.1

package/index.d.ts

@@ -57,6 +57,26 @@ export interface AuthShellProps {
    * the form. Nothing renders when `load` returns no accounts (demo mode off).
    */
   demoAccounts?: AuthDemoAccounts | undefined;
+  /**
+   * Dreamtree ID single sign-on (DTID-32). Absent = today's local form, unchanged.
+   * 'hybrid' adds a "Continue with Dreamtree" button and an "or" divider above `children`;
+   * 'sso' drops `children` (and the demo-accounts panel) and redirects to the start URL on mount.
+   */
+  ssoProvider?: SsoProvider | undefined;
+}
+
+export interface SsoProvider {
+  /** The app's SSO entry point, e.g. '/auth/sso/start'. May already carry a query or #hash. */
+  startUrl: string;
+  mode: 'hybrid' | 'sso';
+  /** Button text. Default "Continue with Dreamtree". */
+  label?: string | undefined;
+  /** Sent as `dt_company` (the /c/[slug]/login company). */
+  companySlug?: string | undefined;
+  /** Sent as `return_to`: where the app lands after sign-in. */
+  returnTo?: string | undefined;
+  /** 'sso' only: redirect with window.location.assign after mount. Default true; the button always stays as a fallback. */
+  autoRedirect?: boolean | undefined;
 }
 
 export interface DemoAccount {
@@ -89,6 +109,11 @@ export interface DemoAccountsProps {
 }
 
 export declare function AuthShell(props: AuthShellProps): ReactElement;
+/**
+ * `startUrl` plus `return_to` / `dt_company` (URI-encoded, replacing same-named params already
+ * there; other params and the #hash are kept). Pure: safe during SSR.
+ */
+export declare function buildSsoUrl(startUrl: string, opts?: Pick<SsoProvider, 'returnTo' | 'companySlug'>): string;
 /** The chip row AuthShell reveals; render it yourself for a login outside AuthShell. */
 export declare function DemoAccounts(props: DemoAccountsProps): ReactElement | null;
 /** `taps` clicks, each within `windowMs` of the last, set `revealed` for the page's life. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/landing-kit",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "description": "The shared marketing site, auth frame (AuthShell + brands) and Platform admin console for every Dreamtree product: content-driven landing pages, login/signup shell, platform console client, Express routes, prerender and SEO files.",
   "author": {
     "name": "Partha Preetham Krishna",
@@ -106,7 +106,8 @@
     "esbuild": "^0.25.0",
     "express": "^4.22.3",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1"
   },
   "engines": {
     "node": ">=18"

package/platform.d.ts

@@ -5,7 +5,7 @@ export const PLATFORM_API_BASE: '/api/platform';
 export const PLATFORM_LOGIN_PATH: '/platform/login';
 export const STEP_UP_REQUIRED: 'STEP_UP_REQUIRED';
 
-export type PlatformFeature = 'overview' | 'companies' | 'jobs' | 'plans' | 'audit' | 'support' | 'settings' | 'admins';
+export type PlatformFeature = 'overview' | 'companies' | 'jobs' | 'plans' | 'audit' | 'support' | 'settings' | 'domains' | 'admins';
 /** Every console feature, in nav order. */
 export const PLATFORM_FEATURES: readonly PlatformFeature[];
 /** Features a server without `GET /me` serves. */
@@ -91,7 +91,7 @@ export interface PlatformMe {
   permissions: string[];
   /** `console` false = enrollment-only session (enroll an authenticator first). */
   access?: { console: boolean; stepUpFresh: boolean };
-  features: Partial<Record<PlatformFeature | 'domains', boolean>>;
+  features: Partial<Record<PlatformFeature, boolean>>;
   app: { key: string; name: string; companyLoginPath?: string };
 }
 
@@ -187,28 +187,35 @@ export interface Plan {
   seats?: number | null;
   limits?: Record<string, number | null>;
   features?: string[];
+  sort?: number;
 }
 
 export interface Subscription {
   id: string;
   companyId: string;
   planId: string;
+  planCode?: string | null;
+  planName?: string | null;
   status: 'trial' | 'active' | 'past_due' | 'cancelled' | 'expired';
   startsAt: Iso;
   endsAt: Iso | null;
   seats?: number | null;
   notes?: string | null;
+  createdBy?: string | null;
+  createdAt?: Iso;
 }
 
 export interface SettingsField {
   key: string;
   label: string;
   type: 'text' | 'number' | 'boolean' | 'select' | 'secret' | 'email' | 'url';
-  options?: string[];
+  options?: Array<{ value: string; label: string }>;
   /** Secret values come back masked (`set: true`), never in clear. */
   value?: unknown;
   set?: boolean;
   help?: string;
+  /** Where the value comes from. */
+  source?: 'branch' | 'company' | 'default' | null;
 }
 export interface SettingsFamily {
   family: string;
@@ -216,24 +223,37 @@ export interface SettingsFamily {
   scope: 'platform' | 'company';
   fields: SettingsField[];
 }
+/** GET settings?company= */
+export interface SettingsResponse {
+  families: SettingsFamily[];
+  /** Send back with PUT settings/:family; a stale version answers 409. */
+  version: number;
+}
 
 export interface SupportGrant {
   id: string;
   companyId: string;
   companyName?: string;
   requestedBy: string;
+  requestedById?: string;
   approvedBy?: string | null;
   reason: string;
+  /** Length of the access window, counted from approval. */
+  minutes?: number | null;
   status: 'requested' | 'active' | 'expired' | 'revoked';
   expiresAt: Iso | null;
+  approvedAt?: Iso | null;
+  revokedAt?: Iso | null;
   createdAt: Iso;
 }
 
 export interface CompanyDomain {
   id: string;
   host: string;
+  status?: 'pending' | 'verified';
   primary: boolean;
   verifiedAt: Iso | null;
+  createdAt?: Iso;
   verification?: { type: 'TXT'; name: string; value: string };
 }
 
@@ -327,6 +347,8 @@ export function usePlatform(): {
   href(rel?: string): string;
   navigate(href: string): void;
   can(permission: string): boolean;
+  /** Features this console shows (requested ∩ advertised by GET /me). */
+  features: PlatformFeature[];
   companyLoginPath(slug: string): string;
   companyLoginUrl(slug: string): string;
 };
@@ -340,3 +362,15 @@ export const CopyButton: ComponentType<{ value: string; label?: string }>;
 export const OneTimeSecret: ComponentType<{ title?: string; loginUrl?: string; email: string; password: string; onDone?: () => void }>;
 export const InspectResult: ComponentType<{ report: Record<string, any> }>;
 export function describeAction(action: string): string;
+/** "₹999.00 / month" from minor units. */
+export function formatPrice(priceMinor: number, currency?: string, interval?: Plan['interval']): string;
+
+/** Built-in v1.1 views, exported for products that compose their own console. They render inside <PlatformConsole>. */
+export const PlansView: ComponentType;
+export const SupportAccessView: ComponentType;
+export const SupportGrants: ComponentType<{ companyId?: string; companyName?: string }>;
+type CompanyTabProps = { company: { id: string; displayName?: string } & Record<string, any>; setFlash(flash: { kind: 'success' | 'error' | 'warning' | 'info'; msg: string } | null): void };
+export const SubscriptionTab: ComponentType<CompanyTabProps>;
+export const DomainsTab: ComponentType<CompanyTabProps>;
+export const SettingsTab: ComponentType<CompanyTabProps>;
+export const SupportTab: ComponentType<CompanyTabProps>;

package/styles.css

@@ -850,6 +850,63 @@ html:has(.dt-landing) { scroll-behavior: smooth; scroll-padding-top: calc(var(--
 .dt-auth-demo-note { margin: 0.625rem 0 0; font-size: 0.75rem; color: var(--dt-auth-muted); }
 .dt-auth-demo-note code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; color: inherit; }
 
+/* ---- Dreamtree ID single sign-on (ssoProvider, DTID-32) ---- */
+.dt-auth-sso-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  width: 100%;
+  min-height: 2.75rem;
+  padding: 0.625rem 1rem;
+  border: 1px solid var(--dt-brand);
+  border-radius: 0.5rem;
+  background: var(--dt-brand);
+  color: #fff;
+  font: inherit;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  text-decoration: none;
+  transition: background-color 120ms;
+}
+.dt-auth-sso-btn:hover { background: color-mix(in oklab, var(--dt-brand) 88%, black); }
+.dt-auth-sso-btn:focus-visible { outline: 2px solid var(--dt-brand); outline-offset: 2px; }
+.dt-auth-sso-icon { flex: none; }
+.dt-auth-or {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin: 1.25rem 0;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--dt-auth-muted);
+}
+.dt-auth-or::before,
+.dt-auth-or::after { content: ''; flex: 1; border-top: 1px solid var(--dt-auth-border); }
+.dt-auth-sso-status {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  margin: 0 0 1rem;
+  font-size: 0.875rem;
+  color: var(--dt-auth-muted);
+}
+.dt-auth-sso-spinner {
+  flex: none;
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid var(--dt-brand-soft);
+  border-top-color: var(--dt-brand);
+  border-radius: 999px;
+  animation: dt-auth-sso-spin 0.8s linear infinite;
+}
+@keyframes dt-auth-sso-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) {
+  .dt-auth-sso-spinner { animation: none; }
+  .dt-auth-sso-btn { transition: none; }
+}
+
 /* ---- phones ---- */
 .dt-auth-column,
 .dt-auth-card { min-width: 0; }