translations.tsx

import { Custom404Strings } from '@ircsignpost/signpost-base/dist/src/404-page';
import { ArticleContentStrings } from '@ircsignpost/signpost-base/dist/src/article-content';
import { ArticlePageStrings } from '@ircsignpost/signpost-base/dist/src/article-page';
import { CategoryStrings } from '@ircsignpost/signpost-base/dist/src/category-page';
import { CookieBannerStrings } from '@ircsignpost/signpost-base/dist/src/cookie-banner';
import { ErrorProps } from '@ircsignpost/signpost-base/dist/src/error';
import { FooterStrings } from '@ircsignpost/signpost-base/dist/src/footer';
import { HeaderBannerStrings } from '@ircsignpost/signpost-base/dist/src/header-banner';
import { HomePageStrings } from '@ircsignpost/signpost-base/dist/src/home-page';
import { CardsListStrings } from '@ircsignpost/signpost-base/dist/src/home-page-cards-list';
import { PopupStrings } from '@ircsignpost/signpost-base/dist/src/map';
import { SearchBarStrings } from '@ircsignpost/signpost-base/dist/src/search-bar';
import { SearchResultsPageStrings } from '@ircsignpost/signpost-base/dist/src/search-results-page';
import { SearchResultsStrings } from '@ircsignpost/signpost-base/dist/src/search-results-page-content';
import { SectionStrings } from '@ircsignpost/signpost-base/dist/src/section-page';
import { ServiceContentStrings } from '@ircsignpost/signpost-base/dist/src/service-content';
import { ServiceMapStrings } from '@ircsignpost/signpost-base/dist/src/service-map';
import { ServicePageStrings } from '@ircsignpost/signpost-base/dist/src/service-page';
import { ShareButtonStrings } from '@ircsignpost/signpost-base/dist/src/share-button';

import { CustomMenuOverlayStrings } from './menu';
import { SocialMediaLinks } from './social-media';

/** General strings used on various pages. */
export const COMMON_DYNAMIC_CONTENT_PLACEHOLDERS = [
  // Header strings.
  'default_menu_home_title',
  'default_information_title',
  'default_menu_about_title',
  'default_menu_services_title',
  // Cookie banner strings.
  'default_cookie_banner',
  'default_accept',
  'default_reject',
  // General strings.
  'default_search_hint',
  'default_share',
  'default_share_notification_text',
  'default_download',
  'default_last_updated',
  'default_article_reader_title',
  'default_home_breadcrumb_title',
  'default_banner_link_share_title',
  'default_filter_label',
  'default_most_recent_filter_option',
  'default_most_popular_filter_option',
  'default_home_disclaimer',
  // Service Content strings.
  'default_opening_hours_label',
  'default_address_label',
  'default_description_label',
  'default_banner_email_title',
  'default_banner_facebook_title',
  'default_banner_instagram_title',
  'default_linkedin_label',
  'default_banner_whatsapp_title',
  'default_banner_telegram_title',
  'default_banner_tiktok_title',
  'default_banner_twitter_title',
  'default_banner_viber_title',
  'default_banner_website_title',
  'default_skype_label',
  'default_signal_label',
  'default_banner_telephone_title',
  'default_linkedin_label',
  'default_monday_label',
  'default_tuesday_label',
  'default_wednesday_label',
  'default_thursday_label',
  'default_friday_label',
  'default_saturday_label',
  'default_sunday_label',
];

