@abpjs/account 0.9.0 → 1.1.0

package/dist/components/AuthWrapper/AuthWrapper.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+/**
+ * Props for AuthWrapper component
+ */
+export interface AuthWrapperProps {
+    /**
+     * Main content to be rendered in the wrapper
+     */
+    children?: ReactNode;
+    /**
+     * Main content template reference (for consistency with Angular API)
+     */
+    mainContent?: ReactNode;
+    /**
+     * Cancel/footer content template reference
+     */
+    cancelContent?: ReactNode;
+}
+/**
+ * AuthWrapper - Authentication wrapper component
+ *
+ * This is the React equivalent of Angular's AuthWrapperComponent.
+ * It provides a consistent wrapper layout for authentication-related forms
+ * like login, register, and password reset.
+ *
+ * In Angular, this used TemplateRef for content projection.
+ * In React, we use children and render props pattern.
+ *
+ * @since 1.1.0
+ *
+ * @example
+ * ```tsx
+ * <AuthWrapper
+ *   mainContent={<LoginForm />}
+ *   cancelContent={<Link to="/register">Create account</Link>}
+ * />
+ * ```
+ */
+export declare function AuthWrapper({ children, mainContent, cancelContent, }: AuthWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default AuthWrapper;

package/dist/components/AuthWrapper/index.d.ts

@@ -0,0 +1 @@
+export { AuthWrapper, type AuthWrapperProps } from './AuthWrapper';

package/dist/components/ChangePasswordForm/ChangePasswordForm.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Props for ChangePasswordForm component
+ */
+export interface ChangePasswordFormProps {
+    /**
+     * Callback fired on successful password change
+     */
+    onSuccess?: () => void;
+    /**
+     * Callback fired on password change error
+     */
+    onError?: (error: string) => void;
+}
+/**
+ * ChangePasswordForm - Password change form component
+ *
+ * This is the React equivalent of Angular's ChangePasswordComponent.
+ * It provides a form for authenticated users to change their password.
+ *
+ * @since 1.1.0
+ *
+ * @example
+ * ```tsx
+ * <ChangePasswordForm
+ *   onSuccess={() => console.log('Password changed!')}
+ *   onError={(err) => console.error(err)}
+ * />
+ * ```
+ */
+export declare function ChangePasswordForm({ onSuccess, onError }: ChangePasswordFormProps): import("react/jsx-runtime").JSX.Element;
+export default ChangePasswordForm;

package/dist/components/ChangePasswordForm/index.d.ts

@@ -0,0 +1 @@
+export { ChangePasswordForm, type ChangePasswordFormProps } from './ChangePasswordForm';

package/dist/components/ManageProfile/ManageProfile.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+/**
+ * Tab configuration for manage profile
+ */
+interface ProfileTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+/**
+ * Props for ManageProfile component
+ */
+export interface ManageProfileProps {
+    /**
+     * Initial tab index to display
+     * @default 0
+     */
+    defaultTabIndex?: number;
+    /**
+     * Callback fired when tab changes
+     */
+    onTabChange?: (index: number) => void;
+    /**
+     * Custom tabs to add/replace default tabs
+     */
+    customTabs?: ProfileTab[];
+}
+/**
+ * ManageProfile - User profile management component
+ *
+ * This is the React equivalent of Angular's ManageProfileComponent.
+ * It provides a tabbed interface for managing user profile settings,
+ * including personal information and password change.
+ *
+ * @since 1.1.0
+ *
+ * @example
+ * ```tsx
+ * <ManageProfile
+ *   defaultTabIndex={0}
+ *   onTabChange={(index) => console.log('Tab changed to', index)}
+ * />
+ * ```
+ */
+export declare function ManageProfile({ defaultTabIndex, onTabChange, customTabs, }: ManageProfileProps): import("react/jsx-runtime").JSX.Element;
+export default ManageProfile;

package/dist/components/ManageProfile/index.d.ts

@@ -0,0 +1 @@
+export { ManageProfile, type ManageProfileProps } from './ManageProfile';

package/dist/components/PersonalSettingsForm/PersonalSettingsForm.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Props for PersonalSettingsForm component
+ */
+export interface PersonalSettingsFormProps {
+    /**
+     * Callback fired on successful profile update
+     */
+    onSuccess?: () => void;
+    /**
+     * Callback fired on profile update error
+     */
+    onError?: (error: string) => void;
+}
+/**
+ * PersonalSettingsForm - User personal settings form component
+ *
+ * This is the React equivalent of Angular's PersonalSettingsComponent.
+ * It provides a form for authenticated users to update their personal information.
+ *
+ * @since 1.1.0
+ *
+ * @example
+ * ```tsx
+ * <PersonalSettingsForm
+ *   onSuccess={() => console.log('Profile updated!')}
+ *   onError={(err) => console.error(err)}
+ * />
+ * ```
+ */
+export declare function PersonalSettingsForm({ onSuccess, onError }: PersonalSettingsFormProps): import("react/jsx-runtime").JSX.Element | null;
+export default PersonalSettingsForm;

package/dist/components/PersonalSettingsForm/index.d.ts

@@ -0,0 +1 @@
+export { PersonalSettingsForm, type PersonalSettingsFormProps } from './PersonalSettingsForm';

package/dist/components/index.d.ts

@@ -1,3 +1,7 @@
-export { TenantBox, type TenantBoxProps } from './TenantBox';
+export { AuthWrapper, type AuthWrapperProps } from './AuthWrapper';
+export { ChangePasswordForm, type ChangePasswordFormProps } from './ChangePasswordForm';
 export { LoginForm, type LoginFormProps } from './LoginForm';
+export { ManageProfile, type ManageProfileProps } from './ManageProfile';
+export { PersonalSettingsForm, type PersonalSettingsFormProps } from './PersonalSettingsForm';
 export { RegisterForm, type RegisterFormProps } from './RegisterForm';
+export { TenantBox, type TenantBoxProps } from './TenantBox';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @abpjs/account
  * ABP Framework Account module for React
- * Translated from @abp/ng.account v0.9.0
+ * Translated from @abp/ng.account v1.1.0
  */
 export * from './models';
 export * from './services';