@zezosoft/zezo-ott-react-native-ui-kit 1.0.7 → 1.0.9

package/lib/typescript/src/types/content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/content/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,sBAAsB,GAAG,sBAAsB,GAAG,UAAU,CAAC;IACnE,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAGD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC;IAC3B,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;CACpB;AAGD,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,YAAY,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;QACZ,UAAU,EAAE;YACV,GAAG,EAAE,MAAM,CAAC;YACZ,IAAI,EAAE,MAAM,CAAC;YACb,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;YAChC,aAAa,EAAE,MAAM,CAAC;YACtB,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;QAC5B,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAGD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IACzC,qBAAqB,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;IAE1D,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,KAAK,GAAG,KAAK,GAAG,iBAAiB,CAAC;IAC/C,mBAAmB,EAAE,KAAK,GAAG,KAAK,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;IAC9C,uBAAuB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;IAEtD,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAEjC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,kBAAkB,EAAE;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC9B,EAAE,CAAC;IAEJ,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACtD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAEnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/content/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/Spacing.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Mon 16 Jun 2025 at 03:05 PM
+ */
+/**
+ * Get responsive bottom spacing that accounts for platform differences
+ * Automatically adds extra spacing for Android navigation bar
+ * @param baseSpacing - Base spacing value (default: 35)
+ * @returns Platform-specific responsive bottom spacing
+ * @example
+ * // Usage in any component
+ * bottom: getResponsiveBottomSpacing(35) // iOS: 35, Android: 45
+ */
+export declare const getResponsiveBottomSpacing: (baseSpacing?: number) => number;
+export declare const getAuthBottomSpacing: (baseSpacing?: number) => number;
+//# sourceMappingURL=Spacing.d.ts.map

package/lib/typescript/src/utils/Spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../../src/utils/Spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,GACrC,cAAa,MAAW,KACvB,MAIF,CAAC;AAGF,eAAO,MAAM,oBAAoB,iBARlB,MAAM,KAClB,MAO2D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zezosoft/zezo-ott-react-native-ui-kit",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "A professional React Native UI component library built for OTT applications.",
   "main": "./lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -85,6 +85,7 @@
     "eslint-plugin-prettier": "^5.2.3",
     "jest": "^29.7.0",
     "lottie-react-native": "^7.3.4",
+    "moment": "^2.30.1",
     "prettier": "^3.0.3",
     "react": "19.0.0",
     "react-native": "0.79.6",
@@ -97,6 +98,7 @@
     "react-native-markdown-display": "^7.0.2",
     "react-native-mmkv": "^3.3.0",
     "react-native-modal": "^14.0.0-rc.1",
+    "react-native-navigation-mode": "^1.2.3",
     "react-native-reanimated": "^4.1.0",
     "react-native-safe-area-context": "^5.6.1",
     "react-native-super-grid": "^6.0.2",
