@seaverse/auth-sdk 0.3.7 → 0.3.9

package/dist/index.d.ts

@@ -791,6 +791,32 @@ interface BindInviteCodeResponse {
         message: string;
     };
 }
+/**
+ * Iframe token request message sent from child to parent
+ */
+interface IframeTokenRequestMessage {
+    type: 'seaverse:get_token';
+    requestId: string;
+}
+/**
+ * Iframe token response message sent from parent to child
+ */
+interface IframeTokenResponseMessage {
+    type: 'seaverse:token';
+    requestId: string;
+    payload: {
+        accessToken: string;
+        expiresIn: number;
+    };
+}
+/**
+ * Iframe token error message sent from parent to child
+ */
+interface IframeTokenErrorMessage {
+    type: 'seaverse:token_error';
+    requestId: string;
+    error: string;
+}
 
 type models_AccountExistsErrorDetails = AccountExistsErrorDetails;
 type models_ApiError = ApiError;
@@ -815,6 +841,9 @@ type models_ForkProjectResponse = ForkProjectResponse;
 type models_HealthResponse = HealthResponse;
 type models_HubProject = HubProject;
 type models_HubProjectsListResponse = HubProjectsListResponse;
+type models_IframeTokenErrorMessage = IframeTokenErrorMessage;
+type models_IframeTokenRequestMessage = IframeTokenRequestMessage;
+type models_IframeTokenResponseMessage = IframeTokenResponseMessage;
 type models_InviteApplication = InviteApplication;
 type models_InviteApplicationListResponse = InviteApplicationListResponse;
 type models_InviteCode = InviteCode;