export const HOME_PAGE_DYNAMIC_CONTENT_PLACEHOLDERS = [
  // Header banner and social media strings.
  'dalilak_mission_statement',
  'default_banner_social_media_title',
  'default_banner_social_media_description',
  'default_banner_facebook_title',
  'default_banner_messenger_title',
  'default_banner_whatsapp_title',
  'dalilak_facebook_link',
  'dalilak_whatsapp_link',
  'dalilak_messenger_link',
  // Main body strings.
  'default_information_title',
  'dalilak_information_description',
  'default_information_description',
  'default_service_map_title',
  'default_service_map_description',
  'default_services_list_count_of',
  'default_services_list_count_services',
  'default_service_map_map_tab',
  'default_service_map_list_tab',
  'default_all_services_type_option',
  'default_all_providers_option',
  'default_all_populations_option',
  'default_all_accessibilities_option',
  'default_distance_away_tooltip',
  'default_contact_button_label',
  'default_view_service_label',
  'default_accessibility_label',
  'default_populations_label',
  'default_providers_label',
  'default_service_type_label',
];

export const CATEGORY_PLACEHOLDERS = [
  'default_select_topic',
  'default_select_subtopic',
];

export const SECTION_PLACEHOLDERS = ['default_select_topic'];

export const SEARCH_RESULTS_PLACEHOLDERS = [
  'default_search_results_found',
  'default_all_results_tab',
  'default_information_results_tab',
  'default_services_results_tab',
];

export const ERROR_DYNAMIC_CONTENT_PLACEHOLDERS = [
  'default_error_indicator',
  'default_error_page_does_not_exist',
  'default_error_page_under_construction',
  'default_error_translation_missing',
  'default_error_home_button_title',
];

// TODO: Ask your Product manager to get Social media links.
export function populateSocialMediaLinks(dynamicContent: {
  [key: string]: string;
}): SocialMediaLinks {
  return {
    facebookLink: {
      title: dynamicContent['default_banner_facebook_title'],
      href: dynamicContent['dalilak_facebook_link'],
    },
    whatsappLink: {
      title: dynamicContent['default_banner_whatsapp_title'],
      href: dynamicContent['dalilak_whatsapp_link'],
    },
    messengerLink: {
      title: dynamicContent['default_banner_messenger_title'],
      href: dynamicContent['dalilak_messenger_link'],
    },
  };
}

export function populateHeaderBannerStrings(dynamicContent: {
  [key: string]: string;
}): HeaderBannerStrings {
  return {
    welcomeTitle: dynamicContent['dalilak_mission_statement'],
    socialMediaTitle: dynamicContent['default_banner_social_media_title'],
    socialMediaDescription:
      dynamicContent['default_banner_social_media_description'],
  };
}

export function populateServiceMapStrings(dynamicContent: {
  [key: string]: string;
}): ServiceMapStrings {
  return {
    title: dynamicContent['default_service_map_title'],
    description: dynamicContent['default_service_map_description'],
    serviceListStringOf: dynamicContent['default_services_list_count_of'],
    serviceListStringServices:
      dynamicContent['default_services_list_count_services'],
    mapTab: dynamicContent['default_service_map_map_tab'],
    listTab: dynamicContent['default_service_map_list_tab'],
    allServicesTypeOption: dynamicContent['default_all_services_type_option'],
    allProvidersOption: dynamicContent['default_all_providers_option'],
    allPopulationsOption: dynamicContent['default_all_populations_option'],
    allAccessibilitiesOption:
      dynamicContent['default_all_accessibilities_option'],
    distanceAwayStrings: {
      informationTooltip: dynamicContent['default_distance_away_tooltip'],
    },
    popupStrings: populatePopupStrings(dynamicContent),
    labelAccessibility: dynamicContent['default_accessibility_label'],
    labelPopulations: dynamicContent['default_populations_label'],
    labelProvider: dynamicContent['default_providers_label'],
    labelServicesTypes: dynamicContent['default_service_type_label'],
    searchListString: dynamicContent['default_search_hint'],
  };
}

/** Populate localized categories section strings from Dynamic content. */
export function populateCategoriesSectionStrings(dynamicContent: {
  [key: string]: string;
}): CardsListStrings {
  return {
    title: dynamicContent['default_information_title'],
    description: dynamicContent['dalilak_information_description'],
  };
}

