@bigbinary/neeto-commons-frontend 4.13.93 → 4.13.94-beta.1

package/dist/react-utils/mount/mount.js

@@ -8,76 +8,75 @@ import '../../_commonjsHelpers-BFTU3MAI.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function mount(components) {
-  var run = function run() {
-    var mountPoints = document.querySelectorAll("[data-react-class]");
-    Array.from(mountPoints).forEach(/*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(element) {
-        var _element$dataset;
-        var _ref2, reactClass, reactProps, importFn, props, module, Component, root;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(((_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.mounted) === "true")) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _ref2 = element.dataset || {}, reactClass = _ref2.reactClass, reactProps = _ref2.reactProps;
-              if (reactClass) {
-                _context.next = 5;
-                break;
-              }
-              return _context.abrupt("return");
-            case 5:
-              importFn = components[reactClass];
-              if (importFn) {
-                _context.next = 9;
-                break;
-              }
-              console.warn("WARNING: No component found for:", reactClass, components);
-              return _context.abrupt("return");
-            case 9:
-              props = {};
-              if (reactProps) {
-                try {
-                  props = JSON.parse(reactProps);
-                } catch (_unused) {
-                  console.error("Invalid JSON in data-react-props:", reactProps);
-                }
-              }
-              _context.prev = 11;
-              _context.next = 14;
-              return _retryImport(importFn);
-            case 14:
-              module = _context.sent;
-              Component = module["default"] || module;
-              root = ReactDOM.createRoot(element);
-              root.render(/*#__PURE__*/jsx(Component, _objectSpread({}, props)));
-              if (element.dataset) element.dataset.mounted = "true";
-              _context.next = 24;
-              break;
-            case 21:
-              _context.prev = 21;
-              _context.t0 = _context["catch"](11);
-              console.error("Failed to load component \"".concat(reactClass, "\""), _context.t0);
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[11, 21]]);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-  };
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", run);
-  } else {
-    run();
+var jsonParse = function jsonParse(value) {
+  if (typeof value !== "string") return {};
+  try {
+    return JSON.parse(value);
+  } catch (_unused) {
+    return {};
   }
+};
+function mount(_x) {
+  return _mount.apply(this, arguments);
+}
+function _mount() {
+  _mount = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(componentMap) {
+    var _element$dataset;
+    var element, _ref, reactClass, reactProps, importFn, props, module, Component, root;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          element = document.querySelector("[data-react-class]");
+          if (element) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
+          if (!(((_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.mounted) === "true")) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return");
+        case 5:
+          _ref = element.dataset || {}, reactClass = _ref.reactClass, reactProps = _ref.reactProps;
+          if (reactClass) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return");
+        case 8:
+          importFn = componentMap[reactClass];
+          if (importFn) {
+            _context.next = 12;
+            break;
+          }
+          console.warn("WARNING: No component found for:", reactClass, componentMap);
+          return _context.abrupt("return");
+        case 12:
+          props = jsonParse(reactProps);
+          _context.prev = 13;
+          _context.next = 16;
+          return _retryImport(importFn);
+        case 16:
+          module = _context.sent;
+          Component = module["default"] || module;
+          root = ReactDOM.createRoot(element);
+          root.render(/*#__PURE__*/jsx(Component, _objectSpread({}, props)));
+          if (element.dataset) element.dataset.mounted = "true";
+          _context.next = 26;
+          break;
+        case 23:
+          _context.prev = 23;
+          _context.t0 = _context["catch"](13);
+          console.error("Failed to load component \"".concat(reactClass, "\""), _context.t0);
+        case 26:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[13, 23]]);
+  }));
+  return _mount.apply(this, arguments);
 }
 
 export { mount as default };

