Customizations

/**
* Sets the comment actions color.
*
* @param color - The comment actions color configuration
*/
setCommentActionsColor(color: OWCommentActionsColor): void

/**
* Sets the comment actions font style.
*
* @param fontStyle - The comment actions font style configuration
*/
setCommentActionsFontStyle(fontStyle: OWCommentActionsFontStyle): void 

/**
* Gets the current comment actions color.
*
* @returns The current comment actions color configuration
*/
getCommentActionsColor(): OWCommentActionsColor 

/**
* Gets the current comment actions font style.
*
* @returns The current comment actions font style configuration
*/
getCommentActionsFontStyle(): OWCommentActionsFontStyle

import OpenWeb, { OWCommentActionsColor, OWCommentActionsFontStyle } from 'react-native-openweb-sdk';

OpenWeb.manager.customizations.setCommentActionsColor({ type: OWCommentActionsColor.BrandColor });
OpenWeb.manager.customizations.setCommentActionsFontStyle({ type: OWCommentActionsFontStyle.SemiBold });

const currentFontStyle = OpenWeb.manager.customizations.getCommentActionsFontStyle();
const color = OpenWeb.manager.customizations.getCommentActionsColor();

/**
* Sets the theme enforcement mode.
*
* @param enforcement - The theme enforcement settings
*/
setThemeEnforcement(enforcement: OWThemeStyleEnforcement): void/**
* Gets the current theme enforcement mode.
*
* @returns The current theme enforcement settings
*/
getThemeEnforcement(): OWThemeStyleEnforcement

import OpenWeb, { OWThemeStyleEnforcementType, OWThemeStyle } from 'react-native-openweb-sdk';

// Example 1: Set theme enforcement to none (no enforcement)
OpenWeb.manager.customizations.setThemeEnforcement({
  type: OWThemeStyleEnforcementType.None
});

// Example 2: Set theme enforcement to dark theme
OpenWeb.manager.customizations.setThemeEnforcement({
  type: OWThemeStyleEnforcementType.Theme,
  theme: { type: OWThemeStyle.Dark }
});

// Get current theme enforcement
const enforcement = OpenWeb.manager.customizations.getThemeEnforcement();

/**
* Sets the customized theme colors.
*
* @param theme - The custom theme color definitions
*/
setCustomizedTheme(theme: OWTheme): void

import { OpenWeb } from 'react-native-openweb-sdk';

// Example 1: Using 4-digit hex with alpha (#RGBA)
// The SDK supports CSS color styles.
OpenWeb.manager.customizations.setCustomizedTheme({
  brandColor: {
    lightColor: '#07AF', 
    darkColor: '#0A8F'    
  },
  primaryBackgroundColor: {
    lightColor: '#FFFF',       
    darkColor: '#000F'      
  },
  primaryTextColor: {
    lightColor: '#0009',    
    darkColor: '#FFFE'   
  }
});

// Example 2: Using rgb() format
OpenWeb.manager.customizations.setCustomizedTheme({
  brandColor: {
    lightColor: 'rgb(0, 122, 255)',
    darkColor: 'rgb(10, 132, 255)'
  },
  primaryBackgroundColor: {
    lightColor: 'rgb(255, 255, 255)',
    darkColor: 'rgb(0, 0, 0)'
  },
  primaryTextColor: {
    lightColor: 'rgb(51, 51, 51)',
    darkColor: 'rgb(242, 242, 247)'
  }
});

// Example 3: Using rgba() format with transparency
OpenWeb.manager.customizations.setCustomizedTheme({
  brandColor: {
    lightColor: 'rgba(0, 122, 255, 1)',
    darkColor: 'rgba(10, 132, 255, 0.9)'
  },
  primaryBackgroundColor: {
    lightColor: 'rgba(255, 255, 255, 0.95)',
    darkColor: 'rgba(0, 0, 0, 0.98)'
  },
  primaryTextColor: {
    lightColor: 'rgba(0, 0, 0, 0.87)',
    darkColor: 'rgba(255, 255, 255, 0.9)'
  }
});