export function populateCookieBannerStrings(dynamicContent: {
  [key: string]: string;
}): CookieBannerStrings {
  return {
    content: dynamicContent['default_cookie_banner'],
    accept: dynamicContent['default_accept'],
    reject: dynamicContent['default_reject'],
  };
}

export function getLastUpdatedLabel(dynamicContent: {
  [key: string]: string;
}): string {
  return dynamicContent['default_last_updated'];
}

export function getShareButtonStrings(dynamicContent: {
  [key: string]: string;
}): ShareButtonStrings {
  return {
    label: dynamicContent['default_share'],
    notificationText: dynamicContent['default_share_notification_text'],
    linkShareButton: dynamicContent['default_banner_link_share_title'],
  };
}

export function generateArticleErrorProps(dynamicContent: {
  [key: string]: string;
}): ErrorProps {
  return {
    title: dynamicContent['default_error_indicator'],
    subtitle: dynamicContent['default_error_page_under_construction'],
    description: dynamicContent['default_error_translation_missing'],
    homeButtonLabel: dynamicContent['default_error_home_button_title'],
  };
}

export function generate404ErrorProps(dynamicContent: {
  [key: string]: string;
}): ErrorProps {
  return {
    title: dynamicContent['default_error_indicator'],
    subtitle: dynamicContent['default_error_page_does_not_exist'],
    homeButtonLabel: dynamicContent['default_error_home_button_title'],
  };
}

export function populateSearchResultsStrings(dynamicContent: {
  [key: string]: string;
}): SearchResultsStrings {
  return {
    lastEditedLabel: dynamicContent['default_last_updated'],
    resultSummaryStringTemplate: (
      firstOnPage: number,
      lastOnPage: number,
      totalCount: number,
      query: string
    ) => {
      return `${totalCount} ${dynamicContent['default_search_results_found']} "${query}"`;
    },
  };
}

export function getSelectTopicLabel(dynamicContent: {
  [key: string]: string;
}): string {
  return dynamicContent['default_select_topic'];
}

// TODO(annkats): add populateServiceMapStrings() once Service map becomes a Shared component.

export function populateArticleContentStrings(dynamicContent: {
  [key: string]: string;
}): ArticleContentStrings {
  return {
    textReaderTitle: dynamicContent['default_article_reader_title'],
    shareButtonStrings: getShareButtonStrings(dynamicContent),
    homeBreadcrumbString: dynamicContent['default_home_breadcrumb_title'],
  };
}

export function populateMenuOverlayStrings(dynamicContent: {
  [key: string]: string;
}): CustomMenuOverlayStrings {
  return {
    home: dynamicContent['default_menu_home_title'],
    information: dynamicContent['default_information_title'],
    about: dynamicContent['default_menu_about_title'],
    services: dynamicContent['default_menu_services_title'],
  };
}

