@bigbinary/neeto-commons-frontend 4.14.0 → 4.14.1

package/react-utils.d.ts

@@ -9,10 +9,12 @@ import { DefaultNamespace } from "react-i18next/TransWithoutContext";
 import { qsOptionsType, QueryParamsType } from "./utils";
 import { QueryFilters } from "react-query/types/core/utils";
 import BrowserSupport from "@bigbinary/neeto-molecules/types/BrowserSupport";
+import { Config } from "@honeybadger-io/core/build/src/types";
 type HoneybadgerErrorBoundaryPropsType = {
   ErrorComponent?: ReactNode | ComponentType | ElementType;
   filterErrors?: (error: Notice) => boolean;
   children?: ReactNode;
+  config?: Partial<Config>;
 };
 type BrowserSupportPropsType = React.ComponentProps<typeof BrowserSupport>;
 /**
@@ -58,6 +60,21 @@ type BrowserSupportPropsType = React.ComponentProps<typeof BrowserSupport>;
  *
  * false if not.
  *
+ * config is an optional object that allows overriding preset configuration
+ *
+ * options for the apps that require it. For example, the code below disables
+ *
+ * Honeybadger event collection.
+ *
+ * @example 
+ *
+ * <HoneybadgerErrorBoundary
+ *   ErrorComponent={ErrorComponent}
+ *   config={{ breadcrumbsEnabled: false }}
+ * >
+ *   <Main />
+ * </HoneybadgerErrorBoundary>
+ * @endexample
 */
 export const HoneybadgerErrorBoundary: React.FC<HoneybadgerErrorBoundaryPropsType>;
 /**
@@ -83,7 +100,15 @@ export const QueryClientProvider: React.FC<{
 }>;
 /**
  *
- * The AppContainer component serves as a wrapper around your main application components,it includes error handling with HoneybadgerErrorBoundary, browser support detection with BrowserSupport, client-side routing with BrowserRouter, query management with QueryClientProvider, and development tools with ReactQueryDevtools.
+ * The AppContainer component serves as a wrapper around your main application
+ *
+ * components,it includes error handling with HoneybadgerErrorBoundary, browser
+ *
+ * support detection with BrowserSupport, client-side routing with
+ *
+ * BrowserRouter, query management with QueryClientProvider, and development
+ *
+ * tools with ReactQueryDevtools.
  *
  * @example 
  *
@@ -93,12 +118,13 @@ export const QueryClientProvider: React.FC<{
  *   <AppContainer
  *     honeybadgerErrorBoundaryProps={{
  *       ErrorComponent: FallbackErrorComponent,
- *       filterErrors: (notice) => !/IgnorableError/.test(notice.message),
+ *       filterErrors: notice => !/IgnorableError/.test(notice.message),
  *     }}
  *     browserSupportProps={{
  *       checkOnMount: true,
  *       unsupportedBrowserComponent: UnsupportedBrowserComponent,
  *     }}
+ *     enableReactQueryDevtools
  *     reactQueryDevtoolsProps={{
  *       initialIsOpen: true,
  *       position: "bottom-right",
@@ -155,6 +181,7 @@ export function PrivateRoute(props: {
   redirectRoute?: string;
   errorPage?: React.ReactNode;
   permissions?: string[];
+  homeUrl?: string;
 } & RouteProps): JSX.Element;
 type OptionsType = {
   root?: Element | null;
@@ -180,6 +207,69 @@ type OptionsType = {
 export const PageTitle: React.FC<{
   title?: string;
 }>;
+/**
+ *
+ * A banner for developer-only affordances such as "fill in sample records"
+ *
+ * links. It renders its children inside a dashed "Only in Development (OID)."
+ *
+ * block, and renders nothing at all outside development, so wrapping a block in
+ *
+ * it is the only guard a caller needs.
+ *
+ * Development is established by two independent signals, both of which must
+ *
+ * agree: the build-time RAILS_ENV the host app was bundled with, and the
+ *
+ * runtime railsEnv the host's server reports in the shared client props
+ *
+ * (NeetoCommonsBackend::ClientPropsHelper#common_props). A server that sends no
+ *
+ * environment reads as "not development".
+ *
+ * Note: This is a render-time guard, not a code-stripping transformation.
+ *
+ * Whatever is wrapped still ships in the host's production bundle; it just never
+ *
+ * renders there, and anyone who opens the bundle can read it. Put fixtures and
+ *
+ * shortcuts inside it, never a credential, an internal endpoint, or an unreleased
+ *
+ * feature's copy.
+ *
+ * @example 
+ *
+ * import { Button } from "@bigbinary/neetoui";
+ * import { OnlyInDevelopment } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const AddSigners = ({ setFieldValue }) => (
+ *   <>
+ *     <OnlyInDevelopment>
+ *       <Button
+ *         label="Add sample records: two signers"
+ *         style="link"
+ *         onClick={() => setFieldValue("signers", SAMPLE_SIGNERS)}
+ *       />
+ *     </OnlyInDevelopment>
+ *     <SignerList />
+ *   </>
+ * );
+ * @endexample
+ * The title and description can be replaced when the default copy does not fit:
+ *
+ * @example 
+ *
+ * <OnlyInDevelopment
+ *   description="NeetoAuth is not running on port 9000, so client apps cannot be listed."
+ *   title="Only in Development (OID): NeetoAuth is unreachable."
+ * />
+ * @endexample
+*/
+export const OnlyInDevelopment: React.FC<{
+  title?: string;
+  description?: string;
+  children?: ReactNode;
+}>;
 /**
  *
  * The useIsElementVisibleInDom hook is a utility that allows you to determine
@@ -501,6 +591,71 @@ export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (e
  *
 */
 export function usePrevious<T>(value: T): T;
