import {ReactText} from 'react';
import {isIPhoneX, normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../utils';
import {BackgroundGradientType} from './../types/';

export const CHIN_HEIGHT = 34;

export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT * 0.435;
export const PROFILE_CUTOUT_BOTTOM_Y = isIPhoneX()
  ? SCREEN_HEIGHT * 0.55
  : SCREEN_HEIGHT * 0.58;
export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH * 0.344;
export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT * 0.513;

export const IMAGE_WIDTH = SCREEN_WIDTH;
export const IMAGE_HEIGHT = SCREEN_WIDTH;
export const COVER_HEIGHT = SCREEN_HEIGHT * 0.55;

export const AVATAR_DIM = 44;
export const AVATAR_GRADIENT_DIM = 50;

export const TAGG_ICON_DIM = 58;
export const TAGG_RING_DIM = normalize(60);

export const INTEGRATED_SOCIAL_LIST: string[] = [
  'Instagram',
  'Facebook',
  'Twitter',
];

export const SOCIAL_LIST: string[] = [
  'Instagram',
  'Facebook',
  'Twitter',
  'Snapchat',
  'TikTok',
  // TODO: we don't have endpoints to support these yet...
  // 'Twitch',
  // 'Pinterest',
  // 'Whatsapp',
  // 'Linkedin',
  // 'Youtube',
];

export const SOCIAL_ICON_SIZE_ADJUSTMENT: {[social: string]: number} = {
  Instagram: 25,
  Facebook: 20,
  Twitter: 23,
  Snapchat: 25,
  TikTok: 20,
};

export const INSTAGRAM_FONT_COLOR: string = '#FF97DE';
export const FACEBOOK_FONT_COLOR: string = '#6697FD';
export const TWITTER_FONT_COLOR: string = '#74C9FD';
export const TIKTOK_FONT_COLOR: string = '#78B5FD';
export const TWITCH_FONT_COLOR: string = '#CB93FF';
export const PINTEREST_FONT_COLOR: string = '#FF7584';
export const WHATSAPP_FONT_COLOR: string = '#4AC959';
export const LINKEDIN_FONT_COLOR: string = '#78B5FD';
export const SNAPCHAT_FONT_COLOR: string = '#FFFC00';
export const YOUTUBE_FONT_COLOR: string = '#FCA4A4';

export const TAGG_PURPLE = '#8F01FF';
export const TAGG_DARK_BLUE = '#4E699C';
export const TAGG_LIGHT_BLUE: string = '#698DD3';
export const TAGG_LIGHT_BLUE_2: string = '#6EE7E7';
export const TAGG_LIGHT_PURPLE = '#F4DDFF';
export const RADIO_BUTTON_GREY: string = '#BEBEBE';

export const TAGGS_GRADIENT = {
  start: '#9F00FF',
  end: '#27EAE9',
};

export const AVATAR_GRADIENT = {
  start: '#240041',
  end: '#215151',
};

export const NOTIFICATION_GRADIENT = [
  'rgba(247, 248, 248, 1)',
  'rgba(247, 248, 248, 0)',
];
export const BADGE_GRADIENT_FIRST = [
  'rgba(86, 63, 51, 1)',
  'rgba(236, 32, 39, 1)',
];
export const BADGE_GRADIENT_REST = [
  'rgba(78, 54, 41, 1)',
  'rgba(236, 32, 39, 1)',
];

export const SOCIAL_FONT_COLORS = {
  INSTAGRAM: INSTAGRAM_FONT_COLOR,
  FACEBOOK: FACEBOOK_FONT_COLOR,
  TWITTER: TWITTER_FONT_COLOR,
  TIKTOK: TIKTOK_FONT_COLOR,
  TWITCH: TWITCH_FONT_COLOR,
  PINTEREST: PINTEREST_FONT_COLOR,
  WHATSAPP: WHATSAPP_FONT_COLOR,
  LINKEDIN: LINKEDIN_FONT_COLOR,
  SNAPCHAT: SNAPCHAT_FONT_COLOR,
  YOUTUBE: YOUTUBE_FONT_COLOR,
};

export const TOGGLE_BUTTON_TYPE = {
  FRIEND_UNFRIEND: 'Friend',
  BLOCK_UNBLOCK: 'Block',
};

// Profile Moments
export const defaultMoments: Array<string> = [
  'Early Life',
  'Campus',
  'Creativity',
  'Activity',
];

export const TAGG_CUSTOMER_SUPPORT: string = 'support@tagg.id';
export const BROWSABLE_SOCIAL_URLS: Record<string, string> = {
  Instagram: 'https://instagram.com/',
  Twitter: 'https://twitter.com/',
};

export const MOMENT_CATEGORIES: string[] = [
  'Friends',
  'Adventure',
  'Photo Dump',
  'Food',
  'Music',
  'Art',
  'Sports',
  'Fashion',
  'Travel',
  'Pets',
  'Fitness',
  'DIY',
  'Nature',
  'Early Life',
  'Beauty',
];

export const BACKGROUND_GRADIENT_MAP: Record<
  BackgroundGradientType,
  Array<ReactText>
> = {
  [BackgroundGradientType.Light]: ['#9F00FF', '#27EAE9'],
  [BackgroundGradientType.Dark]: ['#421566', '#385D5E'],
  [BackgroundGradientType.Notification]: [
    'rgba(143, 1, 255, 0.4)',
    'rgba(110, 231, 231, 0.4)',
  ],
};

export const CLASS_YEAR_LIST: Array<string> = [
  '2018',
  '2019',
  '2020',
  '2021',
  '2022',
  '2023',
  '2024',
  '2025',
  '2026',
];

export const TAGG_WEBSITE = 'https://www.tagg.id/';
export const MOMENT_CATEGORY_BG_COLORS: string[] = [
  '#5E4AE4',
  '#5044A6',
  '#4755A1',
  '#444BA8',
  '#374898',
  '#3F5C97',
  '#3A649F',
  '#386A95',
  '#366D84',
  '#335E76',
  '#2E5471',
  '#274765',
  '#225363',
  '#365F6A',
  '#4E7175',
];

export const SP_WIDTH = 375;
export const SP_HEIGHT = 812;

export const SP_PAGE_SIZE = 5;

export const SETTINGS_DATA = {
  SettingsAndPrivacy: [
    {
      title: 'ACCOUNT',
      data: [
        {
          title: 'Suggested People Profile',
          preimage: require('../assets/images/tagg-logo.png'),
          postimage: require('../assets/images/settings/white-arrow.png'),
        },
        {
          title: 'Privacy',
          preimage: require('../assets/images/settings/settings-white.png'),
          postimage: require('../assets/images/settings/white-arrow.png'),
        },
      ],
    },
    {
      title: 'GENERAL',
      data: [
        {
          title: 'Community Guidelines',
          preimage: require('../assets/images/settings/termsofuse.png'),
          postimage: require('../assets/images/settings/white-arrow.png'),
        },
        {
          title: 'Privacy Policy',
          preimage: require('../assets/images/settings/privacypolicy.png'),
          postimage: require('../assets/images/settings/white-arrow.png'),
        },
      ],
    },
  ],
  PrivacyScreen: [
    {
      title: '',
      data: [
        {
          title: 'Account Type',
          preimage: require('../assets/images/settings/lock-white.png'),
          postimage: require('../assets/images/settings/white-arrow.png'),
        },
        // {
        //   title: 'Blocked Accounts',
        //   preimage: require('../assets/images/settings/blocked-white.png'),
        //   postimage: require('../assets/images/settings/white-arrow.png'),
        // },
      ],
    },
  ],
};