export function populateHomePageStrings(dynamicContent: {
  [key: string]: string;
}): HomePageStrings {
  return {
    cardsListStrings: populateCategoriesSectionStrings(dynamicContent),
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    serviceMapStrings: populateServiceMapStrings(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
  };
}

export function populateSearchBarStrings(dynamicContent: {
  [key: string]: string;
}): SearchBarStrings {
  return {
    searchHint: dynamicContent['default_search_hint'],
  };
}

export function populateCategoryStrings(dynamicContent: {
  [key: string]: string;
}): CategoryStrings {
  return {
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    selectTopicLabel: getSelectTopicLabel(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
    selectSubTopicLabel: dynamicContent['default_select_subtopic'],
    homeBreadcrumbString: dynamicContent['default_home_breadcrumb_title'],
  };
}

export function populateSectionStrings(dynamicContent: {
  [key: string]: string;
}): SectionStrings {
  return {
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    selectTopicLabel: getSelectTopicLabel(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
    homeBreadcrumbString: dynamicContent['default_home_breadcrumb_title'],
  };
}

export function populateCustom404Strings(dynamicContent: {
  [key: string]: string;
}): Custom404Strings {
  return {
    errorStrings: generate404ErrorProps(dynamicContent),
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
  };
}

export function populateSearchResultsPageStrings(dynamicContent: {
  [key: string]: string;
}): SearchResultsPageStrings {
  return {
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    lastEditedLabel: getLastUpdatedLabel(dynamicContent),
    resultsFoundForQuery: dynamicContent['default_search_results_found'],
    allResultsTabString: dynamicContent['default_all_results_tab'],
    informationTabString: dynamicContent['default_information_results_tab'],
    servicesTabString: dynamicContent['default_services_results_tab'],
    footerStrings: populateFooterStrings(dynamicContent),
  };
}

export function populateArticlePageStrings(dynamicContent: {
  [key: string]: string;
}): ArticlePageStrings {
  return {
    articleContentStrings: populateArticleContentStrings(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    articleErrorStrings: generateArticleErrorProps(dynamicContent),
    lastUpdatedLabel: getLastUpdatedLabel(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
  };
}

export function populateFooterStrings(dynamicContent: {
  [key: string]: string;
}): FooterStrings {
  return {
    disclaimerSummary: dynamicContent['default_home_disclaimer'],
  };
}

export function populateFilterSelectStrings(dynamicContent: {
  [key: string]: string;
}) {
  return {
    filterLabel: dynamicContent['default_filter_label'],
    mostRecent: dynamicContent['default_most_recent_filter_option'],
    mostPopular: dynamicContent['default_most_popular_filter_option'],
  };
}

export function populatePopupStrings(dynamicContent: {
  [key: string]: string;
}): PopupStrings {
  return {
    contactButtonLabel: dynamicContent['default_contact_button_label'],
    viewServiceLabel: dynamicContent['default_view_service_label'],
  };
}

export function populateServicePageStrings(dynamicContent: {
  [key: string]: string;
}): ServicePageStrings {
  return {
    serviceContentStrings: populateServiceContentStrings(dynamicContent),
    searchBarStrings: populateSearchBarStrings(dynamicContent),
    cookieBannerStrings: populateCookieBannerStrings(dynamicContent),
    serviceErrorStrings: generateArticleErrorProps(dynamicContent),
    lastUpdatedLabel: getLastUpdatedLabel(dynamicContent),
    footerStrings: populateFooterStrings(dynamicContent),
  };
}

export function populateServiceContentStrings(dynamicContent: {
  [key: string]: string;
}): ServiceContentStrings {
  return {
    commonStrings: populateArticleContentStrings(dynamicContent),
    openingHoursLabelStrings: dynamicContent['default_opening_hours_label'],
    addressString: dynamicContent['default_address_label'],
    descriptionString: dynamicContent['default_description_label'],
    publicContactInformationStrings: {
      Email: dynamicContent['default_banner_email_title'],
      Facebook: dynamicContent['default_banner_facebook_title'],
      Instagram: dynamicContent['default_banner_instagram_title'],
      LinkedIn: dynamicContent['default_linkedin_label'],
      Phone: dynamicContent['default_banner_telephone_title'],
      Signal: dynamicContent['default_signal_label'],
      Skype: dynamicContent['default_skype_label'],
      Telegram: dynamicContent['default_banner_telegram_title'],
      TikTok: dynamicContent['default_banner_tiktok_title'],
      Twitter: dynamicContent['default_banner_twitter_title'],
      Viber: dynamicContent['default_banner_viber_title'],
      Whatsapp: dynamicContent['default_banner_whatsapp_title'],
      Website: dynamicContent['default_banner_website_title'],
    },
    openingHoursStrings: {
      Monday: dynamicContent['default_monday_label'],
      Tuesday: dynamicContent['default_tuesday_label'],
      Wednesday: dynamicContent['default_wednesday_label'],
      Thursday: dynamicContent['default_thursday_label'],
      Friday: dynamicContent['default_friday_label'],
      Saturday: dynamicContent['default_saturday_label'],
      Sunday: dynamicContent['default_sunday_label'],
    },
  };
}