+/**
+ *
+ * The usePrefersReducedMotion hook is a utility that detects whether the user has
+ *
+ * preferred reduced motion enabled in their system settings. This is particularly
+ *
+ * useful for creating accessible user interfaces that respect user preferences for
+ *
+ * motion and animations. The hook listens to changes in the user's motion
+ *
+ * preferences and updates accordingly.
+ *
+ * This hook uses the CSS media query (prefers-reduced-motion: no-preference) to
+ *
+ * determine if the user prefers reduced motion. When the user has reduced motion
+ *
+ * enabled, the media query will not match, and the hook will return true.
+ *
+ * This hook does not accept any arguments.
+ *
+ * The following code snippet demonstrates the usage of usePrefersReducedMotion to
+ *
+ * conditionally apply animations based on user preferences.
+ *
+ * @example 
+ *
+ * import { usePrefersReducedMotion } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const MyComponent = () => {
+ *   const prefersReducedMotion = usePrefersReducedMotion();
+ * 
+ *   return (
+ *     <div
+ *       className={prefersReducedMotion ? "static" : "animate-fade-in"}
+ *     >
+ *       Content that respects motion preferences
+ *     </div>
+ *   );
+ * };
+ * @endexample
+ * You can also use this hook to conditionally render animation libraries or
+ *
+ * components:
+ *
+ * @example 
+ *
+ * import { usePrefersReducedMotion } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * import { motion } from "framer-motion";
+ * 
+ * const AnimatedComponent = ({ children }) => {
+ *   const prefersReducedMotion = usePrefersReducedMotion();
+ * 
+ *   return (
+ *     <motion.div
+ *       initial={{ opacity: 0 }}
+ *       animate={{ opacity: 1 }}
+ *       transition={{ duration: prefersReducedMotion ? 0 : 0.5 }}
+ *     >
+ *       {children}
+ *     </motion.div>
+ *   );
+ * };
+ * @endexample
+*/
+export function usePrefersReducedMotion(): boolean;
 /**
  *
  * The useUpdateEffect hook is a variation of the standard useEffect hook in
@@ -1698,7 +1853,7 @@ type QueryKeyOrFilters = QueryKey | QueryFilters;
 */
 export function useMutationWithInvalidation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(mutationFn: MutationFunction<TData, TVariables>, options: {
   keysToInvalidate: Array<QueryKeyOrFilters | ((data: TData, variables: TVariables, context: TContext | undefined) => QueryKeyOrFilters)>;
-} & Omit<UseMutationOptions<TData, TError, TVariables, TContext>, 'mutationFn'>): UseMutationResult<TData, TError, TVariables, TContext>;
+} & Omit<UseMutationOptions<TData, TError, TVariables, TContext>, "mutationFn">): UseMutationResult<TData, TError, TVariables, TContext>;
 /**
  *
  * The useQueryParams hook can be used to retrieve the query parameters whenever
@@ -1727,7 +1882,7 @@ export function useMutationWithInvalidation<TData = unknown, TError = unknown, T
  * @endexample
 */
 export function useQueryParams(options?: qsOptionsType): QueryParamsType;
