Components

This section provides comprehensive documentation for all reusable React components provided by the @fireact.dev/app package. These components are designed to accelerate your development process by offering pre-built UI elements and functionalities for common SaaS features.

Key Components:

Authentication Components

• SignIn: Provides a comprehensive authentication interface for signing in.
• SignUp: Provides a form for new users to create an account.
• ResetPassword: Allows users to reset their password.
• FirebaseAuthActions: Handles various Firebase email action links.
• EmailChange: Handles Firebase email change verification and recovery.
• EmailVerification: Handles Firebase email verification.
• PasswordReset: Handles Firebase password reset.

Profile Management Components

• Profile: Displays and allows editing of user profile information.
• EditName: Allows authenticated users to update their display name.
• EditEmail: Allows authenticated users to update their email address.
• ChangePassword: Allows authenticated users to change their password.
• DeleteAccount: Provides an interface for users to delete their account.

Subscription Management Components

• SubscriptionDashboard: Provides an overview of a user’s active subscription.
• Billing: Provides an interface for managing subscription billing information.
• CreatePlan: Allows administrators to create new subscription plans.
• ChangePlan: Allows users to change their subscription plan.
• CancelSubscription: Provides an interface for users to cancel their subscription.
• ManagePaymentMethods: Allows users to manage their payment methods.
• UpdateBillingDetails: Allows users to update their billing address and contact information.
• TransferSubscriptionOwnership: Allows the current owner to transfer subscription ownership.
• SubscriptionSettings: Provides an interface for administrators to manage subscription settings.

Layouts

• AuthenticatedLayout: Provides a common layout for authenticated sections of the application.
• PublicLayout: Provides a common layout for public-facing routes.
• SubscriptionLayout: Provides a specialized layout for subscription-specific pages.

Navigation Components

• Logo: Displays the application logo.
• LanguageSwitcher: Allows users to switch the application language.
• MainDesktopMenu: Provides primary navigation links for desktop views.
• MainMobileMenu: Provides primary navigation links for mobile views.
• SubscriptionDesktopMenu: Provides navigation links for desktop views within a subscription context.
• SubscriptionMobileMenu: Provides navigation links for mobile views within a subscription context.
• PrivateRoute: A routing guard that ensures only authenticated users can access certain routes.
• ProtectedSubscriptionRoute: A routing guard that ensures users have specific permissions for a subscription.

Common Components

• Avatar: Displays a user’s avatar or initials.
• BillingForm: A reusable form for collecting billing information.
• Message: A simple UI component for displaying contextual feedback messages.
• Pagination: Provides controls for navigating through paginated data.
• Plans: Displays a list of available subscription plans.
• InvoiceList: Displays a paginated list of invoices.
• InvoiceTable: Displays invoice data in a table format.
• EditPermissionsModal: Provides a modal interface for administrators to modify user permissions.
• UserList: Displays a paginated list of users associated with a subscription.
• UserTable: Displays a list of user details in a tabular format.