@cloud-ru/uikit-product-locale 0.18.1

package/src/components/Locale.tsx

@@ -0,0 +1,64 @@
+import merge from 'lodash.merge';
+import { useMemo } from 'react';
+
+import {
+  Dictionary,
+  LocaleLang,
+  LocaleProvider as SnackLocaleProvider,
+  LocaleProviderProps,
+  useLocale as snackUseLocale,
+} from '@snack-uikit/locale';
+
+import { AdditionalTranslations } from '../helpers';
+import { UIKIT_PRODUCT_LOCALES } from '../locales';
+import { resolveCommonTranslations } from '../locales/resolveCommonTranslations';
+import { GetLocaleText, LocaleComponentName, UIKitProductDictionary } from './types';
+
+export type ProductLocaleProviderProps<
+  D extends Dictionary,
+  AT extends AdditionalTranslations,
+> = LocaleProviderProps<D> & {
+  /**
+   * Общий словарь переводов из @sbercloud/spa-core/bootstrap
+   * @example import { additionalTranslationsResources } from "@sbercloud/spa-core/bootstrap"
+   */
+  additionalTranslationsResources: AT;
+};
+
+export function LocaleProvider<D extends Dictionary, AT extends AdditionalTranslations>({
+  children,
+  overrideLocales,
+  lang,
+  fallbackLang = 'ru-RU',
+  additionalTranslationsResources,
+}: ProductLocaleProviderProps<D, AT>) {
+  const memoizedLocales = useMemo(
+    () =>
+      merge(
+        {},
+        UIKIT_PRODUCT_LOCALES,
+        /* Тип обязывает прокинуть доп. переводы, но если это не сделать, ничего не упадет */
+        additionalTranslationsResources ? resolveCommonTranslations(additionalTranslationsResources) : {},
+        overrideLocales,
+      ),
+    [overrideLocales, additionalTranslationsResources],
+  );
+
+  return (
+    <SnackLocaleProvider lang={lang} overrideLocales={memoizedLocales} fallbackLang={fallbackLang}>
+      {children}
+    </SnackLocaleProvider>
+  );
+}
+
+export function useLocale(): { t: GetLocaleText<UIKitProductDictionary>; lang: LocaleLang };
+export function useLocale<
+  C extends LocaleComponentName<UIKitProductDictionary> = LocaleComponentName<UIKitProductDictionary>,
+>(componentName: C): { t: GetLocaleText<UIKitProductDictionary, C>; lang: LocaleLang };
+export function useLocale<
+  C extends LocaleComponentName<UIKitProductDictionary> = LocaleComponentName<UIKitProductDictionary>,
+>(componentName?: C): { t: GetLocaleText<UIKitProductDictionary>; lang: LocaleLang } {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  return snackUseLocale(componentName);
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './Locale';

package/src/components/types.ts

@@ -0,0 +1,11 @@
+import { Dictionary, DottedTranslationKey, LocaleDictionary } from '@snack-uikit/locale';
+
+import { UIKIT_PRODUCT_LOCALES } from '../locales';
+
+export type LocaleComponentName<D extends Dictionary> = keyof LocaleDictionary<D>;
+
+export type GetLocaleText<D extends Dictionary, T extends keyof LocaleDictionary<D> | undefined = undefined> = (
+  key: DottedTranslationKey<D, T>,
+) => string;
+
+export type UIKitProductDictionary = (typeof UIKIT_PRODUCT_LOCALES)['en-GB'];

package/src/helpers/getTranslationResolver.ts

@@ -0,0 +1,43 @@
+import lodashGet from 'lodash.get';
+import lodashSet from 'lodash.set';
+
+import { AdditionalTranslations, CommonTranslationsKeysType } from './types';
+
+type CrawlerParams = {
+  data: CommonTranslationsKeysType | string;
+  handler(path: string, value: string): void;
+  prefix?: string;
+};
+
+function crawler({ data, prefix = '', handler }: CrawlerParams) {
+  if (typeof data === 'string') {
+    handler(prefix, data);
+  } else {
+    for (const key in data) {
+      const value = data[key];
+      crawler({ data: value, prefix: prefix ? `${prefix}.${key}` : key, handler });
+    }
+  }
+}
+
+export const getTranslationResolver =
+  <D extends CommonTranslationsKeysType>(data: D, nameSpace: string) =>
+  (additionalTranslations: AdditionalTranslations): CommonTranslationsKeysType => {
+    const languages = Object.keys(additionalTranslations);
+
+    const result: CommonTranslationsKeysType = {};
+
+    for (const lang of languages) {
+      crawler({
+        data,
+        handler: (path, value) => {
+          const text: string | undefined = lodashGet(additionalTranslations, `${lang}.${nameSpace}.${value}`);
+          if (text !== undefined) {
+            lodashSet(result, `${lang}.${path}`, text);
+          }
+        },
+      });
+    }
+
+    return result;
+  };

package/src/helpers/index.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './getTranslationResolver';

package/src/helpers/types.ts

@@ -0,0 +1,13 @@
+import { additionalTranslationsResources } from '@cloud-ru/common-translations';
+
+export type DeepPartial<T> = T extends object
+  ? {
+      [P in keyof T]?: DeepPartial<T[P]>;
+    }
+  : T;
+
+export type AdditionalTranslations = typeof additionalTranslationsResources;
+
+export type CommonTranslationsKeysType = {
+  [key: string]: CommonTranslationsKeysType | string;
+};

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './locales';

package/src/locales/en_GB.ts

@@ -0,0 +1,443 @@
+import { enTranslations } from '@cloud-ru/common-translations';
+
+import { Dictionary } from '@snack-uikit/locale';
+
+export const en_GB = {
+  ErrorPage: {
+    frontendErrorTitle: 'Unexpected error',
+    pageUnavailableTitle: 'Service unavailable',
+    pageNotFoundTitle: 'Page not found',
+    refreshButton: 'Refresh the page',
+    actionRedirectTitle: 'Try starting from another page',
+    supportCenterButton: 'Support Service',
+    mainPageLink: 'Go to the main page',
+    backLink: 'Go back',
+    offlineTitle: 'No Internet Connection',
+    offlineText: 'Check your internet connection and try refreshing the page',
+    redirectTitle: 'The link will be removed',
+    redirectText: 'The link is obsolete and will be removed soon. Go to the new link',
+    redirectButton: 'Go to',
+  },
+  FieldsPredefined: {
+    SelectCreate: {
+      buttonCreate: 'Create',
+      buttonCancel: 'Cancel',
+      buttonRefetch: 'Refetch',
+      selectPlaceholder: 'Select option',
+      noData: 'not found',
+      noResult: 'not found',
+      loadError: 'Error occurred while loading',
+      changeRequest: 'Change request or create',
+      noPermission: 'Unavailable for your role',
+    },
+    FieldPhone: {
+      russia: 'Russia',
+      abkhazia: 'Abkhazia',
+      australia: 'Australia',
+      austria: 'Austria',
+      azerbaijan: 'Azerbaijan',
+      albania: 'Albania',
+      algeria: 'Algeria',
+      angola: 'Angola',
+      andorra: 'Andorra',
+      antiguaAndBarbuda: 'Antigua and Barbuda',
+      argentina: 'Argentina',
+      armenia: 'Armenia',
+      bahamas: 'Bahamas',
+      bangladesh: 'Bangladesh',
+      barbados: 'Barbados',
+      bahrain: 'Bahrain',
+      belarus: 'Belarus',
+      belize: 'Belize',
+      belgium: 'Belgium',
+      bosniaAndHerzegovina: 'Bosnia and Herzegovina',
+      botswana: 'Botswana',
+      brazil: 'Brazil',
+      bhutan: 'Bhutan',
+      vanuatu: 'Vanuatu',
+      hungary: 'Hungary',
+      guyana: 'Guyana',
+      guatemala: 'Guatemala',
+      germany: 'Germany',
+      guernsey: 'Guernsey',
+      gibraltar: 'Gibraltar',
+      honduras: 'Honduras',
+      greece: 'Greece',
+      georgia: 'Georgia',
+      denmark: 'Denmark',
+      djibouti: 'Djibouti',
+      dominicanRepublic: 'Dominican Republic',
+      egypt: 'Egypt',
+      zimbabwe: 'Zimbabwe',
+      israel: 'Israel',
+      india: 'India',
+      iraq: 'Iraq',
+      iran: 'Iran',
+      ireland: 'Ireland',
+      iceland: 'Iceland',
+      spain: 'Spain',
+      italy: 'Italy',
+      kazakhstan: 'Kazakhstan',
+      caymanIslands: 'Cayman Islands',
+      cyprus: 'Cyprus',
+      kiribati: 'Kiribati',
+      colombia: 'Colombia',
+      kosovo: 'Kosovo',
+      kyrgyzstan: 'Kyrgyzstan',
+      latvia: 'Latvia',
+      lesotho: 'Lesotho',
+      lebanon: 'Lebanon',
+      lithuania: 'Lithuania',
+      liechtenstein: 'Liechtenstein',
+      luxembourg: 'Luxembourg',
+      mauritius: 'Mauritius',
+      mauritania: 'Mauritania',
+      madagascar: 'Madagascar',
+      mayotte: 'Mayotte',
+      mali: 'Mali',
+      maldives: 'Maldives',
+      malta: 'Malta',
+      morocco: 'Morocco',
+      mozambique: 'Mozambique',
+      moldova: 'Moldova',
+      monaco: 'Monaco',
+      myanmar: 'Myanmar',
+      namibia: 'Namibia',
+      niger: 'Niger',
+      netherlands: 'Netherlands',
+      newZealand: 'New Zealand',
+      newCaledonia: 'New Caledonia',
+      unitedArabEmirates: 'United Arab Emirates',
+      oman: 'Oman',
+      isleOfMan: 'Isle of Man',
+      norfolkIsland: 'Norfolk Island',
+      wallisAndFutunaIslands: 'Wallis and Futuna Islands',
+      peru: 'Peru',
+      poland: 'Poland',
+      portugal: 'Portugal',
+      transnistria: 'Transnistria',
+      romania: 'Romania',
+      sanMarino: 'San Marino',
+      saoTomeAndPrincipe: 'Sao Tome and Principe',
+      saudiArabia: 'Saudi Arabia',
+      northMacedonia: 'North Macedonia',
+      saintPierreAndMiquelon: 'Saint Pierre and Miquelon',
+      serbia: 'Serbia',
+      singapore: 'Singapore',
+      sintMaarten: 'Sint Maarten',
+      syria: 'Syria',
+      slovakia: 'Slovakia',
+      somaliland: 'Somaliland',
+      suriname: 'Suriname',
+      sierraLeone: 'Sierra Leone',
+      tajikistan: 'Tajikistan',
+      tonga: 'Tonga',
+      tuvalu: 'Tuvalu',
+      turkmenistan: 'Turkmenistan',
+      turkey: 'Turkey',
+      uzbekistan: 'Uzbekistan',
+      ukraine: 'Ukraine',
+      uruguay: 'Uruguay',
+      fiji: 'Fiji',
+      finland: 'Finland',
+      france: 'France',
+      frenchPolynesia: 'French Polynesia',
+      croatia: 'Croatia',
+      centralAfricanRepublic: 'Central African Republic',
+      montenegro: 'Montenegro',
+      switzerland: 'Switzerland',
+      estonia: 'Estonia',
+      ethiopia: 'Ethiopia',
+      southAfrica: 'South Africa',
+      southKorea: 'South Korea',
+      southSudan: 'South Sudan',
+      japan: 'Japan',
+      indonesia: 'Indonesia',
+      taiwan: 'Taiwan',
+      nigeria: 'Nigeria',
+      benin: 'Benin',
+      cameroon: 'Cameroon',
+      ghana: 'Ghana',
+      rwanda: 'Rwanda',
+      zambia: 'Zambia',
+      coteDIvoire: "Côte d'Ivoire",
+      uganda: 'Uganda',
+      congo: 'Republic of the Congo',
+      guinea: 'Guinea',
+      sudan: 'Sudan',
+      kenya: 'Kenya',
+      jordan: 'Jordan',
+      libya: 'Libya',
+      sweden: 'Sweden',
+      chad: 'Chad',
+      norway: 'Norway',
+      hongKong: 'Hong Kong',
+      costaRica: 'Costa Rica',
+      chile: 'Chile',
+      ecuador: 'Ecuador',
+      malaysia: 'Malaysia',
+      paraguay: 'Paraguay',
+      yemen: 'Yemen',
+      haiti: 'Haiti',
+      nicaragua: 'Nicaragua',
+      senegal: 'Senegal',
+      venezuela: 'Venezuela',
+      afghanistan: 'Afghanistan',
+      sriLanka: 'Sri Lanka',
+      vietnam: 'Vietnam',
+      thailand: 'Thailand',
+      tanzania: 'Tanzania',
+      qatar: 'Qatar',
+      palestine: 'Palestine',
+      cambodia: 'Cambodia',
+    },
+    FieldAi: {
+      regular: {
+        placeholder: 'Ask something...',
+      },
+      secret: {
+        placeholder: 'Enter password',
+        passwordTooltip: {
+          titleSuccess: 'All password requirements are met',
+          onlyLatin: 'Only Latin letters, numbers and allowed special characters',
+          minLength: 'Minimum length — 8 characters',
+          hasLetterCases: 'Minimum 1 uppercase and 1 lowercase letter',
+          hasNumber: 'Minimum 1 number',
+          hasSymbol: 'Minimum 1 special character: !, @, #, % etc.',
+          noSpaces: 'No spaces',
+        },
+        error: 'Password does not meet the requirements',
+      },
+      hint: {
+        text: 'Claudia may be wrong and recommends checking the answers',
+        tooltip: "If in doubt about Claudia's answer, you can clarify the information in ",
+        tooltipLink: 'the support chat',
+      },
+      submit: {
+        tooltip: 'Submit',
+      },
+      resetContext: {
+        label: 'Reset scenario',
+        tooltip: 'Reset context: previous messages will not be taken into account in the new conversation',
+      },
+    },
+    FieldChat: {
+      placeholder: 'New message',
+      attachFileTooltip: 'Select file',
+    },
+  },
+  Header: {
+    noDataFound: 'Nothing found',
+
+    // ЛК 2.0
+    menu: 'Menu',
+    user: 'User',
+    navigation: 'Navigation',
+    searchByServices: 'Search by service',
+    searchSettingsFuzzyChipLabel: 'Fuzzy',
+    searchSettingsPreciseChipLabel: 'Precise',
+    searchSettingsMobileModalHeader: 'Search Settings',
+
+    noData: 'No data',
+    services: 'Services',
+    manageProfile: 'Manage profile',
+    switchTheme: 'Switch theme',
+    logout: 'Logout',
+
+    favorite: 'Favorite',
+
+    themeModeLight: 'Light',
+    themeModeDark: 'Dark',
+    themeModeSystem: 'System',
+    themeModeLabel: 'Interface Theme',
+  },
+  InfoRow: {
+    booleanValueTrue: 'Yes',
+    booleanValueFalse: 'No',
+  },
+  Layout: {
+    noAccessTitle: 'Access restricted',
+    noAccessSubtitle: "You don't have rights to view this content.",
+    noAccessText: 'To gain access, contact the administrator of the organization or project',
+  },
+  MobileChips: {
+    selectedN: 'Selected: ',
+    resetAll: 'Reset All',
+    select: 'Select',
+  },
+  MobileFields: {
+    selectedN: 'Selected: ',
+    resetAll: 'Reset All',
+    select: 'Select',
+  },
+  MobileLayout: {
+    continue: 'Continue',
+    create: 'Create',
+    save: 'Save',
+    cancel: 'Cancel',
+    back: 'Back',
+    rent: 'Rent',
+    send: 'Send',
+    add: 'Add',
+    restore: 'Restore',
+  },
+  MobileToaster: {
+    closeAll: 'Close all',
+    showLess: 'Collapse',
+    showMore: 'Expand',
+  },
+  MobileToolbar: {
+    more: 'More',
+    refresh: 'Refresh',
+  },
+  ModalPredefined: {
+    title: 'Delete',
+    recallTitle: 'Withdrawal of application',
+    fieldLabel: 'To do this, enter:',
+    recallFieldLabel: 'To withdraw your request, enter:',
+    // TODO: deprecated - UIIAAS-968
+    enterName: 'Enter a name',
+    invalidName: 'Invalid name',
+    enterText: {
+      name: 'Enter a name',
+      text: 'Enter confirmation text',
+    },
+    invalidText: {
+      name: 'Invalid name',
+      text: 'Invalid confirmation text',
+    },
+    required: 'Field must be filled',
+    cancel: enTranslations.buttons.cancel,
+    delete: 'Delete',
+    recall: 'Recall',
+    whatsNew: "What's new",
+    readLater: 'Read later',
+    outOf: 'of',
+    noDataTitle: 'No news yet',
+    noDataDescription: 'Platform news will be here soon',
+    dataErrorTitle: 'Could not load data',
+    dataErrorDescription: 'Try to refresh the page',
+    dataErrorAction: 'Refresh',
+  },
+  PageLayout: {
+    PageForm: {
+      continue: enTranslations.buttons.continue,
+      create: enTranslations.buttons.create,
+      save: enTranslations.buttons.save,
+      cancel: enTranslations.buttons.cancel,
+      back: enTranslations.buttons.back,
+      rent: enTranslations.buttons.rent,
+      send: enTranslations.buttons.send,
+      restore: enTranslations.buttons.restore,
+      add: 'Add',
+    },
+    PageSidebar: {
+      backTo: 'Back to',
+      documentation: 'Documentation',
+      searchByServices: 'Search by service',
+      closeSearch: 'Close search',
+      openSearch: 'Open search',
+    },
+  },
+  PriceSummary: {
+    total: 'Total',
+    totalSumFromPrefix: 'from',
+    vat: 'including VAT',
+    pricePeriodYear: 'per year',
+    pricePeriodMonth: 'per month',
+    pricePeriodDay: 'per day',
+    pricePeriodHour: 'per hour',
+    pricePeriodMinute: 'per minute',
+    price: 'Price',
+    basePrice: 'Base price',
+    discount: 'Discount',
+    orderDetails: 'Order details',
+    docsLink: 'More about tariffs and prices',
+    dataError: 'Loading error',
+    costLink: 'More about the cost',
+  },
+  PromoTagPredefined: {
+    connecting: 'Connecting',
+    partner: 'Partner',
+    preview: 'Preview',
+    tooltipConnecting:
+      'The service is connecting and will be available soon. If it takes too long, please contact support.',
+    tooltipPartner:
+      'A vendor partner service. It is subject to unique pricing conditions, the partner defines the service and support SLA.',
+    tooltipPreviewService:
+      'The service is in the Preview stage. It cannot be increased by quota and the pricing conditions, service and support SLA do not apply.',
+    tooltipPreviewFunctional:
+      'The functionality is in the Preview stage. It is not subject to pricing conditions, service and support SLA.',
+  },
+  Quota: {
+    peace: 'pcs.',
+    gb: 'GB',
+    unlimited: 'Unlimited',
+    created: 'Created',
+    filled: 'Filled',
+    available: 'Available by quota',
+    exceeded: 'Quota exhausted',
+    increase: 'Increase',
+    noData: 'Failed to load data',
+    quotas: 'Quotas',
+  },
+  SiteHero: {
+    Main: {
+      platforms: 'Platforms',
+    },
+  },
+  SiteSection: {
+    Basic: {
+      showMore: 'Show More',
+    },
+    PersonalManager: {
+      title: 'More than regular support',
+      subtitle: 'Full support for solving your problems and achieving business results',
+      individualApproachTitle: 'Individual approach to every client',
+      individualApproachDescription:
+        'Free consultation for your project. We will answer your questions and select the best solutions.',
+      consultationButton: 'Get a consultation',
+      allDaySupportTitle: 'On call 24/7',
+      allDaySupportDescription: 'Free technical support 24/7, real people are always in touch.',
+      argumentAmountOfExperts: '1,400+ experts in IT, cybersecurity and AI',
+      argumentMethodologies: 'Proven methodologies and best practices for seamless cloud migration',
+      argumentPersonalManager: 'Personal manager to assist with your tasks',
+    },
+  },
+  Widget: {
+    Solutions: {
+      title: 'Quick start guides',
+      link: 'View all',
+    },
+    Products: {
+      title: 'Platform services',
+    },
+    dataErrorTitle: 'Could not load data',
+    dataErrorDescription: 'Try to refresh the widget',
+  },
+  Claudia: {
+    SshField: {
+      placeholder: 'Copy and paste SSH key or attach a file',
+      chatStatusAnnouncement: {
+        content: 'You have entered SSH key input mode',
+        cancel: 'Cancel',
+      },
+      dropZone: {
+        title: 'Release to upload the key',
+        description: 'Private part of SSH key (without .pub)',
+      },
+      attachFileTooltip: 'Attach file',
+      submitButtonTooltip: 'Send',
+      errors: {
+        emptyFile: 'File is empty',
+        binaryData: 'File contains binary data, not a text SSH key',
+        invalidSSHKey:
+          'File does not contain a valid SSH key. Supported: RSA, DSA, ECDSA, Ed25519 keys and certificates',
+        invalidFileExtension: 'Invalid file extension',
+        fileTooLarge: 'File is too large',
+        readError: 'Failed to read file',
+        unknownError: 'An unknown error occurred',
+      },
+    },
+  },
+} satisfies Dictionary;

package/src/locales/index.ts

@@ -0,0 +1,13 @@
+import { ExtendedDictionary, OverrideLocales } from '@snack-uikit/locale';
+
+import { en_GB } from './en_GB';
+import { ru_RU } from './ru_RU';
+
+type ExtensionDictionary = typeof en_GB;
+
+export const UIKIT_PRODUCT_LOCALES: ExtendedDictionary<ExtensionDictionary> = {
+  'en-GB': en_GB,
+  'ru-RU': ru_RU,
+} as const;
+
+export type OverrideUiKitProductLocales = OverrideLocales<ExtensionDictionary>;

package/src/locales/resolveCommonTranslations.ts

@@ -0,0 +1,25 @@
+import { commonTranslations, I18N_NS } from '@cloud-ru/common-translations';
+
+import { DeepPartial, getTranslationResolver } from '../helpers';
+import { en_GB } from './en_GB';
+
+export const resolveCommonTranslations = getTranslationResolver(
+  {
+    PageLayout: {
+      PageForm: {
+        continue: commonTranslations.buttons.continue,
+        create: commonTranslations.buttons.create,
+        save: commonTranslations.buttons.save,
+        cancel: commonTranslations.buttons.cancel,
+        back: commonTranslations.buttons.back,
+        rent: commonTranslations.buttons.rent,
+        send: commonTranslations.buttons.send,
+        restore: commonTranslations.buttons.restore,
+      },
+    },
+    ModalPredefined: {
+      cancel: commonTranslations.buttons.cancel,
+    },
+  } as const satisfies DeepPartial<typeof en_GB>,
+  I18N_NS,
+);