@@ -855,7 +884,7 @@ type models_UserInstalledSkillsListResponse = UserInstalledSkillsListResponse;
 type models_VideoDetails = VideoDetails;
 declare namespace models {
   export { models_ErrorCode as ErrorCode };
-  export type { models_AccountExistsErrorDetails as AccountExistsErrorDetails, models_ApiError as ApiError, models_ApiServiceTokenResponse as ApiServiceTokenResponse, models_ApplyInviteResponse as ApplyInviteResponse, models_BindInviteCodeRequest as BindInviteCodeRequest, models_BindInviteCodeResponse as BindInviteCodeResponse, models_Container as Container, models_ContainerDetailResponse as ContainerDetailResponse, models_ContainerListResponse as ContainerListResponse, models_ContainerStatsResponse as ContainerStatsResponse, models_ConversationStatus as ConversationStatus, models_CreateMarketplaceSkillRequest as CreateMarketplaceSkillRequest, models_CreateVideoShareRequest as CreateVideoShareRequest, models_CreateVideoShareResponse as CreateVideoShareResponse, models_EmailVerificationResponse as EmailVerificationResponse, models_ForgotPasswordRequest as ForgotPasswordRequest, models_ForkProjectRequest as ForkProjectRequest, models_ForkProjectResponse as ForkProjectResponse, models_HealthResponse as HealthResponse, models_HubProject as HubProject, models_HubProjectsListResponse as HubProjectsListResponse, models_InviteApplication as InviteApplication, models_InviteApplicationListResponse as InviteApplicationListResponse, models_InviteCode as InviteCode, models_InviteCodeBindRequest as InviteCodeBindRequest, models_InviteCodeDetailResponse as InviteCodeDetailResponse, models_InviteCodeGenerateResponse as InviteCodeGenerateResponse, models_InviteCodeRequiredErrorData as InviteCodeRequiredErrorData, models_InviteCodeVerifyResponse as InviteCodeVerifyResponse, models_InviteStats as InviteStats, models_InviteStatsResponse as InviteStatsResponse, models_InviteUsage as InviteUsage, models_ListInviteUsagesRequest as ListInviteUsagesRequest, models_ListInviteUsagesResponse as ListInviteUsagesResponse, models_ListInvitesRequest as ListInvitesRequest, models_ListInvitesResponse as ListInvitesResponse, models_LoginRequest as LoginRequest, models_LoginResponse as LoginResponse, models_MarketplaceSkill as MarketplaceSkill, models_MarketplaceSkillsListResponse as MarketplaceSkillsListResponse, models_OAuthAuthorizeRequest as OAuthAuthorizeRequest, models_OAuthAuthorizeResponse as OAuthAuthorizeResponse, models_PublishProjectRequest as PublishProjectRequest, models_PublishSkillRequest as PublishSkillRequest, models_RegisterContainerRequest as RegisterContainerRequest, models_RegisterContainerResponse as RegisterContainerResponse, models_RegisterRequest as RegisterRequest, models_RegisterResponse as RegisterResponse, models_ResetPasswordRequest as ResetPasswordRequest, models_SocialMediaLink as SocialMediaLink, models_SocialMediaLinksResponse as SocialMediaLinksResponse, models_SpeechTokenResponse as SpeechTokenResponse, models_SubmitInviteApplicationRequest as SubmitInviteApplicationRequest, models_SuccessResponse as SuccessResponse, models_TrackAppTypeRequest as TrackAppTypeRequest, models_User as User, models_UserInstalledSkill as UserInstalledSkill, models_UserInstalledSkillsListResponse as UserInstalledSkillsListResponse, models_VideoDetails as VideoDetails };
+  export type { models_AccountExistsErrorDetails as AccountExistsErrorDetails, models_ApiError as ApiError, models_ApiServiceTokenResponse as ApiServiceTokenResponse, models_ApplyInviteResponse as ApplyInviteResponse, models_BindInviteCodeRequest as BindInviteCodeRequest, models_BindInviteCodeResponse as BindInviteCodeResponse, models_Container as Container, models_ContainerDetailResponse as ContainerDetailResponse, models_ContainerListResponse as ContainerListResponse, models_ContainerStatsResponse as ContainerStatsResponse, models_ConversationStatus as ConversationStatus, models_CreateMarketplaceSkillRequest as CreateMarketplaceSkillRequest, models_CreateVideoShareRequest as CreateVideoShareRequest, models_CreateVideoShareResponse as CreateVideoShareResponse, models_EmailVerificationResponse as EmailVerificationResponse, models_ForgotPasswordRequest as ForgotPasswordRequest, models_ForkProjectRequest as ForkProjectRequest, models_ForkProjectResponse as ForkProjectResponse, models_HealthResponse as HealthResponse, models_HubProject as HubProject, models_HubProjectsListResponse as HubProjectsListResponse, models_IframeTokenErrorMessage as IframeTokenErrorMessage, models_IframeTokenRequestMessage as IframeTokenRequestMessage, models_IframeTokenResponseMessage as IframeTokenResponseMessage, models_InviteApplication as InviteApplication, models_InviteApplicationListResponse as InviteApplicationListResponse, models_InviteCode as InviteCode, models_InviteCodeBindRequest as InviteCodeBindRequest, models_InviteCodeDetailResponse as InviteCodeDetailResponse, models_InviteCodeGenerateResponse as InviteCodeGenerateResponse, models_InviteCodeRequiredErrorData as InviteCodeRequiredErrorData, models_InviteCodeVerifyResponse as InviteCodeVerifyResponse, models_InviteStats as InviteStats, models_InviteStatsResponse as InviteStatsResponse, models_InviteUsage as InviteUsage, models_ListInviteUsagesRequest as ListInviteUsagesRequest, models_ListInviteUsagesResponse as ListInviteUsagesResponse, models_ListInvitesRequest as ListInvitesRequest, models_ListInvitesResponse as ListInvitesResponse, models_LoginRequest as LoginRequest, models_LoginResponse as LoginResponse, models_MarketplaceSkill as MarketplaceSkill, models_MarketplaceSkillsListResponse as MarketplaceSkillsListResponse, models_OAuthAuthorizeRequest as OAuthAuthorizeRequest, models_OAuthAuthorizeResponse as OAuthAuthorizeResponse, models_PublishProjectRequest as PublishProjectRequest, models_PublishSkillRequest as PublishSkillRequest, models_RegisterContainerRequest as RegisterContainerRequest, models_RegisterContainerResponse as RegisterContainerResponse, models_RegisterRequest as RegisterRequest, models_RegisterResponse as RegisterResponse, models_ResetPasswordRequest as ResetPasswordRequest, models_SocialMediaLink as SocialMediaLink, models_SocialMediaLinksResponse as SocialMediaLinksResponse, models_SpeechTokenResponse as SpeechTokenResponse, models_SubmitInviteApplicationRequest as SubmitInviteApplicationRequest, models_SuccessResponse as SuccessResponse, models_TrackAppTypeRequest as TrackAppTypeRequest, models_User as User, models_UserInstalledSkill as UserInstalledSkill, models_UserInstalledSkillsListResponse as UserInstalledSkillsListResponse, models_VideoDetails as VideoDetails };
 }
 
 /**
@@ -1027,6 +1056,48 @@ declare class SeaVerseBackendAPIClient {
      * }
      */
     setToken(token: string): void;