-type BreakpointKeys = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
+type BreakpointKeys = "mobile" | "tablet" | "desktop" | "largeDesktop";
 type Breakpoints = { [key in BreakpointKeys]: boolean };
 /**
  *
@@ -1795,4 +1950,160 @@ type Breakpoints = { [key in BreakpointKeys]: boolean };
 export function useBreakpoints<T extends {}>(breakpointOverrides?: (window: Window) => Partial<T & Breakpoints>): {
   currentSize: BreakpointKeys | keyof T;
   isSize: (size: BreakpointKeys | keyof T) => boolean;
-};
+};
+/**
+ *
+ * The useColumnConfig hook is used to manage attributes of table columns and
+ *
+ * their updates. This hook provides functionality to fetch, merge, and persist
+ *
+ * column configurations for data tables. The changes made to column configurations
+ *
+ * are automatically saved to the database, ensuring that user preferences for
+ *
+ * table layouts are preserved across sessions.
+ *
+ * The hook handles merging default column data with user-saved configurations.
+ *
+ * This hook returns an object with the following properties:
+ *
+ * The following code snippet demonstrates how to use useColumnConfig in a table
+ *
+ * component:
+ *
+ * @example 
+ *
+ * import { useColumnConfig } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const defaultColumns = [
+ *   { key: "name", isShown: true, description: "User Name" },
+ *   { key: "email", isShown: true, description: "Email Address" },
+ *   { key: "created_at", isShown: false, description: "Created Date" },
+ *   { key: "updated_at", isShown: false, description: "Last Updated" },
+ * ];
+ * 
+ * const MyTable = () => {
+ *   const { columnData, onUpdateColumns } = useColumnConfig({
+ *     tableKey: "users_table",
+ *     defaultColumnData: defaultColumns,
+ *   });
+ * 
+ *   const handleColumnToggle = columnKey => {
+ *     onUpdateColumns(columns =>
+ *       columns.map(column =>
+ *         column.key === columnKey
+ *           ? { ...column, isShown: !column.isShown }
+ *           : column
+ *       )
+ *     );
+ *   };
+ * 
+ *   const handleColumnReorder = newColumnOrder => {
+ *     onUpdateColumns(newColumnOrder);
+ *   };
+ * 
+ *   return (
+ *     <div>
+ *       {columnData.map(column => (
+ *         <div key={column.key}>
+ *           <label>
+ *             <input
+ *               type="checkbox"
+ *               checked={column.isShown}
+ *               onChange={() => handleColumnToggle(column.key)}
+ *             />
+ *             {column.description}
+ *           </label>
+ *         </div>
+ *       ))}
+ *     </div>
+ *   );
+ * };
+ * @endexample
+ * Each column object in the configuration can contain the following properties:
+ *
+ * Currently, only these properties are persisted to the database
+ *
+*/
+export function useColumnConfig<ColumnData>({
+  tableKey,
+  defaultColumnData
+}: {
+  tableKey: string;
+  defaultColumnData: ColumnData[];
+}): {
+  columnData: ColumnData[];
+  onUpdateColumns: (columnsOrCallback: ColumnData[] | ((columnData: ColumnData[]) => ColumnData[])) => void;
+};
+/**
+ *
+ * The lazyWithRetry function is a utility that helps you lazy load a component
+ *
+ * with retry functionality. It is useful when you want to load a component that
+ *
+ * may fail to load due to various reasons and you want to retry loading the
+ *
+ * component multiple times before giving up.
+ *
+ * @example 
+ *
+ * import { lazyWithRetry } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * @endexample
+ * @example 
+ *
+ * // With moduleName
+ * const LazyComponent = lazyWithRetry(
+ *   () => import("./LazyComponent"),
+ *   "LazyComponent"
+ * );
+ * 
+ * // Without moduleName (automatically extracted)
+ * const LazyComponent = lazyWithRetry(() => import("./LazyComponent"));
+ * @endexample
+*/
+export function lazyWithRetry(importFn: () => Promise<{
+  default: React.ComponentType<any>;
+}>, moduleName?: string, retriesLeft?: number, delay?: number): React.LazyExoticComponent<React.ComponentType<any>>;
+/**
+ *
+ * The mount function is a utility that dynamically mounts React components to
+ *
+ * DOM elements based on data attributes. It searches for elements with the
+ *
+ * data-react-class attribute and automatically imports and renders the
+ *
+ * corresponding React component with optional props.
+ *
+ * @example 
+ *
+ * import mount from "@bigbinary/neeto-commons-frontend/react-utils/mount";
+ * 
+ * // Define your component mappings
+ * const componentMap = {
+ *   MyComponent: () => import("./components/MyComponent"),
+ *   AnotherComponent: () => import("./components/AnotherComponent"),
+ * };
+ * 
+ * // Call mount with the component mappings
+ * mount(componentMap);
+ * @endexample
+ * In your HTML, you would have elements like:
+ *
+ * @example 
+ *
+ * <div
+ *   data-react-class="MyComponent"
+ *   data-react-props='{"name": "John", "age": 30}'
+ * />
+ * <div data-react-class="AnotherComponent" />
+ * @endexample
+ * The mount function will:
+ *
+ * If a component fails to load, it will be retried using the retryImport utility
+ *
+ * with automatic retry logic.
+ *
+*/
+export function mount(componentMap: Record<string, () => Promise<{
+  default: React.ComponentType<any>;
+} | React.ComponentType<any>>>): void;

