funuicss 3.5.6 → 3.5.8

package/css/fun.css

@@ -2406,7 +2406,7 @@ h6, .h6 {
   transition: 0.1s linear;
 }
 .hoverable:hover{
-  background-color: var(--lighter) !important;
+  background-color: var(--hoverable) !important;
   /* filter: brightness(90%); */
 
 }
@@ -2742,7 +2742,7 @@ color: var(--text-color);
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  padding: 1rem;
+  padding: 1rem ;
   display: none;
 
   border-radius: 1rem;
@@ -2787,8 +2787,8 @@ color: var(--text-color);
 .video_time{
   background-color: var(--raiseThemes) !important;
   backdrop-filter: var(--raiseBackdrop) !important;
-  border-radius: 0.5rem;
-  padding: 0.5rem;
+  border-radius:2rem;
+  padding: 1rem;
   line-height: 0;
   color: var(--text-color);
 }
@@ -2800,14 +2800,14 @@ color: var(--text-color);
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 3rem;
-      height: 3rem;
-      border: 2px solid var(--borderColor) !important;
+      width: 5rem;
+      height: 5rem;
       border-radius: 50%;
       background-color: var(--raiseOpaque);
       backdrop-filter: var(--raiseBackdrop) !important;
       transition: transform 0.3s ease;
       cursor: pointer;
+      line-height: 0 !important;
       z-index: 2;
 
     }
