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

package/src/theme/themes.ts

@@ -1,336 +0,0 @@
-export type MD3ElevationColors = {
-  level0: string;
-  level1: string;
-  level2: string;
-  level3: string;
-  level4: string;
-  level5: string;
-};
-
-export type BaseColors = {
-  primary: string;
-  onPrimary: string;
-  primaryContainer: string;
-  onPrimaryContainer: string;
-
-  secondary: string;
-  onSecondary: string;
-  secondaryContainer: string;
-  onSecondaryContainer: string;
-
-  tertiary: string;
-  onTertiary: string;
-  tertiaryContainer: string;
-  onTertiaryContainer: string;
-
-  background: string;
-  backgroundDisabled: string;
-  onBackground: string;
-  blueBackground: string;
-
-  surface: string;
-  onSurface: string;
-  surfaceVariant: string;
-  onSurfaceVariant: string;
-
-  surfaceDisabled: string;
-  onSurfaceDisabled: string;
-
-  error: string;
-  onError: string;
-  errorContainer: string;
-  onErrorContainer: string;
-
-  outline: string;
-  outlineDisabled: string;
-  outlineVariant: string;
-
-  border: string;
-  borderDisabled: string;
-
-  shadow: string;
-  scrim: string;
-  backdrop: string;
-  overlay: string;
-
-  inverseSurface: string;
-  inverseOnSurface: string;
-  inversePrimary: string;
-
-  elevation: MD3ElevationColors;
-
-  textPrimary: string;
-  textSecondary: string;
-  textDisabled: string;
-
-  button: string;
-  buttonDisabled: string;
-  buttonText: string;
-
-  white: string;
-  black: string;
-  transparent: string;
-  newRelease: string;
-  backgroundLayoutGradient: string[];
-
-  heroBannerGradient: string[];
-  cardGradient: string[];
-
-  skeletonHighlightColor: string;
-  skeletonBaseColor: string;
-
-  switchTrackColor: string;
-  switchThumbColor: string;
-  switchTrackColorDisabled: string;
-  switchThumbColorDisabled: string;
-
-  alert: {
-    success: string;
-    warning: string;
-    info: string;
-    error: string;
-  };
-  premiumIcon: string;
-};
-
-export interface ITheme {
-  colors: BaseColors;
-}
-
-export type AppTheme = Omit<ITheme, 'colors'> & {
-  colors?: Partial<BaseColors>;
-};
-
-// New type for override object
-export type ThemeOverride = {
-  light?: Partial<BaseColors>;
-  dark?: Partial<BaseColors>;
-};
-export interface useInternalThemeReturn {
-  theme: ITheme;
-  themeFull: {
-    light: ITheme['colors'];
-    dark: ITheme['colors'];
-  };
-  isDarkMode: boolean;
-  setTheme: (mode: 'dark' | 'light' | 'system') => void;
-}
-
-export const LightTheme: ITheme = {
-  colors: {
-    primary: 'rgba(244, 197, 66, 1)',
-    onPrimary: 'rgba(255, 255, 255, 1)',
-    primaryContainer: 'rgba(254, 243, 199, 1)',
-    onPrimaryContainer: 'rgba(146, 64, 14, 1)',
-
-    secondary: 'rgba(37, 99, 235, 1)',
-    onSecondary: 'rgba(255, 255, 255, 1)',
-    secondaryContainer: 'rgba(219, 234, 254, 1)',
-    onSecondaryContainer: 'rgba(30, 64, 175, 1)',
-
-    tertiary: 'rgba(253, 224, 71, 1)',
-    onTertiary: 'rgba(38, 38, 38, 1)',
-    tertiaryContainer: 'rgba(255, 251, 235, 1)',
-    onTertiaryContainer: 'rgba(120, 53, 15, 1)',
-
-    background: 'rgba(249, 250, 251, 1)',
-    onBackground: 'rgba(17, 24, 39, 1)',
-    backgroundDisabled: 'rgba(242, 242, 242, 0.78)',
-    blueBackground: 'rgba(255, 255, 255, 0.25)',
-
-    surface: 'rgba(255, 255, 255, 1)',
-    onSurface: 'rgba(31, 41, 55, 1)',
-    surfaceVariant: 'rgba(243, 244, 246, 1)',
-    onSurfaceVariant: 'rgba(107, 114, 128, 1)',
-
-    surfaceDisabled: 'rgba(0, 0, 0, 0.08)',
-    onSurfaceDisabled: 'rgba(0, 0, 0, 0.3)',
-
-    error: 'rgba(239, 68, 68, 1)',
-    onError: 'rgba(255, 255, 255, 1)',
-    errorContainer: 'rgba(254, 202, 202, 0.5)',
-    onErrorContainer: 'rgba(127, 29, 29, 1)',
-
-    outline: 'rgba(52, 53, 58, 1)',
-    outlineDisabled: 'rgba(208, 208, 208, 1)',
-    outlineVariant: 'rgba(229, 231, 235, 1)',
-
-    border: 'rgba(0, 0, 0, 0.1)',
-    borderDisabled: 'rgba(0, 0, 0, 0.04)',
-
-    shadow: 'rgba(0, 0, 0, 0.1)',
-    scrim: 'rgba(0, 0, 0, 0.2)',
-    backdrop: 'rgba(243, 244, 246, 0.7)',
-    overlay: 'rgba(0,0,0,0.55)',
-
-    inverseSurface: 'rgba(31, 41, 55, 1)',
-    inverseOnSurface: 'rgba(249, 250, 251, 1)',
-    inversePrimary: 'rgba(37, 99, 235, 1)',
-
-    elevation: {
-      level0: 'transparent',
-      level1: 'rgba(243, 244, 246, 1)',
-      level2: 'rgba(229, 231, 235, 1)',
-      level3: 'rgba(209, 213, 219, 1)',
-      level4: 'rgba(156, 163, 175, 1)',
-      level5: 'rgba(107, 114, 128, 1)',
-    },
-
-    textPrimary: 'rgba(0, 0, 0, 1)',
-    textSecondary: 'rgba(107, 114, 128, 0.89)',
-    textDisabled: 'rgba(160, 160, 160, 0.7)',
-
-    button: 'rgba(244, 197, 66, 1)',
-    buttonDisabled: 'rgba(244, 197, 66, 0.59)',
-    buttonText: 'rgba(0, 0, 0, 1)',
-
-    white: 'rgba(255, 255, 255, 1)',
-    black: 'rgba(0, 0, 0, 1)',
-    transparent: 'rgba(0, 0, 0, 0)',
-    newRelease: 'rgba(255, 221, 51, 1)',
-
-    backgroundLayoutGradient: [
-      'rgba(255, 255, 255, 0.3)',
-      'rgba(255, 255, 255, 0.98)',
-      'rgb(255, 255, 255)',
-      'rgb(249, 250, 251)',
-    ],
-
-    heroBannerGradient: [
-      'rgba(249,250,251,0)',
-      'rgba(249,250,251,0.4)',
-      'rgba(249,250,251,1)',
-    ],
-
-    cardGradient: [
-      'rgba(223, 178, 50, 1)',
-      'rgba(243, 146, 35, 1)',
-      'rgba(248, 159, 16, 1)',
-    ],
-
-    skeletonHighlightColor: '#D6D6D6',
-    skeletonBaseColor: '#EDEDED',
-
-    switchTrackColor: '#3CD141',
-    switchThumbColor: 'white',
-    switchTrackColorDisabled: '#D5D5D5',
-    switchThumbColorDisabled: 'white',
-    premiumIcon: '#CA091E',
-
-    alert: {
-      success: '#4CAF50',
-      error: 'rgba(255, 0, 0, 1)',
-      warning: '#FF9800',
-      info: '#2196F3',
-    },
-  },
-};
-
-export const DarkTheme: ITheme = {
-  colors: {
-    primary: 'rgba(244, 197, 66, 1)',
-    onPrimary: 'rgba(15, 23, 42, 1)',
-    primaryContainer: 'rgba(250, 204, 21, 0.12)',
-    onPrimaryContainer: 'rgba(250, 204, 21, 1)',
-
-    secondary: 'rgba(147, 197, 253, 1)',
-    onSecondary: 'rgba(15, 23, 42, 1)',
-    secondaryContainer: 'rgba(30, 58, 138, 0.2)',
-    onSecondaryContainer: 'rgba(147, 197, 253, 1)',
-
-    tertiary: 'rgba(253, 224, 71, 1)',
-    onTertiary: 'rgba(38, 38, 38, 1)',
-    tertiaryContainer: 'rgba(146, 64, 14, 1)',
-    onTertiaryContainer: 'rgba(120, 53, 15, 1)',
-
-    background: 'rgb(22, 21, 21)',
-    onBackground: 'rgba(229, 231, 235, 1)',
-    backgroundDisabled: 'rgba(10, 10, 10, 0.5)',
-    blueBackground: 'rgba(255, 255, 255, 0.25)',
-
-    surface: 'rgba(24, 33, 51, 1)',
-    onSurface: 'rgba(229, 231, 235, 1)',
-    surfaceVariant: '#2e2e2e',
-    onSurfaceVariant: 'rgba(203, 213, 225, 1)',
-
-    surfaceDisabled: 'rgba(255, 255, 255, 0.05)',
-    onSurfaceDisabled: 'rgba(255, 255, 255, 0.26)',
-
-    error: 'rgba(239, 68, 68, 1)',
-    onError: 'rgba(255, 255, 255, 1)',
-    errorContainer: 'rgba(239, 68, 68, 0.05)',
-    onErrorContainer: 'rgba(255, 255, 255, 0.92)',
-
-    outline: 'rgba(148, 163, 184, 0.35)',
-    outlineDisabled: 'rgba(58, 58, 58, 1)',
-    outlineVariant: 'rgba(71, 85, 105, 1)',
-
-    border: 'rgba(223, 223, 223, 0.12)',
-    borderDisabled: 'rgba(223, 223, 223, 0.05)',
-
-    shadow: 'rgba(0, 0, 0, 0.5)',
-    scrim: 'rgba(0, 0, 0, 0.4)',
-    backdrop: 'rgba(30, 41, 59, 0.7)',
-    overlay: 'rgba(0,0,0,0.55)',
-
-    inverseSurface: 'rgba(229, 231, 235, 1)',
-    inverseOnSurface: 'rgba(31, 41, 55, 1)',
-    inversePrimary: 'rgba(37, 99, 235, 1)',
-
-    elevation: {
-      level0: 'transparent',
-      level1: 'rgba(34, 34, 34, 1)',
-      level2: 'rgba(60, 60, 60, 1)',
-      level3: 'rgba(76, 76, 76, 1)',
-      level4: 'rgba(71, 85, 105, 1)',
-      level5: 'rgba(100, 116, 139, 1)',
-    },
-
-    textPrimary: 'rgba(243, 244, 246, 1)',
-    textSecondary: 'rgba(203, 213, 225, 0.85)',
-    textDisabled: 'rgba(148, 163, 184, 0.6)',
-
-    button: 'rgba(250, 204, 21, 1)',
-    buttonDisabled: 'rgba(250, 204, 21, 0.5)',
-    buttonText: 'rgba(15, 23, 42, 1)',
-
-    white: 'rgba(255, 255, 255, 1)',
-    black: 'rgba(0, 0, 0, 1)',
-    transparent: 'rgba(255, 255, 255, 0.04)',
-    newRelease: 'rgba(255, 221, 51, 1)',
-
-    backgroundLayoutGradient: [
-      'rgba(22, 21, 21, 0.65)',
-      'rgba(22, 21, 21, 0.98)',
-      'rgb(22, 21, 21)',
-      'rgb(22, 21, 21)',
-    ],
-    heroBannerGradient: [
-      'rgba(22,21,21,0)',
-      'rgba(22,21,21,0.4)',
-      'rgb(22,21,21)',
-    ],
-
-    cardGradient: [
-      'rgba(223, 178, 50, 1)',
-      'rgba(243, 146, 35, 1)',
-      'rgba(248, 159, 16, 1)',
-    ],
-
-    skeletonHighlightColor: '#C2C2C2',
-    skeletonBaseColor: '#2A2A2A',
-
-    switchTrackColor: '#3CD141',
-    switchThumbColor: 'white',
-    switchTrackColorDisabled: '#D5D5D5',
-    switchThumbColorDisabled: 'white',
-    premiumIcon: '#CA091E',
-
-    alert: {
-      success: '#4CAF50',
-      error: 'rgba(255, 0, 0, 1)',
-      warning: '#FF9800',
-      info: '#2196F3',
-    },
-  },
-};