package/src/translations/ar.json

@@ -0,0 +1,116 @@
+{
+  "generic": {
+    "error": "حدث خطأ ما. يرجى المحاولة مرة أخرى لاحقًا."
+  },
+  "authentication": {
+    "notLoggedIn": "لم يتمكن من المصادقة، يرجى تسجيل الدخول للمتابعة!",
+    "couldNotAuth": "لم يتمكن من المصادقة مع {{parameter}} المقدم.",
+    "incorrectPassword": "كلمة المرور الحالية غير صحيحة. يرجى المحاولة مرة أخرى.",
+    "incorrectEmailPassword": "البريد الإلكتروني أو كلمة المرور غير صحيحة. يرجى المحاولة مرة أخرى."
+  },
+  "authorization": {
+    "unauthorized": "أنت غير مخول لأداء هذا الإجراء."
+  },
+  "resource": {
+    "add_one": "{{entity}} تمت إضافته بنجاح.",
+    "add_other": "{{entity}} تمت إضافتها بنجاح.",
+    "save": "{{entity}} تم حفظه بنجاح.",
+    "save_one": "{{entity}} تم حفظه بنجاح.",
+    "save_other": "{{entity}} تمت حفظها بنجاح.",
+    "update": "{{entity}} تم تحديثه بنجاح.",
+    "update_one": "{{entity}} تم تحديثه بنجاح.",
+    "update_other": "{{entity}} تمت تحديثها بنجاح.",
+    "delete_one": "{{entity}} تم حذفه بنجاح.",
+    "delete_other": "{{entity}} تمت إزالته بنجاح.",
+    "clone": "{{entity}} تم نسخه بنجاح.",
+    "notFound": "{{entity}} غير موجود.",
+    "remove_one": "{{entity}} تم إزالته بنجاح.",
+    "remove_other": "{{entity}} تمت إزالتها بنجاح.",
+    "sent": "{{entity}} تم إرساله بنجاح.",
+    "merged": "{{entity}} تم دمجه بنجاح.",
+    "disconnected": "{{entity}} تم فصله بنجاح."
+  },
+  "otp": {
+    "sent": "تم إرسال OTP بنجاح.",
+    "invalid": "OTP غير صالح",
+    "verified": "تم التحقق من OTP بنجاح."
+  },
+  "upload": {
+    "error": "حدث خطأ أثناء تحميل الملف"
+  },
+  "image": {
+    "profile": {
+      "removalFailed": "فشل في إزالة صورة الملف الشخصي",
+      "removalSuccess": "تمت إزالة صورة الملف الشخصي بنجاح"
+    },
+    "contentTypeInvalid": "أنواع الملفات المدعومة هي jpg، png، svg فقط",
+    "sizeOutOfRange": "يجب ألا يتجاوز {{maxSize, number}} ميجابايت"
+  },
+  "userRole": {
+    "deactivateActiveAdmin": "لا يمكنك إلغاء تنشيط المسؤول النشط من مساحة العمل!"
+  },
+  "activeRecord": {
+    "error": {
+      "blankName": "لا يمكن أن يكون الاسم فارغًا",
+      "blankDescription": "لا يمكن أن تكون الوصف فارغًا",
+      "blankValue": "لا يمكن أن تكون القيمة فارغة",
+      "prefixType": "نوع البادئة {{value}} غير صالح",
+      "minimumEntryLimit": "يجب أن تكون الحد الأدنى لعدد الإدخالات أقل من أو يساوي {{maximumEntryLimit, number}}",
+      "maximumEntryLimit": "يجب أن تكون الحد الأقصى لعدد الإدخالات أكبر من أو يساوي {{minimumEntryLimit, number}}"
+    }
+  },
+  "sessions": {
+    "expiry": "انتهت صلاحية جلستك. يرجى تسجيل الدخول مرة أخرى."
+  },
+  "payment": {
+    "error": {
+      "incomplete": "لم يتمكن من إكمال الدفع"
+    }
+  },
+  "invitations": {
+    "deleted_one": "تم حذف الدعوة بنجاح",
+    "deleted_other": "{{count, number}} دعوات تم حذفها بنجاح",
+    "sent_one": "تم إرسال الدعوة بنجاح",
+    "sent_other": "{{count, number}} دعوات تم إرسالها بنجاح",
+    "notFound": "{{email}} لم يتم دعوتها لاختبار هذا الموقع."
+  },
+  "github": {
+    "error": {
+      "webhookPermissionDenied": "تم رفض الإذن. تأكد من أنك تمتلك الإذن لإنشاء webhooks للمستودع.",
+      "primaryNonDeletable": "لا يمكن حذف حساب GitHub الأساسي."
+    }
+  },
+  "neetoCommons": {
+    "fallbackComponent": {
+      "somethingWentWrong": "عذرًا، حدث خطأ ما.",
+      "description": "يرجى محاولة <reloading>إعادة تحميل</reloading> الصفحة.<br> إذا استمرت المشكلة، يرجى <contactus>الاتصال بنا</contactus>."
+    },
+    "toastr": {
+      "success": {
+        "copiedToClipboard": "تم النسخ إلى الحافظة!"
+      },
+      "error": {
+        "networkError": "خطأ في الشبكة. يرجى التحقق من اتصالك والمحاولة مرة أخرى.",
+        "noInternetConnection": "لا يوجد اتصال بالإنترنت."
+      }
+    },
+    "notice": {
+      "errorOccurred": "حدث خطأ ما."
+    },
+    "validators": {
+      "isRequired": "{{what}} مطلوب.",
+      "mustNotContainCapitalLetters": "{{what}} يجب ألا يحتوي على أحرف كبيرة.",
+      "mustNotContainSpaces": "{{what}} يجب ألا يحتوي على مسافات.",
+      "mustNotContainSpecialCharactersExceptHyphen": "{{what}} يجب ألا يحتوي على أي أحرف خاصة، باستثناء '-'",
+      "mustNotStartOrEndWithSpecialCharacters": "{{what}} يجب ألا يبدأ أو ينتهي بأحرف خاصة."
+    },
+    "copyToClipboard": {
+      "failed": "فشل في النسخ إلى الحافظة"
+    },
+    "globalSearch": {
+      "unknownDate": "تاريخ غير معروف",
+      "today": "اليوم",
+      "yesterday": "أمس"
+    }
+  }
+}