package/dist/react-utils/mount/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sources":["../../../src/react-utils/mount/mount.jsx"],"sourcesContent":["/* eslint-disable no-console */\nimport ReactDOM from \"react-dom/client\";\nimport retryImport from \"utils/retryImport\";\n\nexport default function mount(components) {\n  const run = () => {\n    const mountPoints = document.querySelectorAll(\"[data-react-class]\");\n\n    Array.from(mountPoints).forEach(async element => {\n      if (element.dataset?.mounted === \"true\") return;\n\n      const { reactClass, reactProps } = element.dataset || {};\n\n      if (!reactClass) return;\n\n      const importFn = components[reactClass];\n\n      if (!importFn) {\n        console.warn(\n          \"WARNING: No component found for:\",\n          reactClass,\n          components\n        );\n\n        return;\n      }\n\n      let props = {};\n      if (reactProps) {\n        try {\n          props = JSON.parse(reactProps);\n        } catch {\n          console.error(\"Invalid JSON in data-react-props:\", reactProps);\n        }\n      }\n\n      try {\n        const module = await retryImport(importFn);\n        const Component = module.default || module;\n\n        const root = ReactDOM.createRoot(element);\n        root.render(<Component {...props} />);\n\n        if (element.dataset) element.dataset.mounted = \"true\";\n      } catch (error) {\n        console.error(`Failed to load component \"${reactClass}\"`, error);\n      }\n    });\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", run);\n  } else {\n    run();\n  }\n}\n"],"names":["mount","components","run","mountPoints","document","querySelectorAll","Array","from","forEach","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","element","_element$dataset","_ref2","reactClass","reactProps","importFn","props","module","Component","root","wrap","_callee$","_context","prev","next","dataset","mounted","abrupt","console","warn","JSON","parse","_unused","error","retryImport","sent","ReactDOM","createRoot","render","_jsx","_objectSpread","t0","concat","stop","_x","apply","arguments","readyState","addEventListener"],"mappings":"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"}
+{"version":3,"file":"mount.js","sources":["../../../src/react-utils/mount/mount.jsx"],"sourcesContent":["/* eslint-disable no-console */\nimport ReactDOM from \"react-dom/client\";\nimport retryImport from \"utils/retryImport\";\n\nconst jsonParse = value => {\n  if (typeof value !== \"string\") return {};\n\n  try {\n    return JSON.parse(value);\n  } catch {\n    return {};\n  }\n};\n\nexport default async function mount(componentMap) {\n  const element = document.querySelector(\"[data-react-class]\");\n  if (!element) return;\n\n  if (element.dataset?.mounted === \"true\") return;\n\n  const { reactClass, reactProps } = element.dataset || {};\n  if (!reactClass) return;\n\n  const importFn = componentMap[reactClass];\n\n  if (!importFn) {\n    console.warn(\"WARNING: No component found for:\", reactClass, componentMap);\n\n    return;\n  }\n\n  const props = jsonParse(reactProps);\n\n  try {\n    const module = await retryImport(importFn);\n    const Component = module.default || module;\n\n    const root = ReactDOM.createRoot(element);\n    root.render(<Component {...props} />);\n\n    if (element.dataset) element.dataset.mounted = \"true\";\n  } catch (error) {\n    console.error(`Failed to load component \"${reactClass}\"`, error);\n  }\n}\n"],"names":["jsonParse","value","JSON","parse","_unused","mount","_x","_mount","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","componentMap","_element$dataset","element","_ref","reactClass","reactProps","importFn","props","module","Component","root","wrap","_callee$","_context","prev","next","document","querySelector","abrupt","dataset","mounted","console","warn","retryImport","sent","ReactDOM","createRoot","render","_jsx","_objectSpread","t0","error","concat","stop"],"mappings":"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"}

package/dist/react-utils/usePrefersReducedMotion/constants.js

@@ -0,0 +1,4 @@
+var QUERY = "(prefers-reduced-motion: no-preference)";
+
+export { QUERY };
+//# sourceMappingURL=constants.js.map

package/dist/react-utils/usePrefersReducedMotion/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/react-utils/usePrefersReducedMotion/constants.js"],"sourcesContent":["export const QUERY = \"(prefers-reduced-motion: no-preference)\";\n"],"names":["QUERY"],"mappings":"AAAO,IAAMA,KAAK,GAAG;;;;"}