package/src/theme/utils/validateColor.ts

@@ -1,127 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Sun 08 Feb 2026
- *
- * Validates theme color values. Only valid colors are used for overrides.
- */
-
-/** Hex color: #RGB | #RRGGBB | #RRGGBBAA */
-const HEX_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
-
-/** rgb(r, g, b) - numbers 0-255 */
-const RGB_REGEX = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/;
-
-/** rgba(r, g, b, a) */
-const RGBA_REGEX =
-  /^rgba\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/;
-
-/** React Native / CSS named colors (common set) */
-const VALID_NAMED_COLORS = new Set([
-  'transparent',
-  'black',
-  'white',
-  'red',
-  'green',
-  'blue',
-  'yellow',
-  'orange',
-  'gray',
-  'grey',
-  'purple',
-  'pink',
-  'cyan',
-  'magenta',
-  'brown',
-  'lime',
-  'navy',
-  'teal',
-  'silver',
-  'maroon',
-  'olive',
-  'aqua',
-  'fuchsia',
-  'currentColor',
-]);
-
-/**
- * Returns true if the given string is a valid color (hex, rgb, rgba, or named).
- */
-export function isValidColorString(value: string): boolean {
-  if (typeof value !== 'string' || value.length === 0) return false;
-
-  if (HEX_REGEX.test(value)) return true;
-  if (VALID_NAMED_COLORS.has(value.toLowerCase())) return true;
-
-  const rgbMatch = value.match(RGB_REGEX);
-  if (rgbMatch) {
-    const r = Number(rgbMatch[1]);
-    const g = Number(rgbMatch[2]);
-    const b = Number(rgbMatch[3]);
-    return r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;
-  }
-
-  const rgbaMatch = value.match(RGBA_REGEX);
-  if (rgbaMatch) {
-    const r = Number(rgbaMatch[1]);
-    const g = Number(rgbaMatch[2]);
-    const b = Number(rgbaMatch[3]);
-    const a = Number(rgbaMatch[4]);
-    return (
-      r >= 0 &&
-      r <= 255 &&
-      g >= 0 &&
-      g <= 255 &&
-      b >= 0 &&
-      b <= 255 &&
-      a >= 0 &&
-      a <= 1
-    );
-  }
-
-  return false;
-}
-
-/**
- * Validates a single theme color value (string, string[], or nested object).
- * Empty values (empty string, empty array, empty object) are invalid — no override.
- */
-export function isValidColorValue(value: unknown): boolean {
-  if (value == null) return false;
-
-  if (typeof value === 'string') {
-    if (value.trim().length === 0) return false;
-    return isValidColorString(value);
-  }
-
-  if (Array.isArray(value)) {
-    if (value.length === 0) return false;
-    return value.every((item) => isValidColorString(item));
-  }
-
-  if (typeof value === 'object' && value !== null) {
-    const entries = Object.values(value);
-    if (entries.length === 0) return false;
-    return entries.every((v) => isValidColorValue(v));
-  }
-
-  return false;
-}
-
-/**
- * Filters override colors to only include entries with valid, non-empty color values.
- * Empty colors (empty string, [], {}) and invalid values are skipped — no override.
- */
-export function filterValidOverrideColors<T extends Record<string, unknown>>(
-  override: T | undefined | null
-): Partial<T> {
-  if (!override || typeof override !== 'object') return {};
-
-  const result: Partial<T> = {};
-  for (const key of Object.keys(override) as (keyof T)[]) {
-    const value = override[key];
-    if (isValidColorValue(value)) {
-      (result as Record<string, unknown>)[key as string] = value;
-    }
-  }
-  return result;
-}