package/src/translations/bg.json

@@ -0,0 +1,116 @@
+{
+  "generic": {
+    "error": "Нещо се обърка. Моля, опитайте отново по-късно."
+  },
+  "authentication": {
+    "notLoggedIn": "Не може да се удостоверите, моля влезте, за да продължите!",
+    "couldNotAuth": "Не можа да се удостовери с предоставения {{parameter}}.",
+    "incorrectPassword": "Текущата парола е неправилна. Моля, опитайте отново.",
+    "incorrectEmailPassword": "Неправилен имейл или парола. Моля, опитайте отново."
+  },
+  "authorization": {
+    "unauthorized": "Нямате право да извършвате това действие."
+  },
+  "resource": {
+    "add_one": "{{entity}} беше добавен успешно.",
+    "add_other": "{{entity}} бяха добавени успешно.",
+    "save": "{{entity}} беше запазен успешно.",
+    "save_one": "{{entity}} беше запазен успешно.",
+    "save_other": "{{entity}} бяха запазени успешно.",
+    "update": "{{entity}} беше актуализиран успешно.",
+    "update_one": "{{entity}} беше актуализиран успешно.",
+    "update_other": "{{entity}} бяха актуализирани успешно.",
+    "delete_one": "{{entity}} беше изтрит успешно.",
+    "delete_other": "{{entity}} бяха изтрити успешно.",
+    "clone": "{{entity}} беше клониран успешно.",
+    "notFound": "{{entity}} не съществува.",
+    "remove_one": "{{entity}} беше премахнат успешно.",
+    "remove_other": "{{entity}} бяха премахнати успешно.",
+    "sent": "{{entity}} изпратен успешно.",
+    "merged": "{{entity}} бяха успешно свързани.",
+    "disconnected": "{{entity}} беше успешно разединен."
+  },
+  "otp": {
+    "sent": "OTP беше изпратен успешно.",
+    "invalid": "Невалиден OTP",
+    "verified": "OTP беше успешно проверен."
+  },
+  "upload": {
+    "error": "Възникна грешка при качването на файла"
+  },
+  "image": {
+    "profile": {
+      "removalFailed": "Неуспешно премахване на снимката на профила",
+      "removalSuccess": "Снимката на профила е успешно премахната"
+    },
+    "contentTypeInvalid": "Други от jpg, png, svg не са поддържани",
+    "sizeOutOfRange": "Не трябва да е повече от {{maxSize, number}} MB"
+  },
+  "userRole": {
+    "deactivateActiveAdmin": "Не можете да деактивирате активен администратор от работното пространство!"
+  },
+  "activeRecord": {
+    "error": {
+      "blankName": "Името не може да бъде празно",
+      "blankDescription": "Описание не може да бъде празно",
+      "blankValue": "Стойността не може да бъде празна",
+      "prefixType": "Типът на префикса {{value}} не е валиден",
+      "minimumEntryLimit": "Минималният лимит за запис трябва да бъде по-малък или равен на {{maximumEntryLimit, number}}",
+      "maximumEntryLimit": "Максималният лимит за запис трябва да бъде по-голям или равен на {{minimumEntryLimit, number}}"
+    }
+  },
+  "sessions": {
+    "expiry": "Вашата сесия е изтекла. Моля, влезте отново."
+  },
+  "payment": {
+    "error": {
+      "incomplete": "Вашето плащане не можа да бъде завършено"
+    }
+  },
+  "invitations": {
+    "deleted_one": "Поканата беше изтрита успешно",
+    "deleted_other": "{{count, number}} покани бяха изтрити успешно",
+    "sent_one": "Поканата беше изпратена успешно",
+    "sent_other": "{{count, number}} покани бяха изпратени успешно",
+    "notFound": "{{email}} не е бил поканен да тества този уебсайт."
+  },
+  "github": {
+    "error": {
+      "webhookPermissionDenied": "Достъпът е отказан. Уверете се, че имате право да създавате уебхукове за хранилището.",
+      "primaryNonDeletable": "Основната Github сметка не може да бъде изтрита."
+    }
+  },
+  "neetoCommons": {
+    "fallbackComponent": {
+      "somethingWentWrong": "Съжалявам, нещо се обърка.",
+      "description": "Моля, опитайте да <reloading>презаредите</reloading> страницата.<br> Ако проблемът продължи, <contactus>свържете се с нас</contactus>."
+    },
+    "toastr": {
+      "success": {
+        "copiedToClipboard": "Копирано в клипборда!"
+      },
+      "error": {
+        "networkError": "Грешка в мрежата. Моля, проверете връзката си и опитайте отново.",
+        "noInternetConnection": "Няма интернет връзка."
+      }
+    },
+    "notice": {
+      "errorOccurred": "Възникна грешка."
+    },
+    "validators": {
+      "isRequired": "{{what}} е задължително.",
+      "mustNotContainCapitalLetters": "{{what}} не трябва да съдържа главни букви.",
+      "mustNotContainSpaces": "{{what}} не трябва да съдържа интервали.",
+      "mustNotContainSpecialCharactersExceptHyphen": "{{what}} не трябва да съдържа специални символи, с изключение на '-'",
+      "mustNotStartOrEndWithSpecialCharacters": "{{what}} не трябва да започва или завършва със специални символи."
+    },
+    "copyToClipboard": {
+      "failed": "Неуспешно копиране в клипборда"
+    },
+    "globalSearch": {
+      "unknownDate": "Неизвестна дата",
+      "today": "Днес",
+      "yesterday": "Вчера"
+    }
+  }
+}