@zezosoft/zezo-ott-react-native-ui-kit 1.1.3 → 1.1.5

package/lib/typescript/src/types/content/content-view.types.d.ts

@@ -9,7 +9,7 @@ import type { IGetSectionData, ISectionItem } from '../../types/sections';
 import type { MoreFetchData } from '../../types/hook/usePaginatedSetion';
 import type { IHistoryItem } from '../../components/User/WatchHistory/WatchHistory';
 import type React from 'react';
-import type { MiniInfo } from '../../components/ContentView/components/MiniInfo';
+import type { MiniInfo } from '../../components/ContentView/One/components/MiniInfo';
 import type { IContentData } from '@zezosoft/zezo-ott-api-client';
 export type ViewStyleProp = StyleProp<ViewStyle>;
 export type TextStyleProp = StyleProp<TextStyle>;
@@ -19,6 +19,32 @@ export type TitleStyles = {
     title?: TextStyleProp;
     subTitle?: TextStyleProp;
     rating?: TextStyleProp;
+    releaseYear?: TextStyleProp;
+    duration?: TextStyleProp;
+    language?: TextStyleProp;
+};
+export type LikeShareActionsStyles = {
+    container?: ViewStyleProp;
+    likeButton?: ViewStyleProp;
+    shareButton?: ViewStyleProp;
+};
+export type SectionTabsStyles = {
+    container?: ViewStyleProp;
+    tab?: ViewStyleProp;
+    title?: TextStyleProp;
+    indicator?: ViewStyleProp;
+};
+export type DetailsStyles = {
+    container?: ViewStyleProp;
+    section?: ViewStyleProp;
+    labelText?: TextStyleProp;
+    valueText?: TextStyleProp;
+    release_year?: ViewStyleProp;
+    cast?: ViewStyleProp;
+    directors?: ViewStyleProp;
+    writers?: ViewStyleProp;
+    producers?: ViewStyleProp;
+    maturity_rating?: ViewStyleProp;
 };
 export type GenreTagStyles = {
     container?: ViewStyleProp;
@@ -71,6 +97,13 @@ export type PlayEventArgs = {
     seekTime?: number;
     mode?: 'fullscreen' | 'normal';
 };
+export type LikeShareEventArgs = {
+    id: IContentData['_id'];
+    source?: 'title' | 'card' | 'hero' | 'list';
+};
+export type LikeResponse = {
+    is_liked: boolean;
+};
 export type ContentViewEvents = {
     onPlay?: (args: PlayEventArgs) => void;
     onPressRecommendedItem?: (args: {
@@ -86,6 +119,10 @@ export type ContentViewEvents = {
         cast: IContentData;
     }) => void;
     moreFetchDataRecommended?: MoreFetchData<IContentData>;
+    onLikeContent?: (args: LikeShareEventArgs) => Promise<{
+        is_liked: boolean;
+    }>;
+    onShareContent?: (args: LikeShareEventArgs) => void;
 };
 export type MenuAction = {
     label: string;
@@ -111,6 +148,7 @@ export type SkeletonOverrides = Partial<{
 export type HeroBannerProps = {
     backgroundImage: IContentData['thumbnail'];
     title: IContentData['name'];
+    titleImage?: string | null;
     theme?: ThemeOverride;
     isLoading?: boolean;
     onPressPlay?: ({ is_trailer }: {
@@ -139,6 +177,7 @@ export type ComponentProps = {
     seasonsIsLoading?: boolean;
     recommendedContent?: ISectionItem | null;
     events?: ContentViewEvents;
+    isLiked?: boolean;
     heroBannerProps?: Partial<HeroBannerProps>;
     titleStyles?: TitleStyles;
     genreTagsStyles?: GenreTagStyles;

package/lib/typescript/src/types/content/content-view.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-view.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/content/content-view.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"content-view.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/content/content-view.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+/**
+ * Color utility functions
+ * @author Naresh Dhamu
+ */
+/**
+ * Converts a color string to rgba format with specified opacity
+ * Supports multiple color formats: rgba, rgb, hex (#RGB, #RRGGBB, #RRGGBBAA)
+ *
+ * @param color - Color string in any supported format
+ * @param opacity - Opacity value between 0 and 1 (default: 0.9)
+ * @returns Color string in rgba format with specified opacity
+ *
+ * @example
+ * convertColorWithOpacity('rgb(255, 0, 0)', 0.5) // 'rgba(255, 0, 0, 0.5)'
+ * convertColorWithOpacity('#FF0000', 0.8) // 'rgba(255, 0, 0, 0.8)'
+ * convertColorWithOpacity('rgba(255, 0, 0, 1)', 0.5) // 'rgba(255, 0, 0, 0.5)'
+ */
+export declare const convertColorWithOpacity: (color: string, opacity?: number) => string;
+//# sourceMappingURL=colorUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/colorUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,EACb,UAAS,MAAY,KACpB,MAgDF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zezosoft/zezo-ott-react-native-ui-kit",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "A professional React Native UI component library built for OTT applications.",
   "main": "./lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -69,6 +69,7 @@
     "@eslint/js": "^9.22.0",
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/blur": "^4.4.1",
+    "@react-native-community/netinfo": "^11.5.2",
     "@react-native-masked-view/masked-view": "^0.3.0",
     "@react-native/babel-preset": "0.78.2",
     "@react-native/eslint-config": "^0.78.0",
@@ -80,6 +81,8 @@
     "@types/lodash.debounce": "^4.0.9",
     "@types/react": "^19.0.12",
     "@types/react-native-snap-carousel": "^3.8.12",
+    "@types/tinycolor2": "^1.4.6",
+    "@zezosoft/zezo-ott-api-client": "^0.2.0",
     "commitlint": "^19.6.1",
     "del-cli": "^5.1.0",
     "eslint": "^9.22.0",
@@ -92,6 +95,7 @@
     "prettier": "^3.0.3",
     "react": "19.0.0",
     "react-native": "0.79.6",
+    "react-native-awesome-slider": "^2.9.0",
     "react-native-builder-bob": "^0.40.13",
     "react-native-device-info": "^14.0.4",
     "react-native-fast-image": "^8.6.3",
@@ -107,6 +111,7 @@
     "react-native-super-grid": "^6.0.2",
     "react-native-svg": "^15.12.1",
     "react-native-svg-transformer": "^1.5.1",
+    "react-native-system-navigation-bar": "^2.8.0",
     "react-native-video": "^6.16.1",
     "react-native-vision-camera": "^4.7.2",
     "release-it": "^17.10.0",
@@ -114,6 +119,7 @@
   },
   "peerDependencies": {
     "@react-native-community/blur": "^4.4.0",
+    "@react-native-community/netinfo": "*",
     "@react-native-masked-view/masked-view": "^0.3.0",
     "@react-navigation/bottom-tabs": "*",
     "@react-navigation/native": "*",
@@ -134,12 +140,12 @@
     "react-native-snap-carousel": "^4.0.0-beta.6",
     "react-native-super-grid": "^6.0.0",
     "react-native-svg": "*",
+    "react-native-system-navigation-bar": "*",
     "react-native-video": "*",
     "react-native-vision-camera": "*",
     "react-native-worklets": "*"
   },
   "dependencies": {
-    "@zezosoft/zezo-ott-api-client": "^0.1.18",
     "color": "^5.0.0",
     "crypto-js": "^4.2.0",
     "example": "^0.0.0",
@@ -154,12 +160,12 @@
     "react-native-markdown-display": "^7.0.0",
     "react-native-pager-view": "^6.9.1",
     "react-native-phone-number-input": "^2.1.0",
-    "react-native-reanimated": "^3.1.0",
     "react-native-reanimated-carousel": "^4.0.3",
     "react-native-responsive-fontsize": "^0.5.1",
     "react-native-size-matters": "^0.4.2",
     "react-native-skeleton-placeholder": "^5.2.4",
     "react-native-tab-view": "^4.1.3",
+    "tinycolor2": "^1.6.0",
     "zustand": "^5.0.8"
   },
   "workspaces": [

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

@@ -334,7 +334,7 @@ const AuthProvider: React.FC<AuthProviderProps> = React.memo(
         <SafeAreaView style={styles.safeArea}>
           <View style={styles.container}>
             <View style={styles.logoWrapper}>
-              <Logo logoUri={logoUri} />
+              <Logo logoUri={logoUri} width={100} height={100} />
             </View>
 
             <View style={styles.bottomSection}>
@@ -361,7 +361,11 @@ const AuthProvider: React.FC<AuthProviderProps> = React.memo(
 export default AuthProvider;
 
 const styles = StyleSheet.create({
-  safeArea: { flex: 1, width: '100%' },
+  safeArea: {
+    flex: 1,
+    width: '100%',
+    paddingBottom: verticalScale(12),
+  },
   container: {
     flex: 1,
     justifyContent: 'space-between',

package/src/components/Auth/One/ForgotPassword/ForgotPassword.tsx

@@ -0,0 +1,324 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 18 Jun 2025 at 10:45 AM
+ **/
+import React, { useCallback, useMemo, useState } from 'react';
+import {
+  StyleSheet,
+  View,
+  Platform,
+  Alert,
+  SafeAreaView,
+  type ViewStyle,
+  type TextStyle,
+} from 'react-native';
+import { useForm, Controller } from 'react-hook-form';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { Input } from '../../../Input/Input';
+import { Button } from '../../../Button';
+import { BackgroundLayout } from '../../../BackgroundLayout/BackgroundLayout';
+import { Logo } from '../../../Logo/Logo';
+import { useKeyboard } from '../../../../hooks/useKeyboard';
+import HideKeyboard from '../../../Keyboard/HideKeyboard';
+import BackBtn from '../../../Button/BackBtn';
+import { Text } from '../../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
+import type { ThemeOverride } from '../../../../theme/themes';
+import { useInternalTheme } from '../../../../theme/hook/useInternalTheme';
+
+type FormValues = {
+  email: string;
+};
+
+type TextConfig = {
+  emailLabel?: string;
+  emailPlaceholder?: string;
+  loadingSubmitBtnText?: string;
+  forgetPasswordButton?: string;
+  bottomInfoText?: string;
+};
+
+type ForgetPasswordProps = {
+  title?: string;
+  onSubmit?: ({ email }: { email: string }) => Promise<void> | void;
+  onTopBackBtnPress?: () => void;
+  containerStyle?: ViewStyle;
+  titleStyle?: TextStyle;
+  formStyle?: ViewStyle;
+  inputStyle?: TextStyle;
+  inputContainerStyle?: ViewStyle;
+  topBackBtnStyle?: ViewStyle;
+  backgroundImage?: {
+    source?: string | null;
+    onImageError?: (error: Error) => void;
+    gradientSplitBackground?: number;
+    resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat';
+  };
+  logoUri?: string;
+  theme?: ThemeOverride;
+  loadingSubmitBtn?: boolean;
+  text?: TextConfig;
+  renderLogo?: () => React.ReactNode;
+  renderForgetPasswordHeader?: () => React.ReactNode;
+  renderSubmitButton?: (props: {
+    onPress: () => void;
+    disabled: boolean;
+    loading: boolean;
+  }) => React.ReactNode;
+  renderTopBackBtn?: (props: { onPress: () => void }) => React.ReactNode;
+  renderBottomInfoText?: () => React.ReactNode;
+};
+
+const ForgetPassword: React.FC<ForgetPasswordProps> = ({
+  title = 'Forgot Password',
+  onSubmit,
+  onTopBackBtnPress,
+  containerStyle,
+  titleStyle,
+  formStyle,
+  inputStyle,
+  inputContainerStyle,
+  topBackBtnStyle,
+  loadingSubmitBtn = false,
+  backgroundImage,
+  logoUri,
+  theme: overrideTheme,
+  text = {
+    emailLabel: 'Email',
+    emailPlaceholder: 'Enter your email',
+    loadingSubmitBtnText: 'Processing...',
+    forgetPasswordButton: 'Send Reset Link',
+  },
+  renderLogo,
+  renderForgetPasswordHeader,
+  renderSubmitButton,
+  renderTopBackBtn,
+  renderBottomInfoText,
+}) => {
+  const { theme } = useInternalTheme(overrideTheme);
+
+  const {
+    control,
+    handleSubmit,
+    formState: { errors, isValid, touchedFields },
+  } = useForm<FormValues>({
+    defaultValues: { email: '' },
+    mode: 'onChange',
+  });
+
+  const { isKeyboardOpen } = useKeyboard();
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleFormSubmit = useCallback(
+    async (data: FormValues) => {
+      if (!onSubmit) return;
+      setIsLoading(true);
+      try {
+        await onSubmit(data);
+      } catch (error) {
+        console.error('Form submission error:', error);
+        Alert.alert('Error', 'Failed to process request. Please try again.');
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [onSubmit]
+  );
+
+  const shouldRender = useMemo(
+    () => (condition?: boolean | unknown) =>
+      typeof condition === 'function' || !!condition,
+    []
+  );
+
+  const isSubmitDisabled = useMemo(
+    () => loadingSubmitBtn || isLoading,
+    [loadingSubmitBtn, isLoading]
+  );
+
+  // Memoize gradient split background
+  const gradientSplitBackground = useMemo(
+    () => (isKeyboardOpen ? (Platform.OS === 'ios' ? 0.19 : 0.14) : 0.3),
+    [isKeyboardOpen]
+  );
+
+  return (
+    <BackgroundLayout
+      backgroundImage={backgroundImage?.source}
+      theme={overrideTheme}
+      gradientSplitBackground={gradientSplitBackground}
+    >
+      <SafeAreaView style={styles.safeArea}>
+        <View style={[styles.container, containerStyle]}>
+          {/* Top Back Button */}
+          {shouldRender(renderTopBackBtn || onTopBackBtnPress) && (
+            <View style={styles.topBackBtnWrapper}>
+              {renderTopBackBtn ? (
+                renderTopBackBtn({
+                  onPress: onTopBackBtnPress ?? (() => {}),
+                })
+              ) : (
+                <BackBtn
+                  theme={overrideTheme}
+                  style={topBackBtnStyle}
+                  onPress={onTopBackBtnPress}
+                />
+              )}
+            </View>
+          )}
+          <HideKeyboard>
+            <View style={styles.centerContent}>
+              {/* Logo */}
+              {renderLogo ? (
+                renderLogo()
+              ) : logoUri ? (
+                <Logo logoUri={logoUri} width={100} height={100} />
+              ) : null}
+
+              {/* Title */}
+              {renderForgetPasswordHeader ? (
+                renderForgetPasswordHeader()
+              ) : (
+                <Text
+                  style={[
+                    styles.title,
+                    { color: theme.colors.textPrimary },
+                    titleStyle,
+                  ]}
+                  accessibilityRole="header"
+                  testID="title"
+                >
+                  {title}
+                </Text>
+              )}
+
+              {/* Form */}
+              <View style={[styles.form, formStyle]} testID="form">
+                <Controller
+                  control={control}
+                  name="email"
+                  rules={{
+                    required: 'Email is required',
+                    pattern: {
+                      value: /^\S+@\S+\.\S+$/,
+                      message: 'Enter a valid email address',
+                    },
+                  }}
+                  render={({ field: { onChange, onBlur, value } }) => (
+                    <Input.One
+                      placeholder={text.emailPlaceholder || 'Enter your email'}
+                      label={text.emailLabel || 'Email'}
+                      value={value}
+                      onChangeText={(inputText) => {
+                        const sanitized = inputText.replace(/[^\w@.\-+]/g, '');
+                        onChange(sanitized);
+                      }}
+                      onBlur={onBlur}
+                      disabled={isSubmitDisabled}
+                      error={!!touchedFields.email && !!errors.email}
+                      errorMessage={errors.email?.message}
+                      inputStyle={inputStyle}
+                      containerStyle={inputContainerStyle}
+                      theme={overrideTheme}
+                      textContentType="emailAddress"
+                      autoCapitalize="none"
+                      keyboardType="email-address"
+                      autoCorrect={false}
+                      testID="email-input"
+                    />
+                  )}
+                />
+
+                {renderSubmitButton ? (
+                  renderSubmitButton({
+                    onPress: handleSubmit(handleFormSubmit),
+                    disabled: isSubmitDisabled || !isValid,
+                    loading: loadingSubmitBtn || isLoading,
+                  })
+                ) : (
+                  <Button.Primary
+                    title={text.forgetPasswordButton || 'Continue'}
+                    disabled={isSubmitDisabled || !isValid}
+                    theme={overrideTheme}
+                    loading={loadingSubmitBtn || isLoading}
+                    loadingText={text.loadingSubmitBtnText || 'Please wait...'}
+                    onPress={handleSubmit(handleFormSubmit)}
+                  />
+                )}
+              </View>
+
+              {/* Bottom Info Text */}
+              {!isKeyboardOpen && (
+                <>
+                  {renderBottomInfoText ? (
+                    renderBottomInfoText()
+                  ) : text.bottomInfoText ? (
+                    <Text
+                      style={[
+                        styles.bottomInfo,
+                        { color: theme.colors.textSecondary },
+                      ]}
+                      accessibilityRole="text"
+                      testID="bottom-info-text"
+                    >
+                      {text.bottomInfoText}
+                    </Text>
+                  ) : null}
+                </>
+              )}
+            </View>
+          </HideKeyboard>
+        </View>
+      </SafeAreaView>
+    </BackgroundLayout>
+  );
+};
+
+export default React.memo(ForgetPassword);
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+    width: '100%',
+    paddingBottom: verticalScale(32),
+  },
+  container: {
+    flex: 1,
+    width: '100%',
+    paddingHorizontal: scale(20),
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  topBackBtnWrapper: {
+    position: 'absolute',
+    top: verticalScale(6),
+    left: 0,
+    zIndex: 10,
+  },
+  centerContent: {
+    flex: 1,
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: verticalScale(16),
+  },
+  title: {
+    fontSize: RFValue(23),
+    fontWeight: '700',
+    marginTop: verticalScale(12),
+    marginBottom: verticalScale(20),
+    textAlign: 'center',
+  },
+  form: {
+    width: '100%',
+    gap: verticalScale(14),
+    marginTop: verticalScale(8),
+  },
+  bottomInfo: {
+    marginTop: verticalScale(15),
+    fontSize: RFValue(10),
+    fontWeight: '500',
+    textAlign: 'center',
+    opacity: 0.7,
+  },
+});