@progalaxyelabs/ngx-stonescriptphp-client 1.2.0 → 1.3.0

package/fesm2022/progalaxyelabs-ngx-stonescriptphp-client.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Inject, NgModule, Input, Component } from '@angular/core';
+import { Injectable, Inject, NgModule, Input, Component, EventEmitter, Output, Optional } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -821,6 +821,197 @@ class AuthService {
     getCurrentUser() {
         return this.userSubject.value;
     }
+    // ===== Multi-Tenant Methods =====
+    /**
+     * Register a new user AND create a new tenant (organization)
+     * This is used when a user wants to create their own organization
+     */
+    async registerTenant(data) {
+        try {
+            // If using OAuth, initiate OAuth flow first
+            if (data.provider !== 'emailPassword') {
+                return await this.registerTenantWithOAuth(data.tenantName, data.tenantSlug, data.provider);
+            }
+            // Email/password registration
+            const response = await fetch(`${this.environment.accountsUrl}/api/auth/register-tenant`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify({
+                    platform: this.environment.platformCode,
+                    tenant_name: data.tenantName,
+                    tenant_slug: data.tenantSlug,
+                    display_name: data.displayName,
+                    email: data.email,
+                    password: data.password,
+                    provider: 'emailPassword'
+                })
+            });
+            const result = await response.json();
+            if (result.success && result.access_token) {
+                this.tokens.setAccessToken(result.access_token);
+                this.signinStatus.setSigninStatus(true);
+                if (result.user) {
+                    this.userSubject.next(result.user);
+                }
+            }
+            return result;
+        }
+        catch (error) {
+            return {
+                success: false,
+                message: 'Network error. Please try again.'
+            };
+        }
+    }
+    /**
+     * Register tenant with OAuth provider
+     * Opens popup window for OAuth flow
+     */
+    async registerTenantWithOAuth(tenantName, tenantSlug, provider) {
+        return new Promise((resolve) => {
+            const width = 500;
+            const height = 600;
+            const left = (window.screen.width - width) / 2;
+            const top = (window.screen.height - height) / 2;
+            // Build OAuth URL with tenant registration params
+            const oauthUrl = `${this.environment.accountsUrl}/oauth/${provider}?` +
+                `platform=${this.environment.platformCode}&` +
+                `mode=popup&` +
+                `action=register_tenant&` +
+                `tenant_name=${encodeURIComponent(tenantName)}&` +
+                `tenant_slug=${encodeURIComponent(tenantSlug)}`;
+            const popup = window.open(oauthUrl, `${provider}_register_tenant`, `width=${width},height=${height},left=${left},top=${top}`);
+            if (!popup) {
+                resolve({
+                    success: false,
+                    message: 'Popup blocked. Please allow popups for this site.'
+                });
+                return;
+            }
+            // Listen for message from popup
+            const messageHandler = (event) => {
+                // Verify origin
+                if (event.origin !== new URL(this.environment.accountsUrl).origin) {
+                    return;
+                }
+                if (event.data.type === 'tenant_register_success') {
+                    // Set tokens and user
+                    if (event.data.access_token) {
+                        this.tokens.setAccessToken(event.data.access_token);
+                        this.signinStatus.setSigninStatus(true);
+                    }
+                    if (event.data.user) {
+                        this.userSubject.next(event.data.user);
+                    }
+                    window.removeEventListener('message', messageHandler);
+                    popup.close();
+                    resolve({
+                        success: true,
+                        tenant: event.data.tenant,
+                        user: event.data.user
+                    });
+                }
+                else if (event.data.type === 'tenant_register_error') {
+                    window.removeEventListener('message', messageHandler);
+                    popup.close();
+                    resolve({
+                        success: false,
+                        message: event.data.message || 'Tenant registration failed'
+                    });
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            // Check if popup was closed manually
+            const checkClosed = setInterval(() => {
+                if (popup.closed) {
+                    clearInterval(checkClosed);
+                    window.removeEventListener('message', messageHandler);
+                    resolve({
+                        success: false,
+                        message: 'Registration cancelled'
+                    });
+                }
+            }, 500);
+        });
+    }
+    /**
+     * Get all tenant memberships for the authenticated user
+     */
+    async getTenantMemberships() {
+        try {
+            const response = await fetch(`${this.environment.accountsUrl}/api/auth/memberships`, {
+                method: 'GET',
+                headers: {
+                    'Authorization': `Bearer ${this.tokens.getAccessToken()}`,
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include'
+            });
+            const data = await response.json();
+            return {
+                memberships: data.memberships || []
+            };
+        }
+        catch (error) {
+            return { memberships: [] };
+        }
+    }
+    /**
+     * Select a tenant for the current session
+     * Updates the JWT token with tenant context
+     */
+    async selectTenant(tenantId) {
+        try {
+            const response = await fetch(`${this.environment.accountsUrl}/api/auth/select-tenant`, {
+                method: 'POST',
+                headers: {
+                    'Authorization': `Bearer ${this.tokens.getAccessToken()}`,
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include',
+                body: JSON.stringify({ tenant_id: tenantId })
+            });
+            const data = await response.json();
+            if (data.success && data.access_token) {
+                this.tokens.setAccessToken(data.access_token);
+                return {
+                    success: true,
+                    access_token: data.access_token
+                };
+            }
+            return {
+                success: false,
+                message: data.message || 'Failed to select tenant'
+            };
+        }
+        catch (error) {
+            return {
+                success: false,
+                message: 'Network error. Please try again.'
+            };
+        }
+    }
+    /**
+     * Check if a tenant slug is available
+     */
+    async checkTenantSlugAvailable(slug) {
+        try {
+            const response = await fetch(`${this.environment.accountsUrl}/api/auth/check-tenant-slug/${slug}`, {
+                method: 'GET',
+                headers: { 'Content-Type': 'application/json' }
+            });
+            const data = await response.json();
+            return {
+                available: data.available || false,
+                suggestion: data.suggestion
+            };
+        }
+        catch (error) {
+            // On error, assume available (don't block registration)
+            return { available: true };
+        }
+    }
     // ===== Backward Compatibility Methods =====
     // These methods are deprecated and maintained for backward compatibility
     // with existing platform code. New code should use the methods above.
@@ -1455,6 +1646,1447 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     `, styles: [".register-dialog{padding:24px;max-width:400px;position:relative}.register-title{margin:0 0 24px;font-size:24px;font-weight:500;text-align:center}.register-form,.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control:focus{outline:none;border-color:#4285f4}.form-hint{display:block;margin-top:4px;font-size:12px;color:#666}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357ae8}.error-message{margin-top:16px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.success-message{margin-top:16px;padding:12px;background:#efe;color:#3a3;border-radius:4px;font-size:14px}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-link{margin-top:16px;text-align:center;font-size:14px;color:#666}.login-link a{color:#4285f4;text-decoration:none}.login-link a:hover{text-decoration:underline}\n"] }]
         }], ctorParameters: () => [{ type: AuthService }] });
 
+class TenantLoginComponent {
+    auth;
+    // Component Configuration
+    title = 'Sign In';
+    providers = ['google'];
+    showTenantSelector = true;
+    autoSelectSingleTenant = true;
+    allowTenantCreation = true;
+    // Tenant Selector Labels
+    tenantSelectorTitle = 'Select Organization';
+    tenantSelectorDescription = 'Choose which organization you want to access:';
+    continueButtonText = 'Continue';
+    // Link Labels
+    registerLinkText = "Don't have an account?";
+    registerLinkAction = 'Sign up';
+    createTenantLinkText = "Don't see your organization?";
+    createTenantLinkAction = 'Create New Organization';
+    // Outputs
+    tenantSelected = new EventEmitter();
+    createTenant = new EventEmitter();
+    // Form Fields
+    email = '';
+    password = '';
+    // State
+    error = '';
+    loading = false;
+    useOAuth = true;
+    oauthProviders = [];
+    // Tenant Selection State
+    showingTenantSelector = false;
+    memberships = [];
+    selectedTenantId = null;
+    userName = '';
+    constructor(auth) {
+        this.auth = auth;
+    }
+    ngOnInit() {
+        if (!this.providers || this.providers.length === 0) {
+            this.error = 'Configuration Error: No authentication providers specified.';
+            throw new Error('TenantLoginComponent requires providers input.');
+        }
+        this.oauthProviders = this.providers.filter(p => p !== 'emailPassword');
+        // If only emailPassword is available, use it by default
+        if (this.oauthProviders.length === 0 && this.isProviderEnabled('emailPassword')) {
+            this.useOAuth = false;
+        }
+    }
+    isProviderEnabled(provider) {
+        return this.providers.includes(provider);
+    }
+    getProviderLabel(provider) {
+        const labels = {
+            google: 'Sign in with Google',
+            linkedin: 'Sign in with LinkedIn',
+            apple: 'Sign in with Apple',
+            microsoft: 'Sign in with Microsoft',
+            github: 'Sign in with GitHub',
+            emailPassword: 'Sign in with Email'
+        };
+        return labels[provider];
+    }
+    getProviderIcon(provider) {
+        return undefined;
+    }
+    toggleAuthMethod(event) {
+        event.preventDefault();
+        this.useOAuth = !this.useOAuth;
+        this.error = '';
+    }
+    async onEmailLogin() {
+        if (!this.email || !this.password) {
+            this.error = 'Please enter email and password';
+            return;
+        }
+        this.loading = true;
+        this.error = '';
+        try {
+            const result = await this.auth.loginWithEmail(this.email, this.password);
+            if (!result.success) {
+                this.error = result.message || 'Login failed';
+                return;
+            }
+            // Authentication successful, now handle tenant selection
+            await this.handlePostAuthFlow();
+        }
+        catch (err) {
+            this.error = err.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async onOAuthLogin(provider) {
+        this.loading = true;
+        this.error = '';
+        try {
+            const result = await this.auth.loginWithProvider(provider);
+            if (!result.success) {
+                this.error = result.message || 'OAuth login failed';
+                return;
+            }
+            // Authentication successful, now handle tenant selection
+            await this.handlePostAuthFlow();
+        }
+        catch (err) {
+            this.error = err.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async handlePostAuthFlow() {
+        if (!this.showTenantSelector) {
+            // Tenant selection is disabled, emit event immediately
+            this.tenantSelected.emit({
+                tenantId: '',
+                tenantSlug: '',
+                role: ''
+            });
+            return;
+        }
+        // Fetch user's tenant memberships
+        this.loading = true;
+        try {
+            const result = await this.auth.getTenantMemberships();
+            if (!result.memberships || result.memberships.length === 0) {
+                // User has no tenants, prompt to create one
+                this.error = 'You are not a member of any organization. Please create one.';
+                if (this.allowTenantCreation) {
+                    setTimeout(() => this.createTenant.emit(), 2000);
+                }
+                return;
+            }
+            this.memberships = result.memberships;
+            // Get user name if available
+            const currentUser = this.auth.getCurrentUser();
+            if (currentUser) {
+                this.userName = currentUser.display_name || currentUser.email;
+            }
+            // Auto-select if user has only one tenant
+            if (this.memberships.length === 1 && this.autoSelectSingleTenant) {
+                await this.selectAndContinue(this.memberships[0]);
+            }
+            else {
+                // Show tenant selector
+                this.showingTenantSelector = true;
+            }
+        }
+        catch (err) {
+            this.error = err.message || 'Failed to load organizations';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    selectTenantItem(tenantId) {
+        this.selectedTenantId = tenantId;
+    }
+    async onContinueWithTenant() {
+        if (!this.selectedTenantId) {
+            this.error = 'Please select an organization';
+            return;
+        }
+        const membership = this.memberships.find(m => m.tenant_id === this.selectedTenantId);
+        if (!membership) {
+            this.error = 'Selected organization not found';
+            return;
+        }
+        await this.selectAndContinue(membership);
+    }
+    async selectAndContinue(membership) {
+        this.loading = true;
+        this.error = '';
+        try {
+            const result = await this.auth.selectTenant(membership.tenant_id);
+            if (!result.success) {
+                this.error = result.message || 'Failed to select organization';
+                return;
+            }
+            // Emit tenant selected event
+            this.tenantSelected.emit({
+                tenantId: membership.tenant_id,
+                tenantSlug: membership.slug,
+                role: membership.role
+            });
+        }
+        catch (err) {
+            this.error = err.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    formatRole(role) {
+        return role.charAt(0).toUpperCase() + role.slice(1);
+    }
+    formatLastAccessed(dateStr) {
+        try {
+            const date = new Date(dateStr);
+            const now = new Date();
+            const diffMs = now.getTime() - date.getTime();
+            const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+            if (diffDays === 0)
+                return 'today';
+            if (diffDays === 1)
+                return 'yesterday';
+            if (diffDays < 7)
+                return `${diffDays} days ago`;
+            if (diffDays < 30)
+                return `${Math.floor(diffDays / 7)} weeks ago`;
+            return `${Math.floor(diffDays / 30)} months ago`;
+        }
+        catch {
+            return dateStr;
+        }
+    }
+    onCreateTenantClick(event) {
+        event.preventDefault();
+        this.createTenant.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantLoginComponent, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: TenantLoginComponent, isStandalone: true, selector: "lib-tenant-login", inputs: { title: "title", providers: "providers", showTenantSelector: "showTenantSelector", autoSelectSingleTenant: "autoSelectSingleTenant", allowTenantCreation: "allowTenantCreation", tenantSelectorTitle: "tenantSelectorTitle", tenantSelectorDescription: "tenantSelectorDescription", continueButtonText: "continueButtonText", registerLinkText: "registerLinkText", registerLinkAction: "registerLinkAction", createTenantLinkText: "createTenantLinkText", createTenantLinkAction: "createTenantLinkAction" }, outputs: { tenantSelected: "tenantSelected", createTenant: "createTenant" }, ngImport: i0, template: `
+        <div class="tenant-login-dialog">
+            @if (!showingTenantSelector) {
+                <!-- Step 1: Authentication -->
+                <h2 class="login-title">{{ title }}</h2>
+
+                <!-- Email/Password Form (if enabled) -->
+                @if (isProviderEnabled('emailPassword') && !useOAuth) {
+                    <form (ngSubmit)="onEmailLogin()" class="email-form">
+                        <div class="form-group">
+                            <input
+                                [(ngModel)]="email"
+                                name="email"
+                                placeholder="Email"
+                                type="email"
+                                required
+                                class="form-control">
+                        </div>
+                        <div class="form-group">
+                            <input
+                                [(ngModel)]="password"
+                                name="password"
+                                placeholder="Password"
+                                type="password"
+                                required
+                                class="form-control">
+                        </div>
+                        <button
+                            type="submit"
+                            [disabled]="loading"
+                            class="btn btn-primary btn-block">
+                            {{ loading ? 'Signing in...' : 'Sign in with Email' }}
+                        </button>
+                    </form>
+
+                    <!-- Divider -->
+                    @if (oauthProviders.length > 0) {
+                        <div class="divider">
+                            <span>OR</span>
+                        </div>
+                    }
+                }
+
+                <!-- OAuth Providers -->
+                @if (oauthProviders.length > 0 && (useOAuth || !isProviderEnabled('emailPassword'))) {
+                    <div class="oauth-buttons">
+                        @for (provider of oauthProviders; track provider) {
+                            <button
+                                type="button"
+                                (click)="onOAuthLogin(provider)"
+                                [disabled]="loading"
+                                class="btn btn-oauth btn-{{ provider }}">
+                                @if (getProviderIcon(provider)) {
+                                    <span class="oauth-icon">
+                                        {{ getProviderIcon(provider) }}
+                                    </span>
+                                }
+                                {{ getProviderLabel(provider) }}
+                            </button>
+                        }
+                    </div>
+
+                    <!-- Switch to Email/Password -->
+                    @if (isProviderEnabled('emailPassword') && oauthProviders.length > 0) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                {{ useOAuth ? 'Use email/password instead' : 'Use OAuth instead' }}
+                            </a>
+                        </div>
+                    }
+                }
+
+                <!-- Error Message -->
+                @if (error) {
+                    <div class="error-message">
+                        {{ error }}
+                    </div>
+                }
+
+                <!-- Register Link -->
+                @if (allowTenantCreation) {
+                    <div class="register-link">
+                        {{ registerLinkText }}
+                        <a href="#" (click)="onCreateTenantClick($event)">{{ registerLinkAction }}</a>
+                    </div>
+                }
+            } @else {
+                <!-- Step 2: Tenant Selection -->
+                <h2 class="login-title">{{ tenantSelectorTitle }}</h2>
+
+                @if (userName) {
+                    <div class="welcome-message">
+                        Welcome back, <strong>{{ userName }}</strong>!
+                    </div>
+                }
+
+                <p class="selector-description">{{ tenantSelectorDescription }}</p>
+
+                <div class="tenant-list">
+                    @for (membership of memberships; track membership.tenant_id) {
+                        <div
+                            class="tenant-item"
+                            [class.selected]="selectedTenantId === membership.tenant_id"
+                            (click)="selectTenantItem(membership.tenant_id)">
+                            <div class="tenant-radio">
+                                <input
+                                    type="radio"
+                                    [checked]="selectedTenantId === membership.tenant_id"
+                                    [name]="'tenant-' + membership.tenant_id"
+                                    [id]="'tenant-' + membership.tenant_id">
+                            </div>
+                            <div class="tenant-info">
+                                <div class="tenant-name">{{ membership.name }}</div>
+                                <div class="tenant-meta">
+                                    <span class="tenant-role">{{ formatRole(membership.role) }}</span>
+                                    @if (membership.last_accessed) {
+                                        <span class="tenant-separator">·</span>
+                                        <span class="tenant-last-accessed">
+                                            Last accessed {{ formatLastAccessed(membership.last_accessed) }}
+                                        </span>
+                                    }
+                                </div>
+                            </div>
+                        </div>
+                    }
+                </div>
+
+                <button
+                    type="button"
+                    (click)="onContinueWithTenant()"
+                    [disabled]="!selectedTenantId || loading"
+                    class="btn btn-primary btn-block">
+                    {{ loading ? 'Loading...' : continueButtonText }}
+                </button>
+
+                <!-- Error Message -->
+                @if (error) {
+                    <div class="error-message">
+                        {{ error }}
+                    </div>
+                }
+
+                <!-- Create New Tenant Link -->
+                @if (allowTenantCreation) {
+                    <div class="create-tenant-link">
+                        {{ createTenantLinkText }}
+                        <a href="#" (click)="onCreateTenantClick($event)">{{ createTenantLinkAction }}</a>
+                    </div>
+                }
+            }
+
+            <!-- Loading Overlay -->
+            @if (loading) {
+                <div class="loading-overlay">
+                    <div class="spinner"></div>
+                </div>
+            }
+        </div>
+    `, isInline: true, styles: [".tenant-login-dialog{padding:24px;max-width:450px;position:relative}.login-title{margin:0 0 24px;font-size:24px;font-weight:500;text-align:center}.welcome-message{margin-bottom:16px;padding:12px;background:#e8f5e9;border-radius:4px;text-align:center;font-size:14px;color:#2e7d32}.selector-description{margin-bottom:20px;font-size:14px;color:#666;text-align:center}.email-form,.form-group{margin-bottom:16px}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control:focus{outline:none;border-color:#4285f4}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357ae8}.divider{margin:16px 0;text-align:center;position:relative}.divider:before{content:\"\";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span{background:#fff;padding:0 12px;position:relative;color:#666;font-size:12px}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.btn-oauth{width:100%;background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:8px}.btn-oauth:hover:not(:disabled){background:#f8f8f8}.btn-google{border-color:#4285f4}.btn-linkedin{border-color:#0077b5}.btn-apple{border-color:#000}.btn-microsoft{border-color:#00a4ef}.btn-github{border-color:#333}.oauth-icon{font-size:18px}.switch-method{margin-top:12px;text-align:center;font-size:14px}.switch-method a{color:#4285f4;text-decoration:none}.switch-method a:hover{text-decoration:underline}.tenant-list{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.tenant-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.tenant-item:hover{border-color:#4285f4;background:#f8f9ff}.tenant-item.selected{border-color:#4285f4;background:#e8f0fe}.tenant-radio{flex-shrink:0;padding-top:2px}.tenant-radio input[type=radio]{width:18px;height:18px;cursor:pointer}.tenant-info{flex:1}.tenant-name{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.tenant-meta{font-size:13px;color:#666}.tenant-role{font-weight:500;color:#4285f4}.tenant-separator{margin:0 6px}.error-message{margin-top:16px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-link{margin-top:16px;text-align:center;font-size:14px;color:#666}.register-link a{color:#4285f4;text-decoration:none}.register-link a:hover{text-decoration:underline}.create-tenant-link{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;text-align:center;font-size:14px;color:#666}.create-tenant-link a{color:#4285f4;text-decoration:none;font-weight:500}.create-tenant-link a:hover{text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantLoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tenant-login', standalone: true, imports: [CommonModule, FormsModule], template: `
+        <div class="tenant-login-dialog">
+            @if (!showingTenantSelector) {
+                <!-- Step 1: Authentication -->
+                <h2 class="login-title">{{ title }}</h2>
+
+                <!-- Email/Password Form (if enabled) -->
+                @if (isProviderEnabled('emailPassword') && !useOAuth) {
+                    <form (ngSubmit)="onEmailLogin()" class="email-form">
+                        <div class="form-group">
+                            <input
+                                [(ngModel)]="email"
+                                name="email"
+                                placeholder="Email"
+                                type="email"
+                                required
+                                class="form-control">
+                        </div>
+                        <div class="form-group">
+                            <input
+                                [(ngModel)]="password"
+                                name="password"
+                                placeholder="Password"
+                                type="password"
+                                required
+                                class="form-control">
+                        </div>
+                        <button
+                            type="submit"
+                            [disabled]="loading"
+                            class="btn btn-primary btn-block">
+                            {{ loading ? 'Signing in...' : 'Sign in with Email' }}
+                        </button>
+                    </form>
+
+                    <!-- Divider -->
+                    @if (oauthProviders.length > 0) {
+                        <div class="divider">
+                            <span>OR</span>
+                        </div>
+                    }
+                }
+
+                <!-- OAuth Providers -->
+                @if (oauthProviders.length > 0 && (useOAuth || !isProviderEnabled('emailPassword'))) {
+                    <div class="oauth-buttons">
+                        @for (provider of oauthProviders; track provider) {
+                            <button
+                                type="button"
+                                (click)="onOAuthLogin(provider)"
+                                [disabled]="loading"
+                                class="btn btn-oauth btn-{{ provider }}">
+                                @if (getProviderIcon(provider)) {
+                                    <span class="oauth-icon">
+                                        {{ getProviderIcon(provider) }}
+                                    </span>
+                                }
+                                {{ getProviderLabel(provider) }}
+                            </button>
+                        }
+                    </div>
+
+                    <!-- Switch to Email/Password -->
+                    @if (isProviderEnabled('emailPassword') && oauthProviders.length > 0) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                {{ useOAuth ? 'Use email/password instead' : 'Use OAuth instead' }}
+                            </a>
+                        </div>
+                    }
+                }
+
+                <!-- Error Message -->
+                @if (error) {
+                    <div class="error-message">
+                        {{ error }}
+                    </div>
+                }
+
+                <!-- Register Link -->
+                @if (allowTenantCreation) {
+                    <div class="register-link">
+                        {{ registerLinkText }}
+                        <a href="#" (click)="onCreateTenantClick($event)">{{ registerLinkAction }}</a>
+                    </div>
+                }
+            } @else {
+                <!-- Step 2: Tenant Selection -->
+                <h2 class="login-title">{{ tenantSelectorTitle }}</h2>
+
+                @if (userName) {
+                    <div class="welcome-message">
+                        Welcome back, <strong>{{ userName }}</strong>!
+                    </div>
+                }
+
+                <p class="selector-description">{{ tenantSelectorDescription }}</p>
+
+                <div class="tenant-list">
+                    @for (membership of memberships; track membership.tenant_id) {
+                        <div
+                            class="tenant-item"
+                            [class.selected]="selectedTenantId === membership.tenant_id"
+                            (click)="selectTenantItem(membership.tenant_id)">
+                            <div class="tenant-radio">
+                                <input
+                                    type="radio"
+                                    [checked]="selectedTenantId === membership.tenant_id"
+                                    [name]="'tenant-' + membership.tenant_id"
+                                    [id]="'tenant-' + membership.tenant_id">
+                            </div>
+                            <div class="tenant-info">
+                                <div class="tenant-name">{{ membership.name }}</div>
+                                <div class="tenant-meta">
+                                    <span class="tenant-role">{{ formatRole(membership.role) }}</span>
+                                    @if (membership.last_accessed) {
+                                        <span class="tenant-separator">·</span>
+                                        <span class="tenant-last-accessed">
+                                            Last accessed {{ formatLastAccessed(membership.last_accessed) }}
+                                        </span>
+                                    }
+                                </div>
+                            </div>
+                        </div>
+                    }
+                </div>
+
+                <button
+                    type="button"
+                    (click)="onContinueWithTenant()"
+                    [disabled]="!selectedTenantId || loading"
+                    class="btn btn-primary btn-block">
+                    {{ loading ? 'Loading...' : continueButtonText }}
+                </button>
+
+                <!-- Error Message -->
+                @if (error) {
+                    <div class="error-message">
+                        {{ error }}
+                    </div>
+                }
+
+                <!-- Create New Tenant Link -->
+                @if (allowTenantCreation) {
+                    <div class="create-tenant-link">
+                        {{ createTenantLinkText }}
+                        <a href="#" (click)="onCreateTenantClick($event)">{{ createTenantLinkAction }}</a>
+                    </div>
+                }
+            }
+
+            <!-- Loading Overlay -->
+            @if (loading) {
+                <div class="loading-overlay">
+                    <div class="spinner"></div>
+                </div>
+            }
+        </div>
+    `, styles: [".tenant-login-dialog{padding:24px;max-width:450px;position:relative}.login-title{margin:0 0 24px;font-size:24px;font-weight:500;text-align:center}.welcome-message{margin-bottom:16px;padding:12px;background:#e8f5e9;border-radius:4px;text-align:center;font-size:14px;color:#2e7d32}.selector-description{margin-bottom:20px;font-size:14px;color:#666;text-align:center}.email-form,.form-group{margin-bottom:16px}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control:focus{outline:none;border-color:#4285f4}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357ae8}.divider{margin:16px 0;text-align:center;position:relative}.divider:before{content:\"\";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span{background:#fff;padding:0 12px;position:relative;color:#666;font-size:12px}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.btn-oauth{width:100%;background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:8px}.btn-oauth:hover:not(:disabled){background:#f8f8f8}.btn-google{border-color:#4285f4}.btn-linkedin{border-color:#0077b5}.btn-apple{border-color:#000}.btn-microsoft{border-color:#00a4ef}.btn-github{border-color:#333}.oauth-icon{font-size:18px}.switch-method{margin-top:12px;text-align:center;font-size:14px}.switch-method a{color:#4285f4;text-decoration:none}.switch-method a:hover{text-decoration:underline}.tenant-list{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.tenant-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.tenant-item:hover{border-color:#4285f4;background:#f8f9ff}.tenant-item.selected{border-color:#4285f4;background:#e8f0fe}.tenant-radio{flex-shrink:0;padding-top:2px}.tenant-radio input[type=radio]{width:18px;height:18px;cursor:pointer}.tenant-info{flex:1}.tenant-name{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.tenant-meta{font-size:13px;color:#666}.tenant-role{font-weight:500;color:#4285f4}.tenant-separator{margin:0 6px}.error-message{margin-top:16px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-link{margin-top:16px;text-align:center;font-size:14px;color:#666}.register-link a{color:#4285f4;text-decoration:none}.register-link a:hover{text-decoration:underline}.create-tenant-link{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;text-align:center;font-size:14px;color:#666}.create-tenant-link a{color:#4285f4;text-decoration:none;font-weight:500}.create-tenant-link a:hover{text-decoration:underline}\n"] }]
+        }], ctorParameters: () => [{ type: AuthService }], propDecorators: { title: [{
+                type: Input
+            }], providers: [{
+                type: Input
+            }], showTenantSelector: [{
+                type: Input
+            }], autoSelectSingleTenant: [{
+                type: Input
+            }], allowTenantCreation: [{
+                type: Input
+            }], tenantSelectorTitle: [{
+                type: Input
+            }], tenantSelectorDescription: [{
+                type: Input
+            }], continueButtonText: [{
+                type: Input
+            }], registerLinkText: [{
+                type: Input
+            }], registerLinkAction: [{
+                type: Input
+            }], createTenantLinkText: [{
+                type: Input
+            }], createTenantLinkAction: [{
+                type: Input
+            }], tenantSelected: [{
+                type: Output
+            }], createTenant: [{
+                type: Output
+            }] } });
+
+class TenantRegisterComponent {
+    auth;
+    // Component Configuration
+    title = 'Create New Organization';
+    providers = ['google'];
+    requireTenantName = true;
+    // Tenant Labels
+    tenantSectionTitle = 'Organization Information';
+    tenantNameLabel = 'Organization Name';
+    tenantNamePlaceholder = 'Enter your organization name';
+    tenantSlugLabel = 'Organization URL';
+    tenantSlugPlaceholder = 'organization-name';
+    urlPreviewEnabled = true;
+    urlPreviewPrefix = 'medstoreapp.in/';
+    // User Labels
+    userSectionTitle = 'Your Information';
+    oauthDescription = 'Recommended: Sign up with your Google account';
+    // Warning Message
+    ownershipTitle = 'CREATING A NEW ORGANIZATION';
+    ownershipMessage = 'You are registering as an organization owner. This will create a new organization that you will manage. If you are an employee, DO NOT use this form. Ask your organization owner to invite you, then use the Login page.';
+    // Buttons and Links
+    submitButtonText = 'Create Organization';
+    loginLinkText = 'Already have an account?';
+    loginLinkAction = 'Sign in';
+    // Outputs
+    tenantCreated = new EventEmitter();
+    navigateToLogin = new EventEmitter();
+    // Form Fields
+    tenantName = '';
+    tenantSlug = '';
+    displayName = '';
+    email = '';
+    password = '';
+    confirmPassword = '';
+    // State
+    error = '';
+    success = '';
+    loading = false;
+    loadingText = 'Creating your organization...';
+    checkingSlug = false;
+    slugAvailable = false;
+    slugError = '';
+    useEmailPassword = false;
+    oauthProviders = [];
+    constructor(auth) {
+        this.auth = auth;
+    }
+    ngOnInit() {
+        if (!this.providers || this.providers.length === 0) {
+            this.error = 'Configuration Error: No authentication providers specified.';
+            throw new Error('TenantRegisterComponent requires providers input.');
+        }
+        this.oauthProviders = this.providers.filter(p => p !== 'emailPassword');
+        // If only emailPassword is available, show it by default
+        if (this.oauthProviders.length === 0 && this.isProviderEnabled('emailPassword')) {
+            this.useEmailPassword = true;
+        }
+    }
+    isProviderEnabled(provider) {
+        return this.providers.includes(provider);
+    }
+    getProviderLabel(provider) {
+        const labels = {
+            google: 'Sign up with Google',
+            linkedin: 'Sign up with LinkedIn',
+            apple: 'Sign up with Apple',
+            microsoft: 'Sign up with Microsoft',
+            github: 'Sign up with GitHub',
+            emailPassword: 'Sign up with Email'
+        };
+        return labels[provider];
+    }
+    getProviderIcon(provider) {
+        return undefined;
+    }
+    onTenantNameChange() {
+        // Auto-generate slug from tenant name
+        if (this.tenantName) {
+            const slug = this.tenantName
+                .toLowerCase()
+                .replace(/[^a-z0-9\s-]/g, '')
+                .replace(/\s+/g, '-')
+                .replace(/-+/g, '-')
+                .replace(/^-|-$/g, '');
+            this.tenantSlug = slug;
+            this.slugError = '';
+            this.slugAvailable = false;
+        }
+    }
+    async checkSlugAvailability() {
+        if (!this.tenantSlug || this.tenantSlug.length < 3) {
+            this.slugError = 'Slug must be at least 3 characters';
+            return;
+        }
+        if (!/^[a-z0-9-]+$/.test(this.tenantSlug)) {
+            this.slugError = 'Only lowercase letters, numbers, and hyphens allowed';
+            return;
+        }
+        this.checkingSlug = true;
+        this.slugError = '';
+        try {
+            const result = await this.auth.checkTenantSlugAvailable(this.tenantSlug);
+            if (result.available) {
+                this.slugAvailable = true;
+            }
+            else {
+                this.slugError = 'This URL is already taken';
+                if (result.suggestion) {
+                    this.slugError += `. Try: ${result.suggestion}`;
+                }
+            }
+        }
+        catch (err) {
+            // Slug check failed, but don't block registration
+            console.warn('Slug availability check failed:', err);
+        }
+        finally {
+            this.checkingSlug = false;
+        }
+    }
+    toggleAuthMethod(event) {
+        event.preventDefault();
+        this.useEmailPassword = !this.useEmailPassword;
+        this.error = '';
+    }
+    isFormValid() {
+        // Tenant information must be valid
+        if (!this.tenantName || !this.tenantSlug) {
+            return false;
+        }
+        if (this.slugError) {
+            return false;
+        }
+        // If using email/password, check those fields
+        if (this.useEmailPassword) {
+            if (!this.displayName || !this.email || !this.password || !this.confirmPassword) {
+                return false;
+            }
+            if (this.password.length < 8) {
+                return false;
+            }
+            if (this.password !== this.confirmPassword) {
+                return false;
+            }
+        }
+        return true;
+    }
+    async onOAuthRegister(provider) {
+        if (!this.isFormValid()) {
+            this.error = 'Please complete the organization information';
+            return;
+        }
+        this.loading = true;
+        this.loadingText = `Signing up with ${provider}...`;
+        this.error = '';
+        try {
+            const result = await this.auth.registerTenant({
+                tenantName: this.tenantName,
+                tenantSlug: this.tenantSlug,
+                provider: provider
+            });
+            if (result.success && result.tenant && result.user) {
+                this.success = 'Organization created successfully!';
+                this.tenantCreated.emit({
+                    tenant: result.tenant,
+                    user: result.user
+                });
+            }
+            else {
+                this.error = result.message || 'Registration failed';
+            }
+        }
+        catch (err) {
+            this.error = err.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async onRegister() {
+        if (!this.isFormValid()) {
+            this.error = 'Please fill in all required fields correctly';
+            return;
+        }
+        this.loading = true;
+        this.loadingText = 'Creating your organization...';
+        this.error = '';
+        this.success = '';
+        try {
+            const result = await this.auth.registerTenant({
+                tenantName: this.tenantName,
+                tenantSlug: this.tenantSlug,
+                displayName: this.displayName,
+                email: this.email,
+                password: this.password,
+                provider: 'emailPassword'
+            });
+            if (result.success && result.tenant && result.user) {
+                this.success = 'Organization created successfully!';
+                this.tenantCreated.emit({
+                    tenant: result.tenant,
+                    user: result.user
+                });
+            }
+            else {
+                this.error = result.message || 'Registration failed';
+            }
+        }
+        catch (err) {
+            this.error = err.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    onLoginClick(event) {
+        event.preventDefault();
+        this.navigateToLogin.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantRegisterComponent, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: TenantRegisterComponent, isStandalone: true, selector: "lib-tenant-register", inputs: { title: "title", providers: "providers", requireTenantName: "requireTenantName", tenantSectionTitle: "tenantSectionTitle", tenantNameLabel: "tenantNameLabel", tenantNamePlaceholder: "tenantNamePlaceholder", tenantSlugLabel: "tenantSlugLabel", tenantSlugPlaceholder: "tenantSlugPlaceholder", urlPreviewEnabled: "urlPreviewEnabled", urlPreviewPrefix: "urlPreviewPrefix", userSectionTitle: "userSectionTitle", oauthDescription: "oauthDescription", ownershipTitle: "ownershipTitle", ownershipMessage: "ownershipMessage", submitButtonText: "submitButtonText", loginLinkText: "loginLinkText", loginLinkAction: "loginLinkAction" }, outputs: { tenantCreated: "tenantCreated", navigateToLogin: "navigateToLogin" }, ngImport: i0, template: `
+        <div class="tenant-register-dialog">
+            <h2 class="register-title">{{ title }}</h2>
+
+            <!-- Ownership Warning Message -->
+            <div class="warning-box">
+                <div class="warning-icon">⚠️</div>
+                <div class="warning-content">
+                    <strong>{{ ownershipTitle }}</strong>
+                    <p>{{ ownershipMessage }}</p>
+                </div>
+            </div>
+
+            <form (ngSubmit)="onRegister()" class="register-form">
+                <!-- Tenant Information Section -->
+                <div class="section-header">{{ tenantSectionTitle }}</div>
+
+                <div class="form-group">
+                    <label for="tenantName">{{ tenantNameLabel }} *</label>
+                    <input
+                        id="tenantName"
+                        [(ngModel)]="tenantName"
+                        name="tenantName"
+                        [placeholder]="tenantNamePlaceholder"
+                        type="text"
+                        required
+                        (input)="onTenantNameChange()"
+                        class="form-control">
+                </div>
+
+                <div class="form-group">
+                    <label for="tenantSlug">{{ tenantSlugLabel }} *</label>
+                    <input
+                        id="tenantSlug"
+                        [(ngModel)]="tenantSlug"
+                        name="tenantSlug"
+                        [placeholder]="tenantSlugPlaceholder"
+                        type="text"
+                        required
+                        pattern="[a-z0-9-]+"
+                        (blur)="checkSlugAvailability()"
+                        class="form-control"
+                        [class.input-error]="slugError"
+                        [class.input-success]="slugAvailable && tenantSlug">
+                    @if (tenantSlug && urlPreviewEnabled) {
+                        <small class="form-hint">
+                            {{ urlPreviewPrefix }}{{ tenantSlug }}
+                            @if (checkingSlug) {
+                                <span class="checking">Checking...</span>
+                            }
+                            @if (slugAvailable && !checkingSlug) {
+                                <span class="available">✓ Available</span>
+                            }
+                            @if (slugError) {
+                                <span class="error-text">{{ slugError }}</span>
+                            }
+                        </small>
+                    }
+                </div>
+
+                <!-- User Information Section -->
+                <div class="section-header">{{ userSectionTitle }}</div>
+
+                <!-- OAuth Providers (Primary Option) -->
+                @if (oauthProviders.length > 0 && !useEmailPassword) {
+                    <div class="oauth-section">
+                        <p class="oauth-description">{{ oauthDescription }}</p>
+                        <div class="oauth-buttons">
+                            @for (provider of oauthProviders; track provider) {
+                                <button
+                                    type="button"
+                                    (click)="onOAuthRegister(provider)"
+                                    [disabled]="loading || !isFormValid()"
+                                    class="btn btn-oauth btn-{{ provider }}">
+                                    @if (getProviderIcon(provider)) {
+                                        <span class="oauth-icon">
+                                            {{ getProviderIcon(provider) }}
+                                        </span>
+                                    }
+                                    {{ getProviderLabel(provider) }}
+                                </button>
+                            }
+                        </div>
+                    </div>
+
+                    <!-- Switch to Email/Password -->
+                    @if (isProviderEnabled('emailPassword')) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                {{ useEmailPassword ? 'Use OAuth instead' : 'Use email/password instead' }}
+                            </a>
+                        </div>
+                    }
+                }
+
+                <!-- Email/Password Form (Fallback or Manual Entry) -->
+                @if (useEmailPassword || oauthProviders.length === 0) {
+                    <div class="form-group">
+                        <label for="displayName">Full Name *</label>
+                        <input
+                            id="displayName"
+                            [(ngModel)]="displayName"
+                            name="displayName"
+                            placeholder="Enter your full name"
+                            type="text"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="email">Email *</label>
+                        <input
+                            id="email"
+                            [(ngModel)]="email"
+                            name="email"
+                            placeholder="Enter your email"
+                            type="email"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="password">Password *</label>
+                        <input
+                            id="password"
+                            [(ngModel)]="password"
+                            name="password"
+                            placeholder="Create a password"
+                            type="password"
+                            required
+                            minlength="8"
+                            class="form-control">
+                        <small class="form-hint">At least 8 characters</small>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="confirmPassword">Confirm Password *</label>
+                        <input
+                            id="confirmPassword"
+                            [(ngModel)]="confirmPassword"
+                            name="confirmPassword"
+                            placeholder="Confirm your password"
+                            type="password"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <button
+                        type="submit"
+                        [disabled]="loading || !isFormValid()"
+                        class="btn btn-primary btn-block">
+                        {{ loading ? 'Creating...' : submitButtonText }}
+                    </button>
+
+                    <!-- Switch to OAuth -->
+                    @if (oauthProviders.length > 0) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                Use OAuth instead
+                            </a>
+                        </div>
+                    }
+                }
+            </form>
+
+            <!-- Error Message -->
+            @if (error) {
+                <div class="error-message">
+                    {{ error }}
+                </div>
+            }
+
+            <!-- Success Message -->
+            @if (success) {
+                <div class="success-message">
+                    {{ success }}
+                </div>
+            }
+
+            <!-- Loading Overlay -->
+            @if (loading) {
+                <div class="loading-overlay">
+                    <div class="spinner"></div>
+                    <p class="loading-text">{{ loadingText }}</p>
+                </div>
+            }
+
+            <!-- Login Link -->
+            <div class="login-link">
+                {{ loginLinkText }}
+                <a href="#" (click)="onLoginClick($event)">{{ loginLinkAction }}</a>
+            </div>
+        </div>
+    `, isInline: true, styles: [".tenant-register-dialog{padding:24px;max-width:500px;position:relative}.register-title{margin:0 0 20px;font-size:24px;font-weight:500;text-align:center}.warning-box{display:flex;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:24px}.warning-icon{font-size:24px;line-height:1}.warning-content{flex:1}.warning-content strong{display:block;margin-bottom:4px;color:#856404;font-size:14px}.warning-content p{margin:0;color:#856404;font-size:13px;line-height:1.5}.section-header{font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid #e0e0e0;color:#333}.register-form,.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-control:focus{outline:none;border-color:#4285f4}.form-control.input-error{border-color:#dc3545}.form-control.input-success{border-color:#28a745}.form-hint{display:block;margin-top:4px;font-size:12px;color:#666}.form-hint .checking{color:#666}.form-hint .available{color:#28a745;font-weight:500}.form-hint .error-text{color:#dc3545}.oauth-section{margin:16px 0}.oauth-description{margin-bottom:12px;font-size:14px;color:#666;text-align:center}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357ae8}.btn-oauth{width:100%;background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:8px}.btn-oauth:hover:not(:disabled){background:#f8f8f8}.btn-google{border-color:#4285f4}.btn-linkedin{border-color:#0077b5}.btn-apple{border-color:#000}.btn-microsoft{border-color:#00a4ef}.btn-github{border-color:#333}.oauth-icon{font-size:18px}.switch-method{margin-top:12px;text-align:center;font-size:14px}.switch-method a{color:#4285f4;text-decoration:none}.switch-method a:hover{text-decoration:underline}.error-message{margin-top:16px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.success-message{margin-top:16px;padding:12px;background:#efe;color:#3a3;border-radius:4px;font-size:14px}.loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin:0;font-size:14px;color:#666}.login-link{margin-top:16px;text-align:center;font-size:14px;color:#666}.login-link a{color:#4285f4;text-decoration:none}.login-link a:hover{text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantRegisterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tenant-register', standalone: true, imports: [CommonModule, FormsModule], template: `
+        <div class="tenant-register-dialog">
+            <h2 class="register-title">{{ title }}</h2>
+
+            <!-- Ownership Warning Message -->
+            <div class="warning-box">
+                <div class="warning-icon">⚠️</div>
+                <div class="warning-content">
+                    <strong>{{ ownershipTitle }}</strong>
+                    <p>{{ ownershipMessage }}</p>
+                </div>
+            </div>
+
+            <form (ngSubmit)="onRegister()" class="register-form">
+                <!-- Tenant Information Section -->
+                <div class="section-header">{{ tenantSectionTitle }}</div>
+
+                <div class="form-group">
+                    <label for="tenantName">{{ tenantNameLabel }} *</label>
+                    <input
+                        id="tenantName"
+                        [(ngModel)]="tenantName"
+                        name="tenantName"
+                        [placeholder]="tenantNamePlaceholder"
+                        type="text"
+                        required
+                        (input)="onTenantNameChange()"
+                        class="form-control">
+                </div>
+
+                <div class="form-group">
+                    <label for="tenantSlug">{{ tenantSlugLabel }} *</label>
+                    <input
+                        id="tenantSlug"
+                        [(ngModel)]="tenantSlug"
+                        name="tenantSlug"
+                        [placeholder]="tenantSlugPlaceholder"
+                        type="text"
+                        required
+                        pattern="[a-z0-9-]+"
+                        (blur)="checkSlugAvailability()"
+                        class="form-control"
+                        [class.input-error]="slugError"
+                        [class.input-success]="slugAvailable && tenantSlug">
+                    @if (tenantSlug && urlPreviewEnabled) {
+                        <small class="form-hint">
+                            {{ urlPreviewPrefix }}{{ tenantSlug }}
+                            @if (checkingSlug) {
+                                <span class="checking">Checking...</span>
+                            }
+                            @if (slugAvailable && !checkingSlug) {
+                                <span class="available">✓ Available</span>
+                            }
+                            @if (slugError) {
+                                <span class="error-text">{{ slugError }}</span>
+                            }
+                        </small>
+                    }
+                </div>
+
+                <!-- User Information Section -->
+                <div class="section-header">{{ userSectionTitle }}</div>
+
+                <!-- OAuth Providers (Primary Option) -->
+                @if (oauthProviders.length > 0 && !useEmailPassword) {
+                    <div class="oauth-section">
+                        <p class="oauth-description">{{ oauthDescription }}</p>
+                        <div class="oauth-buttons">
+                            @for (provider of oauthProviders; track provider) {
+                                <button
+                                    type="button"
+                                    (click)="onOAuthRegister(provider)"
+                                    [disabled]="loading || !isFormValid()"
+                                    class="btn btn-oauth btn-{{ provider }}">
+                                    @if (getProviderIcon(provider)) {
+                                        <span class="oauth-icon">
+                                            {{ getProviderIcon(provider) }}
+                                        </span>
+                                    }
+                                    {{ getProviderLabel(provider) }}
+                                </button>
+                            }
+                        </div>
+                    </div>
+
+                    <!-- Switch to Email/Password -->
+                    @if (isProviderEnabled('emailPassword')) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                {{ useEmailPassword ? 'Use OAuth instead' : 'Use email/password instead' }}
+                            </a>
+                        </div>
+                    }
+                }
+
+                <!-- Email/Password Form (Fallback or Manual Entry) -->
+                @if (useEmailPassword || oauthProviders.length === 0) {
+                    <div class="form-group">
+                        <label for="displayName">Full Name *</label>
+                        <input
+                            id="displayName"
+                            [(ngModel)]="displayName"
+                            name="displayName"
+                            placeholder="Enter your full name"
+                            type="text"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="email">Email *</label>
+                        <input
+                            id="email"
+                            [(ngModel)]="email"
+                            name="email"
+                            placeholder="Enter your email"
+                            type="email"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="password">Password *</label>
+                        <input
+                            id="password"
+                            [(ngModel)]="password"
+                            name="password"
+                            placeholder="Create a password"
+                            type="password"
+                            required
+                            minlength="8"
+                            class="form-control">
+                        <small class="form-hint">At least 8 characters</small>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="confirmPassword">Confirm Password *</label>
+                        <input
+                            id="confirmPassword"
+                            [(ngModel)]="confirmPassword"
+                            name="confirmPassword"
+                            placeholder="Confirm your password"
+                            type="password"
+                            required
+                            class="form-control">
+                    </div>
+
+                    <button
+                        type="submit"
+                        [disabled]="loading || !isFormValid()"
+                        class="btn btn-primary btn-block">
+                        {{ loading ? 'Creating...' : submitButtonText }}
+                    </button>
+
+                    <!-- Switch to OAuth -->
+                    @if (oauthProviders.length > 0) {
+                        <div class="switch-method">
+                            <a href="#" (click)="toggleAuthMethod($event)">
+                                Use OAuth instead
+                            </a>
+                        </div>
+                    }
+                }
+            </form>
+
+            <!-- Error Message -->
+            @if (error) {
+                <div class="error-message">
+                    {{ error }}
+                </div>
+            }
+
+            <!-- Success Message -->
+            @if (success) {
+                <div class="success-message">
+                    {{ success }}
+                </div>
+            }
+
+            <!-- Loading Overlay -->
+            @if (loading) {
+                <div class="loading-overlay">
+                    <div class="spinner"></div>
+                    <p class="loading-text">{{ loadingText }}</p>
+                </div>
+            }
+
+            <!-- Login Link -->
+            <div class="login-link">
+                {{ loginLinkText }}
+                <a href="#" (click)="onLoginClick($event)">{{ loginLinkAction }}</a>
+            </div>
+        </div>
+    `, styles: [".tenant-register-dialog{padding:24px;max-width:500px;position:relative}.register-title{margin:0 0 20px;font-size:24px;font-weight:500;text-align:center}.warning-box{display:flex;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:24px}.warning-icon{font-size:24px;line-height:1}.warning-content{flex:1}.warning-content strong{display:block;margin-bottom:4px;color:#856404;font-size:14px}.warning-content p{margin:0;color:#856404;font-size:13px;line-height:1.5}.section-header{font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid #e0e0e0;color:#333}.register-form,.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-control:focus{outline:none;border-color:#4285f4}.form-control.input-error{border-color:#dc3545}.form-control.input-success{border-color:#28a745}.form-hint{display:block;margin-top:4px;font-size:12px;color:#666}.form-hint .checking{color:#666}.form-hint .available{color:#28a745;font-weight:500}.form-hint .error-text{color:#dc3545}.oauth-section{margin:16px 0}.oauth-description{margin-bottom:12px;font-size:14px;color:#666;text-align:center}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357ae8}.btn-oauth{width:100%;background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:8px}.btn-oauth:hover:not(:disabled){background:#f8f8f8}.btn-google{border-color:#4285f4}.btn-linkedin{border-color:#0077b5}.btn-apple{border-color:#000}.btn-microsoft{border-color:#00a4ef}.btn-github{border-color:#333}.oauth-icon{font-size:18px}.switch-method{margin-top:12px;text-align:center;font-size:14px}.switch-method a{color:#4285f4;text-decoration:none}.switch-method a:hover{text-decoration:underline}.error-message{margin-top:16px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.success-message{margin-top:16px;padding:12px;background:#efe;color:#3a3;border-radius:4px;font-size:14px}.loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin:0;font-size:14px;color:#666}.login-link{margin-top:16px;text-align:center;font-size:14px;color:#666}.login-link a{color:#4285f4;text-decoration:none}.login-link a:hover{text-decoration:underline}\n"] }]
+        }], ctorParameters: () => [{ type: AuthService }], propDecorators: { title: [{
+                type: Input
+            }], providers: [{
+                type: Input
+            }], requireTenantName: [{
+                type: Input
+            }], tenantSectionTitle: [{
+                type: Input
+            }], tenantNameLabel: [{
+                type: Input
+            }], tenantNamePlaceholder: [{
+                type: Input
+            }], tenantSlugLabel: [{
+                type: Input
+            }], tenantSlugPlaceholder: [{
+                type: Input
+            }], urlPreviewEnabled: [{
+                type: Input
+            }], urlPreviewPrefix: [{
+                type: Input
+            }], userSectionTitle: [{
+                type: Input
+            }], oauthDescription: [{
+                type: Input
+            }], ownershipTitle: [{
+                type: Input
+            }], ownershipMessage: [{
+                type: Input
+            }], submitButtonText: [{
+                type: Input
+            }], loginLinkText: [{
+                type: Input
+            }], loginLinkAction: [{
+                type: Input
+            }], tenantCreated: [{
+                type: Output
+            }], navigateToLogin: [{
+                type: Output
+            }] } });
+
+/**
+ * Dialog wrapper for TenantLoginComponent
+ *
+ * Usage with Angular Material Dialog:
+ * ```typescript
+ * const dialogRef = this.dialog.open(TenantLoginDialogComponent, {
+ *   width: '450px',
+ *   data: {
+ *     providers: ['google'],
+ *     showTenantSelector: true
+ *   }
+ * });
+ *
+ * dialogRef.afterClosed().subscribe(result => {
+ *   if (result && result.tenantId) {
+ *     console.log('Logged in to tenant:', result.tenantSlug);
+ *     // Redirect to dashboard
+ *   }
+ * });
+ * ```
+ *
+ * Usage with custom dialog service:
+ * ```typescript
+ * const dialog = this.dialogService.open(TenantLoginDialogComponent, {
+ *   providers: ['google', 'emailPassword'],
+ *   autoSelectSingleTenant: true
+ * });
+ * ```
+ */
+class TenantLoginDialogComponent {
+    data;
+    dialogRef;
+    constructor(injectedData, injectedDialogRef) {
+        // Support both Angular Material Dialog and custom dialog implementations
+        this.data = injectedData || {};
+        this.dialogRef = injectedDialogRef;
+    }
+    onTenantSelected(event) {
+        // Close dialog and return the selected tenant
+        if (this.dialogRef && this.dialogRef.close) {
+            this.dialogRef.close(event);
+        }
+    }
+    onCreateTenant() {
+        // Close dialog and signal that user wants to create a tenant
+        if (this.dialogRef && this.dialogRef.close) {
+            this.dialogRef.close({ action: 'create_tenant' });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantLoginDialogComponent, deps: [{ token: 'DIALOG_DATA', optional: true }, { token: 'DIALOG_REF', optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TenantLoginDialogComponent, isStandalone: true, selector: "lib-tenant-login-dialog", ngImport: i0, template: `
+        <div class="dialog-wrapper">
+            <lib-tenant-login
+                [title]="data?.title || 'Sign In'"
+                [providers]="data?.providers || ['google']"
+                [showTenantSelector]="data?.showTenantSelector !== false"
+                [autoSelectSingleTenant]="data?.autoSelectSingleTenant !== false"
+                [allowTenantCreation]="data?.allowTenantCreation !== false"
+                [tenantSelectorTitle]="data?.tenantSelectorTitle || 'Select Organization'"
+                [tenantSelectorDescription]="data?.tenantSelectorDescription || 'Choose which organization you want to access:'"
+                [continueButtonText]="data?.continueButtonText || 'Continue'"
+                [registerLinkText]="data?.registerLinkText || 'Don\\'t have an account?'"
+                [registerLinkAction]="data?.registerLinkAction || 'Sign up'"
+                [createTenantLinkText]="data?.createTenantLinkText || 'Don\\'t see your organization?'"
+                [createTenantLinkAction]="data?.createTenantLinkAction || 'Create New Organization'"
+                (tenantSelected)="onTenantSelected($event)"
+                (createTenant)="onCreateTenant()">
+            </lib-tenant-login>
+        </div>
+    `, isInline: true, styles: [".dialog-wrapper{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TenantLoginComponent, selector: "lib-tenant-login", inputs: ["title", "providers", "showTenantSelector", "autoSelectSingleTenant", "allowTenantCreation", "tenantSelectorTitle", "tenantSelectorDescription", "continueButtonText", "registerLinkText", "registerLinkAction", "createTenantLinkText", "createTenantLinkAction"], outputs: ["tenantSelected", "createTenant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantLoginDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tenant-login-dialog', standalone: true, imports: [CommonModule, TenantLoginComponent], template: `
+        <div class="dialog-wrapper">
+            <lib-tenant-login
+                [title]="data?.title || 'Sign In'"
+                [providers]="data?.providers || ['google']"
+                [showTenantSelector]="data?.showTenantSelector !== false"
+                [autoSelectSingleTenant]="data?.autoSelectSingleTenant !== false"
+                [allowTenantCreation]="data?.allowTenantCreation !== false"
+                [tenantSelectorTitle]="data?.tenantSelectorTitle || 'Select Organization'"
+                [tenantSelectorDescription]="data?.tenantSelectorDescription || 'Choose which organization you want to access:'"
+                [continueButtonText]="data?.continueButtonText || 'Continue'"
+                [registerLinkText]="data?.registerLinkText || 'Don\\'t have an account?'"
+                [registerLinkAction]="data?.registerLinkAction || 'Sign up'"
+                [createTenantLinkText]="data?.createTenantLinkText || 'Don\\'t see your organization?'"
+                [createTenantLinkAction]="data?.createTenantLinkAction || 'Create New Organization'"
+                (tenantSelected)="onTenantSelected($event)"
+                (createTenant)="onCreateTenant()">
+            </lib-tenant-login>
+        </div>
+    `, styles: [".dialog-wrapper{padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['DIALOG_DATA']
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['DIALOG_REF']
+                }] }] });
+
+/**
+ * Dialog wrapper for TenantRegisterComponent
+ *
+ * Usage with Angular Material Dialog:
+ * ```typescript
+ * const dialogRef = this.dialog.open(TenantRegisterDialogComponent, {
+ *   width: '500px',
+ *   data: {
+ *     providers: ['google'],
+ *     tenantNameLabel: 'Store Name'
+ *   }
+ * });
+ *
+ * dialogRef.afterClosed().subscribe(result => {
+ *   if (result && result.tenant) {
+ *     console.log('Tenant created:', result.tenant);
+ *   }
+ * });
+ * ```
+ *
+ * Usage with custom dialog service:
+ * ```typescript
+ * const dialog = this.dialogService.open(TenantRegisterDialogComponent, {
+ *   providers: ['google', 'emailPassword']
+ * });
+ * ```
+ */
+class TenantRegisterDialogComponent {
+    data;
+    dialogRef;
+    constructor(injectedData, injectedDialogRef) {
+        // Support both Angular Material Dialog and custom dialog implementations
+        this.data = injectedData || {};
+        this.dialogRef = injectedDialogRef;
+    }
+    onTenantCreated(event) {
+        // Close dialog and return the created tenant
+        if (this.dialogRef && this.dialogRef.close) {
+            this.dialogRef.close(event);
+        }
+    }
+    onNavigateToLogin() {
+        // Close dialog without result (user wants to login instead)
+        if (this.dialogRef && this.dialogRef.close) {
+            this.dialogRef.close({ action: 'navigate_to_login' });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantRegisterDialogComponent, deps: [{ token: 'DIALOG_DATA', optional: true }, { token: 'DIALOG_REF', optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TenantRegisterDialogComponent, isStandalone: true, selector: "lib-tenant-register-dialog", ngImport: i0, template: `
+        <div class="dialog-wrapper">
+            <lib-tenant-register
+                [title]="data?.title || 'Create New Organization'"
+                [providers]="data?.providers || ['google']"
+                [requireTenantName]="data?.requireTenantName !== false"
+                [tenantSectionTitle]="data?.tenantSectionTitle || 'Organization Information'"
+                [tenantNameLabel]="data?.tenantNameLabel || 'Organization Name'"
+                [tenantNamePlaceholder]="data?.tenantNamePlaceholder || 'Enter your organization name'"
+                [tenantSlugLabel]="data?.tenantSlugLabel || 'Organization URL'"
+                [tenantSlugPlaceholder]="data?.tenantSlugPlaceholder || 'organization-name'"
+                [urlPreviewEnabled]="data?.urlPreviewEnabled !== false"
+                [urlPreviewPrefix]="data?.urlPreviewPrefix || 'app.example.com/'"
+                [userSectionTitle]="data?.userSectionTitle || 'Your Information'"
+                [oauthDescription]="data?.oauthDescription || 'Recommended: Sign up with your Google account'"
+                [ownershipTitle]="data?.ownershipTitle || 'CREATING A NEW ORGANIZATION'"
+                [ownershipMessage]="data?.ownershipMessage || 'You are registering as an organization owner. If you are an employee, use Login instead.'"
+                [submitButtonText]="data?.submitButtonText || 'Create Organization'"
+                [loginLinkText]="data?.loginLinkText || 'Already have an account?'"
+                [loginLinkAction]="data?.loginLinkAction || 'Sign in'"
+                (tenantCreated)="onTenantCreated($event)"
+                (navigateToLogin)="onNavigateToLogin()">
+            </lib-tenant-register>
+        </div>
+    `, isInline: true, styles: [".dialog-wrapper{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TenantRegisterComponent, selector: "lib-tenant-register", inputs: ["title", "providers", "requireTenantName", "tenantSectionTitle", "tenantNameLabel", "tenantNamePlaceholder", "tenantSlugLabel", "tenantSlugPlaceholder", "urlPreviewEnabled", "urlPreviewPrefix", "userSectionTitle", "oauthDescription", "ownershipTitle", "ownershipMessage", "submitButtonText", "loginLinkText", "loginLinkAction"], outputs: ["tenantCreated", "navigateToLogin"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TenantRegisterDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tenant-register-dialog', standalone: true, imports: [CommonModule, TenantRegisterComponent], template: `
+        <div class="dialog-wrapper">
+            <lib-tenant-register
+                [title]="data?.title || 'Create New Organization'"
+                [providers]="data?.providers || ['google']"
+                [requireTenantName]="data?.requireTenantName !== false"
+                [tenantSectionTitle]="data?.tenantSectionTitle || 'Organization Information'"
+                [tenantNameLabel]="data?.tenantNameLabel || 'Organization Name'"
+                [tenantNamePlaceholder]="data?.tenantNamePlaceholder || 'Enter your organization name'"
+                [tenantSlugLabel]="data?.tenantSlugLabel || 'Organization URL'"
+                [tenantSlugPlaceholder]="data?.tenantSlugPlaceholder || 'organization-name'"
+                [urlPreviewEnabled]="data?.urlPreviewEnabled !== false"
+                [urlPreviewPrefix]="data?.urlPreviewPrefix || 'app.example.com/'"
+                [userSectionTitle]="data?.userSectionTitle || 'Your Information'"
+                [oauthDescription]="data?.oauthDescription || 'Recommended: Sign up with your Google account'"
+                [ownershipTitle]="data?.ownershipTitle || 'CREATING A NEW ORGANIZATION'"
+                [ownershipMessage]="data?.ownershipMessage || 'You are registering as an organization owner. If you are an employee, use Login instead.'"
+                [submitButtonText]="data?.submitButtonText || 'Create Organization'"
+                [loginLinkText]="data?.loginLinkText || 'Already have an account?'"
+                [loginLinkAction]="data?.loginLinkAction || 'Sign in'"
+                (tenantCreated)="onTenantCreated($event)"
+                (navigateToLogin)="onNavigateToLogin()">
+            </lib-tenant-register>
+        </div>
+    `, styles: [".dialog-wrapper{padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['DIALOG_DATA']
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['DIALOG_REF']
+                }] }] });
+
 /*
  * Public API Surface of ngx-stonescriptphp-client
  */
@@ -1463,5 +3095,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApiConnectionService, ApiResponse, AuthService, CsrfService, DbService, LoginDialogComponent, MyEnvironmentModel, NgxStoneScriptPhpClientModule, RegisterComponent, SigninStatusService, TokenService, VerifyStatus };
+export { ApiConnectionService, ApiResponse, AuthService, CsrfService, DbService, LoginDialogComponent, MyEnvironmentModel, NgxStoneScriptPhpClientModule, RegisterComponent, SigninStatusService, TenantLoginComponent, TenantLoginDialogComponent, TenantRegisterComponent, TenantRegisterDialogComponent, TokenService, VerifyStatus };
 //# sourceMappingURL=progalaxyelabs-ngx-stonescriptphp-client.mjs.map