package/dist/react-utils/usePrefersReducedMotion/index.js

@@ -0,0 +1,6 @@
+export { default } from './usePrefersReducedMotion.js';
+import '../../slicedToArray-DmsZvA_9.js';
+import '../../unsupportedIterableToArray-Dqz8Y8_I.js';
+import 'react';
+import './constants.js';
+//# sourceMappingURL=index.js.map

package/dist/react-utils/usePrefersReducedMotion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js

@@ -0,0 +1,44 @@
+import { _ as _slicedToArray } from '../../slicedToArray-DmsZvA_9.js';
+import { useState, useEffect } from 'react';
+import { QUERY } from './constants.js';
+import '../../unsupportedIterableToArray-Dqz8Y8_I.js';
+
+var isRenderingOnServer = typeof window === "undefined";
+var getInitialState = function getInitialState() {
+  return (
+    // For our initial server render, we won't know if the user
+    // prefers reduced motion, but it doesn't matter. This value
+    // will be overwritten on the client, before any animations
+    // occur.
+    isRenderingOnServer ? true : !window.matchMedia(QUERY).matches
+  );
+};
+var usePrefersReducedMotion = function usePrefersReducedMotion() {
+  var _useState = useState(getInitialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    prefersReducedMotion = _useState2[0],
+    setPrefersReducedMotion = _useState2[1];
+  useEffect(function () {
+    if (isRenderingOnServer) return undefined;
+    var mediaQueryList = window.matchMedia(QUERY);
+    var listener = function listener(event) {
+      setPrefersReducedMotion(!event.matches);
+    };
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener("change", listener);
+    } else {
+      mediaQueryList.addListener(listener);
+    }
+    return function () {
+      if (mediaQueryList.removeEventListener) {
+        mediaQueryList.removeEventListener("change", listener);
+      } else {
+        mediaQueryList.removeListener(listener);
+      }
+    };
+  }, []);
+  return prefersReducedMotion;
+};
+
+export { usePrefersReducedMotion as default };
+//# sourceMappingURL=usePrefersReducedMotion.js.map