package/src/types/content/content-view.types.ts

@@ -1,206 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Fri 04 Jul 2025 at 10:58 AM
- */
-
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { ImageStyle as FastImageStyle } from 'react-native-fast-image';
-import type { ThemeOverride } from '../../theme/themes';
-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/One/components/MiniInfo';
-import type { IContentData } from '@zezosoft/zezo-ott-api-client';
-
-// 🔷 Common Style Aliases
-export type ViewStyleProp = StyleProp<ViewStyle>;
-export type TextStyleProp = StyleProp<TextStyle>;
-export type FastImageStyleProp = StyleProp<FastImageStyle>;
-
-// 🔹 UI Style Overrides
-export type TitleStyles = {
-  container?: ViewStyleProp;
-  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;
-  tagContainer?: ViewStyleProp;
-  tagText?: TextStyleProp;
-  skeletonTag?: ViewStyleProp;
-};
-
-export type AboutSectionStyles = {
-  container?: ViewStyleProp;
-  title?: TextStyleProp;
-  body?: TextStyleProp;
-  scrollExpanded?: ViewStyleProp;
-  toggleText?: TextStyleProp;
-  skeletonLine?: ViewStyleProp;
-};
-
-export type CastCardStyles = {
-  container?: ViewStyleProp;
-  heading?: TextStyleProp;
-  listContent?: ViewStyleProp;
-  card?: ViewStyleProp;
-  image?: FastImageStyleProp;
-  name?: TextStyleProp;
-  role?: TextStyleProp;
-  imageSkeleton?: ViewStyleProp;
-  nameSkeleton?: ViewStyleProp;
-  roleSkeleton?: ViewStyleProp;
-};
-
-export type RecommendedCardStyles = {
-  renderItemImage?: (params: {
-    item: IContentData;
-    index: number;
-  }) => React.ReactNode;
-  itemWidth?: number;
-  itemHeight?: number;
-  borderRadius?: number;
-  skeletonCount?: number;
-  containerStyle?: ViewStyleProp;
-  titleStyle?: TextStyleProp;
-  itemStyle?: ViewStyleProp;
-};
-
-// 🟩 Events
-export type PlayEventArgs = {
-  id: string;
-  slug: string;
-  type: IContentData['type'];
-  episodeId?: string;
-  current_season?: string;
-  current_episode?: string;
-  episode_number?: number;
-  is_trailer?: boolean;
-  seekTime?: number;
-  mode?: 'fullscreen' | 'normal';
-};
-export type LikeShareEventArgs = {
-  id: IContentData['_id'];
-  source?: 'title' | 'card' | 'hero' | 'list';
-};
-
-// 🟩 Events
-export type LikeResponse = {
-  is_liked: boolean;
-};
-
-export type ContentViewEvents = {
-  onPlay?: (args: PlayEventArgs) => void;
-  onPressRecommendedItem?: (args: { item: IContentData }) => void;
-  onPressRecommendedMore?: (args: {
-    section_id: IGetSectionData['_id'];
-    name: IGetSectionData['name'];
-    type: IGetSectionData['type'];
-  }) => void;
-  onBackPress?: () => void;
-  onPressCast?: (args: { cast: IContentData }) => void;
-  moreFetchDataRecommended?: MoreFetchData<IContentData>;
-  onLikeContent?: (args: LikeShareEventArgs) => Promise<{ is_liked: boolean }>;
-  onShareContent?: (args: LikeShareEventArgs) => void;
-};
-
-// 🟦 Menu
-export type MenuAction = {
-  label: string;
-  icon?: (props: { size?: number; color?: string }) => React.ReactNode;
-  onPress: () => void;
-  isLoading?: boolean;
-};
-
-// 🟨 HeroBanner
-export type RenderButtons = Partial<{
-  back: () => React.ReactNode;
-  menu: () => React.ReactNode;
-  play: () => React.ReactNode;
-  trailer: () => React.ReactNode;
-}>;
-
-export type SkeletonOverrides = Partial<{
-  play: () => React.ReactNode;
-  trailer: () => React.ReactNode;
-  back: () => React.ReactNode;
-  menu: () => React.ReactNode;
-}>;
-
-export type HeroBannerProps = {
-  backgroundImage: IContentData['thumbnail'];
-  title: IContentData['name'];
-  titleImage?: string | null;
-  theme?: ThemeOverride;
-  isLoading?: boolean;
-  onPressPlay?: ({ is_trailer }: { is_trailer: boolean }) => void;
-  onBackPress?: () => void;
-  style?: ViewStyleProp;
-  renderButtons?: RenderButtons;
-  renderSkeletons?: SkeletonOverrides;
-  menuActions?: MenuAction[];
-  content_offering_type?: IContentData['content_offering_type'];
-};
-
-// 🟧 Final Component Props
-export type ComponentProps = {
-  content: IContentData;
-  seasons?: IContentData['seasons'];
-  text?: {
-    notFound?: {
-      title?: string;
-      subtitle?: string;
-      buttonText?: string;
-    };
-  };
-  theme?: ThemeOverride;
-  isLoading?: boolean;
-  pricingAndExpiryInfo?: Omit<
-    React.ComponentProps<typeof MiniInfo>,
-    'content' | 'theme'
-  >;
-  seasonsIsLoading?: boolean;
-  recommendedContent?: ISectionItem | null;
-  events?: ContentViewEvents;
-  isLiked?: boolean;
-  heroBannerProps?: Partial<HeroBannerProps>;
-  titleStyles?: TitleStyles;
-  genreTagsStyles?: GenreTagStyles;
-  aboutSectionStyles?: AboutSectionStyles;
-  castStyles?: CastCardStyles;
-  recommendedContentCardStyles?: RecommendedCardStyles;
-  history?: IHistoryItem;
-  episodeCardMode?: 'horizontal' | 'vertical';
-};

package/src/types/hook/index.ts

@@ -1,5 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 02 Jul 2025 at 04:50 PM
- */
-export type { MoreFetchData } from './usePaginatedSetion';

package/src/types/hook/usePaginatedSetion.ts

@@ -1,19 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 02 Jul 2025 at 04:50 PM
- */
-import type { ISectionMeta } from '../sections';
-
-export type MoreFetchData<T> = ({
-  sectionId,
-  meta,
-}: {
-  sectionId: string;
-  meta: {
-    hasNextPage: boolean;
-    nextPage: number;
-  };
-}) => Promise<{
-  data: T[];
-  meta: ISectionMeta;
-} | null>;

package/src/types/index.ts

@@ -1,7 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Fri 04 Jul 2025 at 10:58 AM
- */
-export type * from './content/content-view.types';
-export type * from './sections';
-export type * from './hook';