/**
* Sets a custom title for a sort option.
*
* @param title - The custom title to display
* @param sortOption - The sort option to customize
 */

setSortingInitialOption(initialOption: OWInitialSortStrategy): void
/**
* Gets the current initial sort strategy.
*
* @returns The current initial sort strategy
*/
getSortingInitialOption(): OWInitialSortStrategy

import { OpenWeb, OWInitialSortStrategyType, OWSortOptionType } from 'react-native-openweb-sdk';

// Option 1: Use server configuration (default behavior)
OpenWeb.manager.customizations.setSortingInitialOption({
  type: OWInitialSortStrategyType.UseServerConfig,
});

// Option 2: Always start with "Newest" sort
OpenWeb.manager.customizations.setSortingInitialOption({
  type: OWInitialSortStrategyType.UseSortOption,
  sortOption: { type: OWSortOptionType.Newest },
});

// Option 3: Always start with "Best" sort
OpenWeb.manager.customizations.setSortingInitialOption({
  type: OWInitialSortStrategyType.UseSortOption,
  sortOption: { type: OWSortOptionType.Best },
});

/**
* Sets a custom title for a sort option.
*
* @param title - The custom title to display
* @param sortOption - The sort option to customize
*/
setSortingTitle(title: string, sortOption: OWSortOption): void

import { OpenWeb, OWSortOption } from 'react-native-openweb-sdk';

// Set custom title for "Best" sort option
OpenWeb.manager.customizations.setSortingTitle('Top Comments', {
  type: OWSortOptionType.Best
});

export const OWCommentActionsColor = {
  Default: 'DEFAULT',
  BrandColor: 'BRAND_COLOR',
} as const;

export type OWCommentActionsColor =
  | { type: typeof OWCommentActionsColor.Default }
  | { type: typeof OWCommentActionsColor.BrandColor };

export const OWCommentActionsFontStyle = {
  Default: 'DEFAULT',
  SemiBold: 'SEMI_BOLD',
} as const;

export type OWCommentActionsFontStyle =
  | { type: typeof OWCommentActionsFontStyle.Default }
  | { type: typeof OWCommentActionsFontStyle.SemiBold };

export const OWThemeStyleEnforcementType = {
  None: 'none',
  Theme: 'theme',
} as const;

export type OWThemeStyleEnforcement =
  | { type: typeof OWThemeStyleEnforcementType.None }
  | { type: typeof OWThemeStyleEnforcementType.Theme; theme: OWThemeStyle };

export const OWThemeStyle = {
  Light: 'light',
  Dark: 'dark',
} as const;

export type OWThemeStyle =
  | { type: typeof OWThemeStyle.Light }
  | { type: typeof OWThemeStyle.Dark };

export interface OWTheme {
  skeletonColor?: OWColor;
  skeletonShimmeringColor?: OWColor;
  primarySeparatorColor?: OWColor;
  secondarySeparatorColor?: OWColor;
  tertiarySeparatorColor?: OWColor;
  primaryTextColor?: OWColor;
  secondaryTextColor?: OWColor;
  tertiaryTextColor?: OWColor;
  primaryBackgroundColor?: OWColor;
  secondaryBackgroundColor?: OWColor;
  tertiaryBackgroundColor?: OWColor;
  primaryBorderColor?: OWColor;
  secondaryBorderColor?: OWColor;
  loaderColor?: OWColor;
  brandColor?: OWColor;
  voteUpUnselectedColor?: OWColor;
  voteDownUnselectedColor?: OWColor;
  voteUpSelectedColor?: OWColor;
  voteDownSelectedColor?: OWColor;
}

export interface OWColor {
  lightColor: string;
  darkColor: string;
}

export const OWInitialSortStrategyType = {
  UseServerConfig: 'useServerConfig',
  UseSortOption: 'useSortOption',
} as const;

export type OWInitialSortStrategy =
  | { type: typeof OWInitialSortStrategyType.UseServerConfig }
  | {
      type: typeof OWInitialSortStrategyType.UseSortOption;
      sortOption: OWSortOptionType;
    };