@@ -110,9 +112,10 @@
   "peerDependencies": {
     "@react-native-community/blur": "^4.4.0",
     "@react-native-masked-view/masked-view": "^0.3.0",
-    "@react-navigation/bottom-tabs": "^7.4.0",
-    "@react-navigation/native": "^7.1.0",
-    "lottie-react-native": "^7.0.0",
+    "@react-navigation/bottom-tabs": "*",
+    "@react-navigation/native": "*",
+    "lottie-react-native": "*",
+    "moment": "*",
     "react": "*",
     "react-native": "*",
     "react-native-device-info": "^14.0.0",
@@ -121,6 +124,7 @@
     "react-native-gesture-handler": "^2.0.0",
     "react-native-linear-gradient": "^2.8.0",
     "react-native-mmkv": "*",
+    "react-native-navigation-mode": "*",
     "react-native-nitro-modules": "^0.29.0",
     "react-native-reanimated": "*",
     "react-native-safe-area-context": "*",
@@ -129,7 +133,7 @@
     "react-native-svg": "*",
     "react-native-video": "*",
     "react-native-vision-camera": "*",
-    "react-native-worklets": "^0.5.0"
+    "react-native-worklets": "*"
   },
   "dependencies": {
     "color": "^5.0.0",

package/src/components/Account/Account.tsx

@@ -133,7 +133,7 @@ export const Account: React.FC<AccountProps> = ({
       <ScrollView
         contentContainerStyle={[
           styles.content,
-          { paddingBottom: insets.bottom + verticalScale(40) },
+          { paddingBottom: verticalScale(100) + insets.bottom },
         ]}
         showsVerticalScrollIndicator={false}
         keyboardShouldPersistTaps="handled"

package/src/components/Auth/AuthProvider/AuthProvider.tsx

@@ -2,14 +2,13 @@
  * @author Naresh Dhamu
  * @lastModified Tue 22 Oct 2025
  */
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
   View,
   StyleSheet,
   SafeAreaView,
   TouchableOpacity,
   Animated,
-  Platform,
 } from 'react-native';
 import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
 import { useInternalTheme } from '../../../theme/hook/useInternalTheme';
@@ -19,6 +18,7 @@ import { Text } from '../../Text';
 import { BackgroundLayout } from '../../BackgroundLayout/BackgroundLayout';
 import { Phone, Mail } from 'lucide-react-native';
 import { Button } from '../../Button';
+import { default as SkeletonPlaceholder } from 'react-native-skeleton-placeholder';
 
 export interface AuthProviderProps {
   logoUri: string;
@@ -35,6 +35,7 @@ export interface AuthProviderProps {
   };
   variant?: 'one' | 'two';
   theme?: ThemeOverride;
+  isLoading?: boolean;
   authProvider?: {
     phone?: {
       enabled?: boolean;
@@ -55,6 +56,7 @@ const AuthProvider: React.FC<AuthProviderProps> = ({
   text,
   variant = 'one',
   theme: overrideTheme,
+  isLoading = false,
   authProvider = {
     phone: { enabled: true },
     email: { enabled: true },
@@ -105,46 +107,70 @@ const AuthProvider: React.FC<AuthProviderProps> = ({
     label: string;
     icon: React.ReactNode;
     enabled: boolean;
-  }[] = [
-    {
-      key: 'phone',
-      label: text?.loginWithPhone || 'Phone',
-      icon: <Phone size={moderateScale(16)} />,
-      enabled: phoneEnabled,
-    },
-    {
-      key: 'email',
-      label: text?.loginWithEmail || 'Email',
-      icon: <Mail size={moderateScale(16)} />,
-      enabled: emailEnabled,
-    },
-  ];
+  }[] = useMemo(
+    () => [
+      {
+        key: 'phone',
+        label: text?.loginWithPhone || 'Phone',
+        icon: <Phone size={moderateScale(16)} />,
+        enabled: phoneEnabled,
+      },
+      {
+        key: 'email',
+        label: text?.loginWithEmail || 'Email',
+        icon: <Mail size={moderateScale(16)} />,
+        enabled: emailEnabled,
+      },
+    ],
+    [text?.loginWithPhone, text?.loginWithEmail, phoneEnabled, emailEnabled]
+  );
 
   const renderButtons = () => (
     <View style={styles.buttonContainer}>
       {authMethods
         .filter((item) => item.enabled)
         .map((item) => (
-          <Button.Secondary
-            key={item.key}
-            containerStyle={{
-              backgroundColor:
-                activeTab === item.key ? colors.button : 'transparent',
-              borderWidth: 1.2,
-              borderColor: colors.button,
-            }}
-            titleStyle={{
-              color:
-                activeTab === item.key ? colors.buttonText : colors.textPrimary,
-            }}
-            title={`Continue with ${item.label}`}
-            onPress={() => handlePress(item.key)}
-            leftIcon={React.cloneElement(item.icon as any, {
-              color:
-                activeTab === item.key ? colors.buttonText : colors.textPrimary,
-              size: moderateScale(18),
-            })}
-          />
+          <React.Fragment key={item.key}>
+            {isLoading ? (
+              <SkeletonPlaceholder
+                backgroundColor={colors.skeletonBaseColor}
+                highlightColor={colors.skeletonHighlightColor}
+                borderRadius={moderateScale(8)}
+              >
+                <View
+                  style={{
+                    width: '100%',
+                    height: verticalScale(48),
+                    borderRadius: moderateScale(8),
+                  }}
+                />
+              </SkeletonPlaceholder>
+            ) : (
+              <Button.Secondary
+                containerStyle={{
+                  backgroundColor:
+                    activeTab === item.key ? colors.button : 'transparent',
+                  borderWidth: 1.2,
+                  borderColor: colors.button,
+                }}
+                titleStyle={{
+                  color:
+                    activeTab === item.key
+                      ? colors.buttonText
+                      : colors.textPrimary,
+                }}
+                title={`Continue with ${item.label}`}
+                onPress={() => handlePress(item.key)}
+                leftIcon={React.cloneElement(item.icon as any, {
+                  color:
+                    activeTab === item.key
+                      ? colors.buttonText
+                      : colors.textPrimary,
+                  size: moderateScale(18),
+                })}
+              />
+            )}
+          </React.Fragment>
         ))}
     </View>
   );
@@ -152,6 +178,25 @@ const AuthProvider: React.FC<AuthProviderProps> = ({
   // Toggle render without absolute
   const renderToggle = () => {
     const enabledMethods = authMethods.filter((m) => m.enabled);
+
+    if (isLoading) {
+      return (
+        <SkeletonPlaceholder
+          backgroundColor={colors.skeletonBaseColor}
+          highlightColor={colors.skeletonHighlightColor}
+          borderRadius={50}
+        >
+          <View
+            style={{
+              width: '100%',
+              height: verticalScale(48),
+              borderRadius: 50,
+            }}
+          />
+        </SkeletonPlaceholder>
+      );
+    }
+
     return (
       <View
         style={[
@@ -257,7 +302,7 @@ const styles = StyleSheet.create({
   bottomSection: {
     width: '100%',
     alignItems: 'center',
-    paddingBottom: verticalScale(Platform.OS === 'ios' ? 40 : 30),
+    paddingBottom: verticalScale(30),
   },
   title: {
     fontSize: moderateScale(18),

package/src/components/Auth/Login/LoginWithEmail.tsx

@@ -24,6 +24,7 @@ import BackBtn from '../../Button/BackBtn';
 import { Text } from '../../Text';
 import type { ThemeOverride } from '../../../theme/themes';
 import { RFValue } from 'react-native-responsive-fontsize';
+import { getResponsiveBottomSpacing } from '../../../utils/Spacing';
 
 type FormValues = {
   email: string;
@@ -313,7 +314,14 @@ const LoginWithEmail: React.FC<LoginWithEmailProps> = ({
           </View>
 
           {!isKeyboardOpen && shouldRender(onSignup || renderSignupPrompt) && (
-            <View style={styles.signupContainer}>
+            <View
+              style={[
+                styles.signupContainer,
+                {
+                  bottom: getResponsiveBottomSpacing(35),
+                },
+              ]}
+            >
               {renderSignupPrompt ? (
                 renderSignupPrompt({
                   onPress: () => handleKeyboardDismiss(onSignup),
@@ -388,7 +396,6 @@ const styles = StyleSheet.create({
   },
   signupContainer: {
     position: 'absolute',
-    bottom: verticalScale(30),
     left: 0,
     right: 0,
     alignItems: 'center',

package/src/components/Auth/OTP/OTP.tsx

@@ -47,6 +47,8 @@ type OTPProps = {
   otpDigitCount?: number;
   keyboardType?: KeyboardTypeOptions;
   phoneNumber?: string;
+  enableAutoFill?: boolean;
+  autoSubmitOnFill?: boolean;
   text?: {
     otpLabel?: string;
     otpPlaceholder?: string;
@@ -110,6 +112,8 @@ const OTP: React.FC<OTPProps> = ({
   otpDigitCount = 4,
   keyboardType = 'number-pad',
   phoneNumber,
+  enableAutoFill = true,
+  autoSubmitOnFill = true,
   text = DEFAULT_TEXT,
   onResendOtp,
   renderResendButton,
@@ -239,6 +243,31 @@ const OTP: React.FC<OTPProps> = ({
     }
   }, [onSubmit, otp, otpDigitCount]);
 
+  // Auto-submit when OTP is auto-filled and complete
+  useEffect(() => {
+    if (
+      autoSubmitOnFill &&
+      otp.length === otpDigitCount &&
+      !isSubmitting &&
+      !loading &&
+      onSubmit
+    ) {
+      const timer = setTimeout(() => {
+        handleSubmit();
+      }, 300); // Small delay to ensure OTP is fully set
+      return () => clearTimeout(timer);
+    }
+    return;
+  }, [
+    otp,
+    otpDigitCount,
+    autoSubmitOnFill,
+    isSubmitting,
+    loading,
+    onSubmit,
+    handleSubmit,
+  ]);
+
   const handleResendOtp = useCallback(() => {
     if (onResendOtp) {
       onResendOtp();
@@ -325,7 +354,14 @@ const OTP: React.FC<OTPProps> = ({
                   cellCount={otpDigitCount}
                   rootStyle={styles.codeFieldRoot}
                   keyboardType={keyboardType}
-                  textContentType="oneTimeCode"
+                  textContentType={enableAutoFill ? 'oneTimeCode' : 'none'}
+                  autoComplete={
+                    enableAutoFill
+                      ? Platform.OS === 'android'
+                        ? 'sms-otp'
+                        : 'off'
+                      : 'off'
+                  }
                   renderCell={({ index, symbol, isFocused }) => (
                     <Text
                       key={index}

package/src/components/Auth/SignUp/SignUp.tsx

@@ -25,6 +25,7 @@ import BackBtn from '../../Button/BackBtn';
 import { Text } from '../../Text';
 import type { ThemeOverride } from '../../../theme/themes';
 import { RFValue } from 'react-native-responsive-fontsize';
+import { getResponsiveBottomSpacing } from '../../../utils/Spacing';
 
 type FormValues = {
   username: string;
@@ -349,7 +350,14 @@ const Signup: React.FC<SignupProps> = ({
             (renderLoginPrompt ? (
               renderLoginPrompt()
             ) : (
-              <View style={styles.loginContainerWrapper}>
+              <View
+                style={[
+                  styles.loginContainerWrapper,
+                  {
+                    bottom: getResponsiveBottomSpacing(35),
+                  },
+                ]}
+              >
                 <View style={styles.loginContainer}>
                   <View style={styles.loginRow}>
                     <Text
@@ -415,7 +423,6 @@ const styles = StyleSheet.create({
   },
   loginContainerWrapper: {
     position: 'absolute',
-    bottom: verticalScale(30),
     left: 0,
     right: 0,
     alignItems: 'center',

package/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.tsx

@@ -3,22 +3,14 @@
  * @lastModified Sat 25 Oct 2025
  */
 
-import React, {
-  useMemo,
-  useCallback,
-  useRef,
-  useState,
-  useEffect,
-} from 'react';
-import { StyleSheet, Animated, View as RNView } from 'react-native';
+import React, { useMemo, useCallback, useRef, useEffect } from 'react';
+import { StyleSheet, Animated } from 'react-native';
 import Video, {
   type OnLoadData,
   type OnVideoErrorData,
 } from 'react-native-video';
 import Display from '../../../../../utils/Display';
-import { useInternalTheme } from '../../../../../theme/hook';
 import { View } from '../../../../View';
-import { Loader } from '../../../../Loader/Loader';
 
 interface IProps {
   width?: number;
@@ -43,9 +35,7 @@ const SplashVideo: React.FC<IProps> = ({
   onLoaded,
   onError,
 }) => {
-  const { theme: applyTheme } = useInternalTheme();
   const fadeAnim = useRef(new Animated.Value(0)).current;
-  const [isLoaded, setIsLoaded] = useState(false);
 
   /** 🎨 Compute video dimensions */
   const videoStyle = useMemo(
@@ -74,14 +64,12 @@ const SplashVideo: React.FC<IProps> = ({
 
   /** 🔄 Video lifecycle handlers */
   const handleLoadStart = useCallback(() => {
-    setIsLoaded(false);
     fadeAnim.setValue(0);
     onLoadStart?.();
   }, [fadeAnim, onLoadStart]);
 
   const handleLoad = useCallback(
     (data: OnLoadData) => {
-      setIsLoaded(true);
       animateIn();
       onLoaded?.(data);
     },
@@ -95,8 +83,6 @@ const SplashVideo: React.FC<IProps> = ({
         err?.message ||
         JSON.stringify(err) ||
         'Unknown video error';
-      console.error('🎬 SplashVideo Error:', errorMsg);
-      setIsLoaded(false);
       onError?.(errorMsg);
     },
     [onError]
@@ -110,13 +96,6 @@ const SplashVideo: React.FC<IProps> = ({
   /** 🧱 Render */
   return (
     <View style={styles.container}>
-      {/* Loader shown before video fully loads */}
-      {!isLoaded && (
-        <RNView style={styles.loaderWrapper}>
-          <Loader color={applyTheme.colors.primary} />
-        </RNView>
-      )}
-
       {/* Video Layer */}
       <Animated.View
         style={[videoStyle, { opacity: fadeAnim, position: 'absolute' }]}
@@ -164,16 +143,6 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
-
-  loaderWrapper: {
-    ...StyleSheet.absoluteFillObject,
-    justifyContent: 'center',
-    alignItems: 'center',
-    zIndex: 1,
-  },
-  loader: {
-    transform: [{ scale: 1.2 }],
-  },
 });
 
 export default React.memo(SplashVideo);