package/dist/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefersReducedMotion.js","sources":["../../../src/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nimport { QUERY } from \"./constants\";\n\nconst isRenderingOnServer = typeof window === \"undefined\";\n\nconst getInitialState = () =>\n  // For our initial server render, we won't know if the user\n  // prefers reduced motion, but it doesn't matter. This value\n  // will be overwritten on the client, before any animations\n  // occur.\n  isRenderingOnServer ? true : !window.matchMedia(QUERY).matches;\n\nconst usePrefersReducedMotion = () => {\n  const [prefersReducedMotion, setPrefersReducedMotion] =\n    useState(getInitialState);\n\n  useEffect(() => {\n    if (isRenderingOnServer) return undefined;\n\n    const mediaQueryList = window.matchMedia(QUERY);\n\n    const listener = event => {\n      setPrefersReducedMotion(!event.matches);\n    };\n\n    if (mediaQueryList.addEventListener) {\n      mediaQueryList.addEventListener(\"change\", listener);\n    } else {\n      mediaQueryList.addListener(listener);\n    }\n\n    return () => {\n      if (mediaQueryList.removeEventListener) {\n        mediaQueryList.removeEventListener(\"change\", listener);\n      } else {\n        mediaQueryList.removeListener(listener);\n      }\n    };\n  }, []);\n\n  return prefersReducedMotion;\n};\n\nexport default usePrefersReducedMotion;\n"],"names":["isRenderingOnServer","window","getInitialState","matchMedia","QUERY","matches","usePrefersReducedMotion","_useState","useState","_useState2","_slicedToArray","prefersReducedMotion","setPrefersReducedMotion","useEffect","undefined","mediaQueryList","listener","event","addEventListener","addListener","removeEventListener","removeListener"],"mappings":";;;;;AAIA,IAAMA,mBAAmB,GAAG,OAAOC,MAAM,KAAK,WAAW;AAEzD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAA;AAAA,EAAA;AACnB;AACA;AACA;AACA;IACAF,mBAAmB,GAAG,IAAI,GAAG,CAACC,MAAM,CAACE,UAAU,CAACC,KAAK,CAAC,CAACC;AAAO;AAAA,CAAA;AAEhE,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,GAAS;AACpC,EAAA,IAAAC,SAAA,GACEC,QAAQ,CAACN,eAAe,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AADpBI,IAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,uBAAuB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAGpDI,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIb,mBAAmB,EAAE,OAAOc,SAAS;AAEzC,IAAA,IAAMC,cAAc,GAAGd,MAAM,CAACE,UAAU,CAACC,KAAK,CAAC;AAE/C,IAAA,IAAMY,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,KAAK,EAAI;AACxBL,MAAAA,uBAAuB,CAAC,CAACK,KAAK,CAACZ,OAAO,CAAC;KACxC;IAED,IAAIU,cAAc,CAACG,gBAAgB,EAAE;AACnCH,MAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;AACrD,KAAC,MAAM;AACLD,MAAAA,cAAc,CAACI,WAAW,CAACH,QAAQ,CAAC;AACtC;AAEA,IAAA,OAAO,YAAM;MACX,IAAID,cAAc,CAACK,mBAAmB,EAAE;AACtCL,QAAAA,cAAc,CAACK,mBAAmB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;AACxD,OAAC,MAAM;AACLD,QAAAA,cAAc,CAACM,cAAc,CAACL,QAAQ,CAAC;AACzC;KACD;GACF,EAAE,EAAE,CAAC;AAEN,EAAA,OAAOL,oBAAoB;AAC7B;;;;"}

package/initializers.d.ts

@@ -65,7 +65,7 @@ type TaxonomiesType = {
     plural: string;
   };
 };
-export default function initializeApplication(configurations: Configurations): void;
+export default function initializeApplication(configurations?: Configurations): void;
 export const globalProps: GlobalPropsType;
 export const taxonomies: TaxonomiesType;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.13.93",
+  "version": "4.13.94-beta.1",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -67,7 +67,8 @@
   "files": [
     "dist",
     "configs",
-    "*.d.ts"
+    "*.d.ts",
+    "src/translations"
   ],
   "devDependencies": {
     "@babel/cli": "^7.23.0",
@@ -167,6 +168,7 @@
     "husky": "7.0.4",
     "i18next": "22.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-resources-to-backend": "^1.2.1",
     "immer": "^10.0.2",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",

package/react-utils.d.ts

@@ -527,6 +527,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
@@ -1950,13 +2015,13 @@ export function lazyWithRetry(importFn: () => Promise<{
  * import mount from "@bigbinary/neeto-commons-frontend/react-utils/mount";
  * 
  * // Define your component mappings
- * const components = {
+ * const componentMap = {
  *   MyComponent: () => import("./components/MyComponent"),
  *   AnotherComponent: () => import("./components/AnotherComponent"),
  * };
  * 
  * // Call mount with the component mappings
- * mount(components);
+ * mount(componentMap);
  * @endexample
  * In your HTML, you would have elements like:
  *
@@ -1975,6 +2040,6 @@ export function lazyWithRetry(importFn: () => Promise<{
  * with automatic retry logic.
  *
 */
-export function mount(components: Record<string, () => Promise<{
+export function mount(componentMap: Record<string, () => Promise<{
   default: React.ComponentType<any>;
 } | React.ComponentType<any>>>): void;

package/src/translations/ar.json

@@ -0,0 +1,111 @@
+{
+  "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</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": "فشل في النسخ إلى الحافظة"
+    }
+  }
+}

package/src/translations/bg.json

@@ -0,0 +1,111 @@
+{
+  "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>rелодиране</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": "Неуспешно копиране в клипборда"
+    }
+  }
+}