import React from 'react';
import { FormattedMessage } from 'react-intl';
import messages from './messages';

export const PHONE_NUMBER = 'PHONE_NUMBER';
export const STATIC_URL = 'STATIC_URL';
export const DYNAMIC_URL = 'DYNAMIC_URL';
export const WEBSITE = 'WEBSITE';

export const CTA_OPTIONS = [
  {
    key: PHONE_NUMBER,
    value: PHONE_NUMBER,
    label: <FormattedMessage {...messages.ctaPhoneNo} />,
    tooltipLabel: <FormattedMessage {...messages.ctaOptionDisabledTooltip} />,
  },
  {
    key: WEBSITE,
    value: WEBSITE,
    label: <FormattedMessage {...messages.ctaWebsite} />,
    tooltipLabel: <FormattedMessage {...messages.ctaOptionDisabledTooltip} />,
  },
];

export const TWILIO_URL_OPTIONS = [
  {
    value: STATIC_URL,
    label: <FormattedMessage {...messages.ctaWebsiteTypeStatic} />,
  },
];

export const KARIX_GUPSHUP_URL_OPTIONS = [
  {
    value: STATIC_URL,
    label: <FormattedMessage {...messages.ctaWebsiteTypeStatic} />,
  },
  {
    value: DYNAMIC_URL,
    label: <FormattedMessage {...messages.ctaWebsiteTypeDynamic} />,
  },
];
export const BTN_MAX_LENGTH = 20;
export const PHONE_NUMBER_MAX_LENGTH = 15;
export const URL_MAX_LENGTH = 2000;
export const DYNAMIC_URL_SUFFIX = '{{1}}';