@@ -4443,6 +4443,7 @@ th {
 }
 .table.hoverableTr  tr:hover {
   filter: var(--hoverable);
+  background-color: var(--hoverable) !important;
 }
 
 .table.dark {

package/index.d.ts

@@ -58,3 +58,5 @@ export { default as Select } from "./ui/select/Select";
 export { default as Cookie } from "./js/Cookie";
 export { FunGet } from "./js/Fun";
 export { default as GoogleAnalytics } from "./js/google/analytics";
+export { FunFireAuth } from "./js/firebase/Auth";
+export { FunFireStore } from "./js/firebase/FireStore";

package/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.View = exports.ScrollInView = exports.Accordion = exports.Flex = exports.RichText = exports.Carousel = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.SearchableInput = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
-exports.GoogleAnalytics = exports.FunGet = exports.Cookie = exports.Select = exports.ScrollToTop = exports.FlexItem = exports.Slider = exports.Vista = exports.Calendar = exports.DatePicker = void 0;
+exports.FunFireStore = exports.FunFireAuth = exports.GoogleAnalytics = exports.FunGet = exports.Cookie = exports.Select = exports.ScrollToTop = exports.FlexItem = exports.Slider = exports.Vista = exports.Calendar = exports.DatePicker = void 0;
 var Alert_1 = require("./ui/alert/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 var theme_1 = require("./ui/theme/theme");
@@ -126,3 +126,7 @@ var Fun_1 = require("./js/Fun");
 Object.defineProperty(exports, "FunGet", { enumerable: true, get: function () { return Fun_1.FunGet; } });
 var analytics_1 = require("./js/google/analytics");
 Object.defineProperty(exports, "GoogleAnalytics", { enumerable: true, get: function () { return __importDefault(analytics_1).default; } });
+var Auth_1 = require("./js/firebase/Auth");
+Object.defineProperty(exports, "FunFireAuth", { enumerable: true, get: function () { return Auth_1.FunFireAuth; } });
+var FireStore_1 = require("./js/firebase/FireStore");
+Object.defineProperty(exports, "FunFireStore", { enumerable: true, get: function () { return FireStore_1.FunFireStore; } });

package/js/Firebase.js

@@ -0,0 +1 @@
+"use strict";

package/js/firebase/Auth.d.ts

@@ -0,0 +1,191 @@
+import { Auth, User, UserCredential } from 'firebase/auth';
+interface AuthResponse {
+    user: User;
+    credential: UserCredential;
+    isNewUser?: boolean;
+}
+interface AuthStateCallback {
+    (user: User | null): void;
+}
+type ProviderType = 'google' | 'facebook' | 'github' | 'twitter' | 'microsoft' | 'apple';
+/**
+ * Firebase Authentication Operations
+ * Users must pass their Auth instance to each method
+ */
+export declare const FunFireAuth: {
+    /**
+     * 📧 Sign in with email and password
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param password - User password
+     */
+    signInWithEmail: (auth: Auth, email: string, password: string) => Promise<AuthResponse>;
+    /**
+     * ✍️ Create account with email and password
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param password - User password
+     * @param displayName - Optional display name
+     * @param photoURL - Optional photo URL
+     */
+    createAccount: (auth: Auth, email: string, password: string, displayName?: string, photoURL?: string) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Google (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithGoogle: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Facebook (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithFacebook: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with GitHub (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithGithub: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Twitter (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithTwitter: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Microsoft (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithMicrosoft: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Apple (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithApple: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Generic provider sign in with redirect (better for mobile)
+     * @param auth - Firebase Auth instance
+     * @param providerType - Provider type
+     */
+    signInWithRedirect: (auth: Auth, providerType: ProviderType) => Promise<void>;
+    /**
+     * 🚪 Sign out
+     * @param auth - Firebase Auth instance
+     */
+    signOut: (auth: Auth) => Promise<void>;
+    /**
+     * 🔄 Send password reset email
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param actionCodeSettings - Optional action code settings for custom redirect
+     */
+    resetPassword: (auth: Auth, email: string, actionCodeSettings?: {
+        url: string;
+        handleCodeInApp?: boolean;
+    }) => Promise<void>;
+    /**
+     * ✉️ Send email verification
+     * @param auth - Firebase Auth instance
+     * @param actionCodeSettings - Optional action code settings for custom redirect
+     */
+    sendVerificationEmail: (auth: Auth, actionCodeSettings?: {
+        url: string;
+        handleCodeInApp?: boolean;
+    }) => Promise<void>;
+    /**
+     * 🔑 Update user password
+     * @param auth - Firebase Auth instance
+     * @param newPassword - New password
+     */
+    updatePassword: (auth: Auth, newPassword: string) => Promise<void>;
+    /**
+     * 📧 Update user email
+     * @param auth - Firebase Auth instance
+     * @param newEmail - New email
+     */
+    updateEmail: (auth: Auth, newEmail: string) => Promise<void>;
+    /**
+     * 👤 Update user profile
+     * @param auth - Firebase Auth instance
+     * @param displayName - Display name
+     * @param photoURL - Photo URL
+     */
+    updateProfile: (auth: Auth, displayName?: string, photoURL?: string) => Promise<void>;
+    /**
+     * 🔐 Reauthenticate user (required before sensitive operations)
+     * @param auth - Firebase Auth instance
+     * @param password - Current password
+     */
+    reauthenticate: (auth: Auth, password: string) => Promise<UserCredential>;
+    /**
+     * ❌ Delete user account
+     * @param auth - Firebase Auth instance
+     */
+    deleteAccount: (auth: Auth) => Promise<void>;
+    /**
+     * 👁️ Listen to auth state changes
+     * @param auth - Firebase Auth instance
+     * @param callback - Callback function that receives user or null
+     * @returns Unsubscribe function
+     */
+    onAuthStateChanged: (auth: Auth, callback: AuthStateCallback) => (() => void);
+    /**
+     * 🔍 Get current user
+     * @param auth - Firebase Auth instance
+     * @returns Current user or null
+     */
+    getCurrentUser: (auth: Auth) => User | null;
+    /**
+     * 🔍 Check if email exists
+     * @param auth - Firebase Auth instance
+     * @param email - Email to check
+     * @returns Array of sign-in methods for the email
+     */
+    checkEmailExists: (auth: Auth, email: string) => Promise<string[]>;
+    /**
+     * ✅ Apply action code (email verification, password reset)
+     * @param auth - Firebase Auth instance
+     * @param code - Action code from email link
+     */
+    applyActionCode: (auth: Auth, code: string) => Promise<void>;
+    /**
+     * 🔍 Verify password reset code
+     * @param auth - Firebase Auth instance
+     * @param code - Password reset code
+     * @returns Email associated with the code
+     */
+    verifyPasswordResetCode: (auth: Auth, code: string) => Promise<string>;
+    /**
+     * ✅ Confirm password reset
+     * @param auth - Firebase Auth instance
+     * @param code - Password reset code
+     * @param newPassword - New password
+     */
+    confirmPasswordReset: (auth: Auth, code: string, newPassword: string) => Promise<void>;
+    /**
+     * 🔗 Link account with Google
+     * @param auth - Firebase Auth instance
+     */
+    linkWithGoogle: (auth: Auth) => Promise<UserCredential>;
+    /**
+     * 🔓 Unlink provider from account
+     * @param auth - Firebase Auth instance
+     * @param providerId - Provider ID to unlink (e.g., 'google.com', 'password')
+     */
+    unlinkProvider: (auth: Auth, providerId: string) => Promise<User>;
+    /**
+     * 📱 Get ID token (for backend verification)
+     * @param auth - Firebase Auth instance
+     * @param forceRefresh - Force token refresh
+     */
+    getIdToken: (auth: Auth, forceRefresh?: boolean) => Promise<string>;
+};
+export declare const AuthErrorCodes: {
+    EMAIL_EXISTS: string;
+    INVALID_EMAIL: string;
+    WEAK_PASSWORD: string;
+    USER_NOT_FOUND: string;
+    WRONG_PASSWORD: string;
+    TOO_MANY_REQUESTS: string;
+    NETWORK_ERROR: string;
+    POPUP_CLOSED: string;
+    REQUIRES_RECENT_LOGIN: string;
+};
+export type { AuthResponse, AuthStateCallback, ProviderType };