+    /**
+     * Get token from parent window via iframe communication
+     * This method is designed for scenarios where the application is embedded in an iframe
+     * and needs to obtain authentication tokens from the parent page
+     *
+     * @param options - Configuration options
+     * @param options.timeout - Timeout in milliseconds (default: 30000)
+     * @returns Promise that resolves with the access token
+     *
+     * @example
+     * // In an iframe application
+     * try {
+     *   const token = await client.getIframeToken({ timeout: 10000 });
+     *   client.setToken(token);
+     *   localStorage.setItem('token', token);
+     *   console.log('Successfully obtained token from parent');
+     * } catch (error) {
+     *   console.error('Failed to get token from parent:', error);
+     * }
+     *
+     * @example
+     * // Parent page should listen for token requests and respond:
+     * window.addEventListener('message', (event) => {
+     *   if (event.data.type === 'seaverse:get_token') {
+     *     const requestId = event.data.requestId;
+     *     // Get your token (from localStorage, API, etc.)
+     *     const token = localStorage.getItem('token');
+     *     // Send token back to iframe
+     *     event.source.postMessage({
+     *       type: 'seaverse:token',
+     *       requestId: requestId,
+     *       payload: {
+     *         accessToken: token,
+     *         expiresIn: 3600,
+     *       },
+     *     }, '*');
+     *   }
+     * });
+     */
+    getIframeToken(options?: {
+        timeout?: number;
+    }): Promise<string>;
     /**
      * Health check
      * Check if the service is healthy
@@ -1523,4 +1594,4 @@ declare class Toast {
 }
 
 export { AuthFactory, AuthModal, AuthProvider, BuiltInHooks, ENVIRONMENT_CONFIGS, ErrorCode, SeaVerseBackendAPIClient, Toast, createAuthModal, detectEnvironment, getEnvironmentConfig, models };
-export type { AccountExistsErrorDetails, ApiError, ApiServiceTokenResponse, ApplyInviteResponse, AuthModalOptions, AuthModalResult, BindInviteCodeRequest, BindInviteCodeResponse, Container, ContainerDetailResponse, ContainerListResponse, ContainerStatsResponse, ConversationStatus, CreateMarketplaceSkillRequest, CreateVideoShareRequest, CreateVideoShareResponse, EmailVerificationResponse, Environment, EnvironmentConfig, ForgotPasswordRequest, ForkProjectRequest, ForkProjectResponse, HealthResponse, HubProject, HubProjectsListResponse, InviteApplication, InviteApplicationListResponse, InviteCode, InviteCodeBindRequest, InviteCodeDetailResponse, InviteCodeGenerateResponse, InviteCodeRequiredErrorData, InviteCodeVerifyResponse, InviteStats, InviteStatsResponse, InviteUsage, ListInviteUsagesRequest, ListInviteUsagesResponse, ListInvitesRequest, ListInvitesResponse, LoginRequest, LoginResponse, MarketplaceSkill, MarketplaceSkillsListResponse, OAuthAuthorizeRequest, OAuthAuthorizeResponse, PublishProjectRequest, PublishSkillRequest, RegisterContainerRequest, RegisterContainerResponse, RegisterRequest, RegisterResponse, ResetPasswordRequest, RetryOptions, SeaVerseBackendAPIClientOptions, SocialMediaLink, SocialMediaLinksResponse, SpeechTokenResponse, SubmitInviteApplicationRequest, SuccessResponse, ToastOptions, ToastType, TrackAppTypeRequest, User, UserInstalledSkill, UserInstalledSkillsListResponse, VideoDetails };
+export type { AccountExistsErrorDetails, ApiError, ApiServiceTokenResponse, ApplyInviteResponse, AuthModalOptions, AuthModalResult, BindInviteCodeRequest, BindInviteCodeResponse, Container, ContainerDetailResponse, ContainerListResponse, ContainerStatsResponse, ConversationStatus, CreateMarketplaceSkillRequest, CreateVideoShareRequest, CreateVideoShareResponse, EmailVerificationResponse, Environment, EnvironmentConfig, ForgotPasswordRequest, ForkProjectRequest, ForkProjectResponse, HealthResponse, HubProject, HubProjectsListResponse, IframeTokenErrorMessage, IframeTokenRequestMessage, IframeTokenResponseMessage, InviteApplication, InviteApplicationListResponse, InviteCode, InviteCodeBindRequest, InviteCodeDetailResponse, InviteCodeGenerateResponse, InviteCodeRequiredErrorData, InviteCodeVerifyResponse, InviteStats, InviteStatsResponse, InviteUsage, ListInviteUsagesRequest, ListInviteUsagesResponse, ListInvitesRequest, ListInvitesResponse, LoginRequest, LoginResponse, MarketplaceSkill, MarketplaceSkillsListResponse, OAuthAuthorizeRequest, OAuthAuthorizeResponse, PublishProjectRequest, PublishSkillRequest, RegisterContainerRequest, RegisterContainerResponse, RegisterRequest, RegisterResponse, ResetPasswordRequest, RetryOptions, SeaVerseBackendAPIClientOptions, SocialMediaLink, SocialMediaLinksResponse, SpeechTokenResponse, SubmitInviteApplicationRequest, SuccessResponse, ToastOptions, ToastType, TrackAppTypeRequest, User, UserInstalledSkill, UserInstalledSkillsListResponse, VideoDetails };

package/dist/index.js

@@ -1262,6 +1262,103 @@ class SeaVerseBackendAPIClient {
         // Update the httpClient's auth
         this.httpClient.auth = auth;
     }
+    /**
+     * Get token from parent window via iframe communication
+     * This method is designed for scenarios where the application is embedded in an iframe
+     * and needs to obtain authentication tokens from the parent page
+     *
+     * @param options - Configuration options
+     * @param options.timeout - Timeout in milliseconds (default: 30000)
+     * @returns Promise that resolves with the access token
+     *
+     * @example
+     * // In an iframe application
+     * try {
+     *   const token = await client.getIframeToken({ timeout: 10000 });
+     *   client.setToken(token);
+     *   localStorage.setItem('token', token);
+     *   console.log('Successfully obtained token from parent');
+     * } catch (error) {
+     *   console.error('Failed to get token from parent:', error);
+     * }
+     *
+     * @example
+     * // Parent page should listen for token requests and respond:
+     * window.addEventListener('message', (event) => {
+     *   if (event.data.type === 'seaverse:get_token') {
+     *     const requestId = event.data.requestId;
+     *     // Get your token (from localStorage, API, etc.)
+     *     const token = localStorage.getItem('token');
+     *     // Send token back to iframe
+     *     event.source.postMessage({
+     *       type: 'seaverse:token',
+     *       requestId: requestId,
+     *       payload: {
+     *         accessToken: token,
+     *         expiresIn: 3600,
+     *       },
+     *     }, '*');
+     *   }
+     * });
+     */
+    getIframeToken(options) {
+        // Only works in browser environment
+        if (typeof window === 'undefined') {
+            return Promise.reject(new Error('getIframeToken() can only be used in browser environment'));
+        }
+        // Check if we're in an iframe
+        if (window.self === window.top) {
+            return Promise.reject(new Error('getIframeToken() can only be used inside an iframe'));
+        }
+        const timeout = options?.timeout || 30000; // Default 30 seconds
+        const requestId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        return new Promise((resolve, reject) => {
+            let timeoutId = null;
+            let messageHandler = null;
+            // Cleanup function
+            const cleanup = () => {
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                    timeoutId = null;
+                }
+                if (messageHandler) {
+                    window.removeEventListener('message', messageHandler);
+                    messageHandler = null;
+                }
+            };
+            // Set up timeout
+            timeoutId = setTimeout(() => {
+                cleanup();
+                reject(new Error(`Token request timeout after ${timeout}ms`));
+            }, timeout);
+            // Set up message listener
+            messageHandler = (event) => {
+                const data = event.data;
+                // Check if this is a response to our request
+                if (data &&
+                    typeof data === 'object' &&
+                    data.requestId === requestId) {
+                    if (data.type === 'seaverse:token') {
+                        cleanup();
+                        const tokenData = data;
+                        resolve(tokenData.payload.accessToken);
+                    }
+                    else if (data.type === 'seaverse:token_error') {
+                        cleanup();
+                        const errorData = data;
+                        reject(new Error(errorData.error || 'Failed to get token from parent'));
+                    }
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            // Send request to parent
+            const requestMessage = {
+                type: 'seaverse:get_token',
+                requestId,
+            };
+            window.parent.postMessage(requestMessage, '*');
+        });
+    }
     // ============================================================================
     // Authentication & OAuth APIs
     // ============================================================================
@@ -3068,21 +3165,37 @@ class AuthModal {
         const container = document.createElement('div');
         container.id = 'inviteCodeForm';
         container.className = 'auth-form-view hidden';
-        // Icon
+        // Icon - 使用星星图标
         const icon = document.createElement('div');
-        icon.className = 'forgot-password-icon';
-        icon.innerHTML = '<div class="icon-glow"></div><svg class="icon-lock" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="11" width="14" height="10" rx="2" /><path d="M12 11V7a3 3 0 0 1 3-3h0a3 3 0 0 1 3 3v4" /><circle cx="12" cy="15" r="1" /></svg>';
+        icon.className = 'invite-code-icon';
+        const iconGlow = document.createElement('div');
+        iconGlow.className = 'icon-glow';
+        icon.appendChild(iconGlow);
+        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        svg.setAttribute('class', 'icon-star');
+        svg.setAttribute('width', '56');
+        svg.setAttribute('height', '56');
+        svg.setAttribute('viewBox', '0 0 24 24');
+        svg.setAttribute('fill', 'none');
+        svg.setAttribute('stroke', 'currentColor');
+        svg.setAttribute('stroke-width', '1.5');
+        svg.setAttribute('stroke-linecap', 'round');
+        svg.setAttribute('stroke-linejoin', 'round');
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('d', 'M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z');
+        svg.appendChild(path);
+        icon.appendChild(svg);
         container.appendChild(icon);
         // Header
         const header = document.createElement('div');
         header.className = 'auth-form-header';
         const title = document.createElement('h2');
         title.className = 'auth-form-title';
-        title.textContent = 'Activation Required';
+        title.textContent = 'Bind Invitation Code';
         const subtitle = document.createElement('p');
         subtitle.className = 'auth-form-subtitle';
         subtitle.id = 'inviteCodeSubtitle';
-        subtitle.textContent = 'Enter your invitation code to activate your account';
+        subtitle.textContent = 'Complete your registration by entering an invitation code';
         header.appendChild(title);
         header.appendChild(subtitle);
         container.appendChild(header);
@@ -3090,7 +3203,7 @@ class AuthModal {
         const form = document.createElement('form');
         form.id = 'inviteCodeFormElement';
         form.className = 'auth-form';
-        const codeGroup = this.createFormGroup('inviteCodeInput', 'Invitation Code', 'text', 'Enter invitation code');
+        const codeGroup = this.createFormGroup('inviteCodeInput', 'Invitation code *', 'text', 'Enter your invitation code');
         form.appendChild(codeGroup);
         const submitBtn = document.createElement('button');
         submitBtn.type = 'submit';
@@ -3098,39 +3211,41 @@ class AuthModal {
         submitBtn.className = 'btn-auth-primary';
         const btnText = document.createElement('span');
         btnText.className = 'btn-text';
-        btnText.textContent = 'Activate Account';
+        btnText.textContent = 'Get Started';
         const btnLoader = document.createElement('span');
         btnLoader.className = 'btn-loader hidden';
-        btnLoader.innerHTML = '<svg class="spinner" viewBox="0 0 24 24"><circle class="spinner-track" cx="12" cy="12" r="10"></circle><circle class="spinner-circle" cx="12" cy="12" r="10"></circle></svg>';
+        const spinnerSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        spinnerSvg.setAttribute('class', 'spinner');
+        spinnerSvg.setAttribute('viewBox', '0 0 24 24');
+        const track = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+        track.setAttribute('class', 'spinner-track');
+        track.setAttribute('cx', '12');
+        track.setAttribute('cy', '12');
+        track.setAttribute('r', '10');
+        const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+        circle.setAttribute('class', 'spinner-circle');
+        circle.setAttribute('cx', '12');
+        circle.setAttribute('cy', '12');
+        circle.setAttribute('r', '10');
+        spinnerSvg.appendChild(track);
+        spinnerSvg.appendChild(circle);
+        btnLoader.appendChild(spinnerSvg);
         submitBtn.appendChild(btnText);
         submitBtn.appendChild(btnLoader);
         form.appendChild(submitBtn);
         container.appendChild(form);
-        // Apply invite link
-        const applyInviteSection = document.createElement('div');
-        applyInviteSection.className = 'auth-footer-divider';
-        const applyInviteText = document.createElement('p');
-        applyInviteText.className = 'auth-footer-text';
-        applyInviteText.textContent = "Don't have an invitation code?";
-        const applyInviteLink = document.createElement('a');
-        applyInviteLink.href = '#';
-        applyInviteLink.id = 'showApplyInviteForm';
-        applyInviteLink.className = 'auth-link';
-        applyInviteLink.textContent = 'Apply for one';
-        applyInviteText.appendChild(document.createTextNode(' '));
-        applyInviteText.appendChild(applyInviteLink);
-        applyInviteSection.appendChild(applyInviteText);
-        container.appendChild(applyInviteSection);
-        // Footer
-        const footer = document.createElement('div');
-        footer.className = 'auth-footer forgot-footer';
-        const backLink = document.createElement('a');
-        backLink.href = '#';
-        backLink.id = 'backToLoginFromInvite';
-        backLink.className = 'back-to-login';
-        backLink.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg><span>Back to Sign In</span>';
-        footer.appendChild(backLink);
-        container.appendChild(footer);
+        // 分隔线
+        const divider = document.createElement('div');
+        divider.className = 'invite-code-divider';
+        divider.textContent = "DON'T HAVE CODE?";
+        container.appendChild(divider);
+        // Apply invite 按钮
+        const applyInviteBtn = document.createElement('button');
+        applyInviteBtn.type = 'button';
+        applyInviteBtn.id = 'showApplyInviteForm';
+        applyInviteBtn.className = 'btn-apply-invite';
+        applyInviteBtn.textContent = 'Apply for access';
+        container.appendChild(applyInviteBtn);
         return container;
     }
     createApplyInviteForm() {