finance-shared 0.0.14 → 0.0.15

package/dist/finance-shared-library.es.js

@@ -1,2467 +1,18 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import i18next from "i18next";
+import { default as default2 } from "i18next";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Button as Button$1, Typography as Typography$1, IconButton as IconButton$1, Box as Box$1, Tooltip, Zoom, TextField as TextField$1, Paper as Paper$1, Grid as Grid$1, styled as styled$3, CircularProgress as CircularProgress$1, Autocomplete as Autocomplete$1, Badge, Checkbox as Checkbox$1, Chip as Chip$1, Divider, RadioGroup, FormControlLabel, Radio, Popover as Popover$1 } from "@mui/material";
+import { Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Button as Button$1, Typography as Typography$1, IconButton as IconButton$1, Box as Box$1, Tooltip, Zoom, TextField as TextField$1, Paper as Paper$1, Grid as Grid$1, styled as styled$3, CircularProgress as CircularProgress$1, Autocomplete as Autocomplete$1, Badge, Checkbox as Checkbox$1, Chip as Chip$1, Divider, RadioGroup, FormControlLabel, Radio, Grid2, Popover as Popover$1 } from "@mui/material";
+import { useTranslation } from "react-i18next";
 import * as React from "react";
-import React__default, { createContext, useContext, useCallback, useState, useRef, useEffect, isValidElement, cloneElement, Children, memo, createElement, useMemo } from "react";
+import React__default, { useState, isValidElement, cloneElement, Children, useEffect, memo, createElement, useRef, useCallback, useMemo, createContext, useContext } from "react";
 import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$3, GlobalStyles as GlobalStyles$1, unstable_memoTheme, css, keyframes, styled as styled$2, createBox, darken as darken$1, unstable_resolveBreakpointValues, handleBreakpoints as handleBreakpoints$1, alpha as alpha$1 } from "@mui/system";
 import emStyled from "@emotion/styled";
 import { ThemeContext } from "@emotion/react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
-const isString$3 = (obj) => typeof obj === "string";
-const defer = () => {
-  let res;
-  let rej;
-  const promise = new Promise((resolve, reject) => {
-    res = resolve;
-    rej = reject;
-  });
-  promise.resolve = res;
-  promise.reject = rej;
-  return promise;
-};
-const makeString = (object2) => {
-  if (object2 == null) return "";
-  return "" + object2;
-};
-const copy = (a3, s4, t2) => {
-  a3.forEach((m3) => {
-    if (s4[m3]) t2[m3] = s4[m3];
-  });
-};
-const lastOfPathSeparatorRegExp = /###/g;
-const cleanKey = (key) => key && key.indexOf("###") > -1 ? key.replace(lastOfPathSeparatorRegExp, ".") : key;
-const canNotTraverseDeeper = (object2) => !object2 || isString$3(object2);
-const getLastOfPath = (object2, path, Empty) => {
-  const stack = !isString$3(path) ? path : path.split(".");
-  let stackIndex = 0;
-  while (stackIndex < stack.length - 1) {
-    if (canNotTraverseDeeper(object2)) return {};
-    const key = cleanKey(stack[stackIndex]);
-    if (!object2[key] && Empty) object2[key] = new Empty();
-    if (Object.prototype.hasOwnProperty.call(object2, key)) {
-      object2 = object2[key];
-    } else {
-      object2 = {};
-    }
-    ++stackIndex;
-  }
-  if (canNotTraverseDeeper(object2)) return {};
-  return {
-    obj: object2,
-    k: cleanKey(stack[stackIndex])
-  };
-};
-const setPath = (object2, path, newValue) => {
-  const {
-    obj,
-    k: k2
-  } = getLastOfPath(object2, path, Object);
-  if (obj !== void 0 || path.length === 1) {
-    obj[k2] = newValue;
-    return;
-  }
-  let e2 = path[path.length - 1];
-  let p = path.slice(0, path.length - 1);
-  let last = getLastOfPath(object2, p, Object);
-  while (last.obj === void 0 && p.length) {
-    e2 = `${p[p.length - 1]}.${e2}`;
-    p = p.slice(0, p.length - 1);
-    last = getLastOfPath(object2, p, Object);
-    if ((last == null ? void 0 : last.obj) && typeof last.obj[`${last.k}.${e2}`] !== "undefined") {
-      last.obj = void 0;
-    }
-  }
-  last.obj[`${last.k}.${e2}`] = newValue;
-};
-const pushPath = (object2, path, newValue, concat) => {
-  const {
-    obj,
-    k: k2
-  } = getLastOfPath(object2, path, Object);
-  obj[k2] = obj[k2] || [];
-  obj[k2].push(newValue);
-};
-const getPath$1 = (object2, path) => {
-  const {
-    obj,
-    k: k2
-  } = getLastOfPath(object2, path);
-  if (!obj) return void 0;
-  if (!Object.prototype.hasOwnProperty.call(obj, k2)) return void 0;
-  return obj[k2];
-};
-const getPathWithDefaults = (data, defaultData, key) => {
-  const value = getPath$1(data, key);
-  if (value !== void 0) {
-    return value;
-  }
-  return getPath$1(defaultData, key);
-};
-const deepExtend = (target, source, overwrite) => {
-  for (const prop in source) {
-    if (prop !== "__proto__" && prop !== "constructor") {
-      if (prop in target) {
-        if (isString$3(target[prop]) || target[prop] instanceof String || isString$3(source[prop]) || source[prop] instanceof String) {
-          if (overwrite) target[prop] = source[prop];
-        } else {
-          deepExtend(target[prop], source[prop], overwrite);
-        }
-      } else {
-        target[prop] = source[prop];
-      }
-    }
-  }
-  return target;
-};
-const regexEscape = (str) => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var _entityMap = {
-  "&": "&amp;",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;",
-  "/": "&#x2F;"
-};
-const escape = (data) => {
-  if (isString$3(data)) {
-    return data.replace(/[&<>"'\/]/g, (s4) => _entityMap[s4]);
-  }
-  return data;
-};
-class RegExpCache {
-  constructor(capacity) {
-    this.capacity = capacity;
-    this.regExpMap = /* @__PURE__ */ new Map();
-    this.regExpQueue = [];
-  }
-  getRegExp(pattern) {
-    const regExpFromCache = this.regExpMap.get(pattern);
-    if (regExpFromCache !== void 0) {
-      return regExpFromCache;
-    }
-    const regExpNew = new RegExp(pattern);
-    if (this.regExpQueue.length === this.capacity) {
-      this.regExpMap.delete(this.regExpQueue.shift());
-    }
-    this.regExpMap.set(pattern, regExpNew);
-    this.regExpQueue.push(pattern);
-    return regExpNew;
-  }
-}
-const chars = [" ", ",", "?", "!", ";"];
-const looksLikeObjectPathRegExpCache = new RegExpCache(20);
-const looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
-  nsSeparator = nsSeparator || "";
-  keySeparator = keySeparator || "";
-  const possibleChars = chars.filter((c2) => nsSeparator.indexOf(c2) < 0 && keySeparator.indexOf(c2) < 0);
-  if (possibleChars.length === 0) return true;
-  const r2 = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map((c2) => c2 === "?" ? "\\?" : c2).join("|")})`);
-  let matched = !r2.test(key);
-  if (!matched) {
-    const ki = key.indexOf(keySeparator);
-    if (ki > 0 && !r2.test(key.substring(0, ki))) {
-      matched = true;
-    }
-  }
-  return matched;
-};
-const deepFind = (obj, path, keySeparator = ".") => {
-  if (!obj) return void 0;
-  if (obj[path]) {
-    if (!Object.prototype.hasOwnProperty.call(obj, path)) return void 0;
-    return obj[path];
-  }
-  const tokens = path.split(keySeparator);
-  let current2 = obj;
-  for (let i3 = 0; i3 < tokens.length; ) {
-    if (!current2 || typeof current2 !== "object") {
-      return void 0;
-    }
-    let next;
-    let nextPath = "";
-    for (let j = i3; j < tokens.length; ++j) {
-      if (j !== i3) {
-        nextPath += keySeparator;
-      }
-      nextPath += tokens[j];
-      next = current2[nextPath];
-      if (next !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof next) > -1 && j < tokens.length - 1) {
-          continue;
-        }
-        i3 += j - i3 + 1;
-        break;
-      }
-    }
-    current2 = next;
-  }
-  return current2;
-};
-const getCleanedCode = (code) => code == null ? void 0 : code.replace("_", "-");
-const consoleLogger = {
-  type: "logger",
-  log(args) {
-    this.output("log", args);
-  },
-  warn(args) {
-    this.output("warn", args);
-  },
-  error(args) {
-    this.output("error", args);
-  },
-  output(type, args) {
-    var _a, _b;
-    (_b = (_a = console == null ? void 0 : console[type]) == null ? void 0 : _a.apply) == null ? void 0 : _b.call(_a, console, args);
-  }
-};
-class Logger {
-  constructor(concreteLogger, options = {}) {
-    this.init(concreteLogger, options);
-  }
-  init(concreteLogger, options = {}) {
-    this.prefix = options.prefix || "i18next:";
-    this.logger = concreteLogger || consoleLogger;
-    this.options = options;
-    this.debug = options.debug;
-  }
-  log(...args) {
-    return this.forward(args, "log", "", true);
-  }
-  warn(...args) {
-    return this.forward(args, "warn", "", true);
-  }
-  error(...args) {
-    return this.forward(args, "error", "");
-  }
-  deprecate(...args) {
-    return this.forward(args, "warn", "WARNING DEPRECATED: ", true);
-  }
-  forward(args, lvl, prefix, debugOnly) {
-    if (debugOnly && !this.debug) return null;
-    if (isString$3(args[0])) args[0] = `${prefix}${this.prefix} ${args[0]}`;
-    return this.logger[lvl](args);
-  }
-  create(moduleName) {
-    return new Logger(this.logger, {
-      ...{
-        prefix: `${this.prefix}:${moduleName}:`
-      },
-      ...this.options
-    });
-  }
-  clone(options) {
-    options = options || this.options;
-    options.prefix = options.prefix || this.prefix;
-    return new Logger(this.logger, options);
-  }
-}
-var baseLogger = new Logger();
-class EventEmitter {
-  constructor() {
-    this.observers = {};
-  }
-  on(events, listener) {
-    events.split(" ").forEach((event) => {
-      if (!this.observers[event]) this.observers[event] = /* @__PURE__ */ new Map();
-      const numListeners = this.observers[event].get(listener) || 0;
-      this.observers[event].set(listener, numListeners + 1);
-    });
-    return this;
-  }
-  off(event, listener) {
-    if (!this.observers[event]) return;
-    if (!listener) {
-      delete this.observers[event];
-      return;
-    }
-    this.observers[event].delete(listener);
-  }
-  emit(event, ...args) {
-    if (this.observers[event]) {
-      const cloned = Array.from(this.observers[event].entries());
-      cloned.forEach(([observer, numTimesAdded]) => {
-        for (let i3 = 0; i3 < numTimesAdded; i3++) {
-          observer(...args);
-        }
-      });
-    }
-    if (this.observers["*"]) {
-      const cloned = Array.from(this.observers["*"].entries());
-      cloned.forEach(([observer, numTimesAdded]) => {
-        for (let i3 = 0; i3 < numTimesAdded; i3++) {
-          observer.apply(observer, [event, ...args]);
-        }
-      });
-    }
-  }
-}
-class ResourceStore extends EventEmitter {
-  constructor(data, options = {
-    ns: ["translation"],
-    defaultNS: "translation"
-  }) {
-    super();
-    this.data = data || {};
-    this.options = options;
-    if (this.options.keySeparator === void 0) {
-      this.options.keySeparator = ".";
-    }
-    if (this.options.ignoreJSONStructure === void 0) {
-      this.options.ignoreJSONStructure = true;
-    }
-  }
-  addNamespaces(ns) {
-    if (this.options.ns.indexOf(ns) < 0) {
-      this.options.ns.push(ns);
-    }
-  }
-  removeNamespaces(ns) {
-    const index = this.options.ns.indexOf(ns);
-    if (index > -1) {
-      this.options.ns.splice(index, 1);
-    }
-  }
-  getResource(lng, ns, key, options = {}) {
-    var _a, _b;
-    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
-    const ignoreJSONStructure = options.ignoreJSONStructure !== void 0 ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;
-    let path;
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-    } else {
-      path = [lng, ns];
-      if (key) {
-        if (Array.isArray(key)) {
-          path.push(...key);
-        } else if (isString$3(key) && keySeparator) {
-          path.push(...key.split(keySeparator));
-        } else {
-          path.push(key);
-        }
-      }
-    }
-    const result = getPath$1(this.data, path);
-    if (!result && !ns && !key && lng.indexOf(".") > -1) {
-      lng = path[0];
-      ns = path[1];
-      key = path.slice(2).join(".");
-    }
-    if (result || !ignoreJSONStructure || !isString$3(key)) return result;
-    return deepFind((_b = (_a = this.data) == null ? void 0 : _a[lng]) == null ? void 0 : _b[ns], key, keySeparator);
-  }
-  addResource(lng, ns, key, value, options = {
-    silent: false
-  }) {
-    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
-    let path = [lng, ns];
-    if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-      value = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    setPath(this.data, path, value);
-    if (!options.silent) this.emit("added", lng, ns, key, value);
-  }
-  addResources(lng, ns, resources2, options = {
-    silent: false
-  }) {
-    for (const m3 in resources2) {
-      if (isString$3(resources2[m3]) || Array.isArray(resources2[m3])) this.addResource(lng, ns, m3, resources2[m3], {
-        silent: true
-      });
-    }
-    if (!options.silent) this.emit("added", lng, ns, resources2);
-  }
-  addResourceBundle(lng, ns, resources2, deep, overwrite, options = {
-    silent: false,
-    skipCopy: false
-  }) {
-    let path = [lng, ns];
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-      deep = resources2;
-      resources2 = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    let pack = getPath$1(this.data, path) || {};
-    if (!options.skipCopy) resources2 = JSON.parse(JSON.stringify(resources2));
-    if (deep) {
-      deepExtend(pack, resources2, overwrite);
-    } else {
-      pack = {
-        ...pack,
-        ...resources2
-      };
-    }
-    setPath(this.data, path, pack);
-    if (!options.silent) this.emit("added", lng, ns, resources2);
-  }
-  removeResourceBundle(lng, ns) {
-    if (this.hasResourceBundle(lng, ns)) {
-      delete this.data[lng][ns];
-    }
-    this.removeNamespaces(ns);
-    this.emit("removed", lng, ns);
-  }
-  hasResourceBundle(lng, ns) {
-    return this.getResource(lng, ns) !== void 0;
-  }
-  getResourceBundle(lng, ns) {
-    if (!ns) ns = this.options.defaultNS;
-    return this.getResource(lng, ns);
-  }
-  getDataByLanguage(lng) {
-    return this.data[lng];
-  }
-  hasLanguageSomeTranslations(lng) {
-    const data = this.getDataByLanguage(lng);
-    const n2 = data && Object.keys(data) || [];
-    return !!n2.find((v) => data[v] && Object.keys(data[v]).length > 0);
-  }
-  toJSON() {
-    return this.data;
-  }
-}
-var postProcessor = {
-  processors: {},
-  addPostProcessor(module) {
-    this.processors[module.name] = module;
-  },
-  handle(processors, value, key, options, translator) {
-    processors.forEach((processor) => {
-      var _a;
-      value = ((_a = this.processors[processor]) == null ? void 0 : _a.process(value, key, options, translator)) ?? value;
-    });
-    return value;
-  }
-};
-const PATH_KEY = Symbol("i18next/PATH_KEY");
-function createProxy$1() {
-  const state = [];
-  const handler = /* @__PURE__ */ Object.create(null);
-  let proxy;
-  handler.get = (target, key) => {
-    var _a;
-    (_a = proxy == null ? void 0 : proxy.revoke) == null ? void 0 : _a.call(proxy);
-    if (key === PATH_KEY) return state;
-    state.push(key);
-    proxy = Proxy.revocable(target, handler);
-    return proxy.proxy;
-  };
-  return Proxy.revocable(/* @__PURE__ */ Object.create(null), handler).proxy;
-}
-function keysFromSelector(selector, opts) {
-  const {
-    [PATH_KEY]: path
-  } = selector(createProxy$1());
-  return path.join((opts == null ? void 0 : opts.keySeparator) ?? ".");
-}
-const checkedLoadedFor = {};
-const shouldHandleAsObject = (res) => !isString$3(res) && typeof res !== "boolean" && typeof res !== "number";
-class Translator extends EventEmitter {
-  constructor(services, options = {}) {
-    super();
-    copy(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], services, this);
-    this.options = options;
-    if (this.options.keySeparator === void 0) {
-      this.options.keySeparator = ".";
-    }
-    this.logger = baseLogger.create("translator");
-  }
-  changeLanguage(lng) {
-    if (lng) this.language = lng;
-  }
-  exists(key, o2 = {
-    interpolation: {}
-  }) {
-    const opt = {
-      ...o2
-    };
-    if (key == null) return false;
-    const resolved = this.resolve(key, opt);
-    if ((resolved == null ? void 0 : resolved.res) === void 0) return false;
-    const isObject2 = shouldHandleAsObject(resolved.res);
-    if (opt.returnObjects === false && isObject2) {
-      return false;
-    }
-    return true;
-  }
-  extractFromKey(key, opt) {
-    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
-    if (nsSeparator === void 0) nsSeparator = ":";
-    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
-    let namespaces = opt.ns || this.options.defaultNS || [];
-    const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;
-    const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
-    if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
-      const m3 = key.match(this.interpolator.nestingRegexp);
-      if (m3 && m3.length > 0) {
-        return {
-          key,
-          namespaces: isString$3(namespaces) ? [namespaces] : namespaces
-        };
-      }
-      const parts = key.split(nsSeparator);
-      if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();
-      key = parts.join(keySeparator);
-    }
-    return {
-      key,
-      namespaces: isString$3(namespaces) ? [namespaces] : namespaces
-    };
-  }
-  translate(keys, o2, lastKey) {
-    let opt = typeof o2 === "object" ? {
-      ...o2
-    } : o2;
-    if (typeof opt !== "object" && this.options.overloadTranslationOptionHandler) {
-      opt = this.options.overloadTranslationOptionHandler(arguments);
-    }
-    if (typeof opt === "object") opt = {
-      ...opt
-    };
-    if (!opt) opt = {};
-    if (keys == null) return "";
-    if (typeof keys === "function") keys = keysFromSelector(keys, {
-      ...this.options,
-      ...opt
-    });
-    if (!Array.isArray(keys)) keys = [String(keys)];
-    const returnDetails = opt.returnDetails !== void 0 ? opt.returnDetails : this.options.returnDetails;
-    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
-    const {
-      key,
-      namespaces
-    } = this.extractFromKey(keys[keys.length - 1], opt);
-    const namespace = namespaces[namespaces.length - 1];
-    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
-    if (nsSeparator === void 0) nsSeparator = ":";
-    const lng = opt.lng || this.language;
-    const appendNamespaceToCIMode = opt.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if ((lng == null ? void 0 : lng.toLowerCase()) === "cimode") {
-      if (appendNamespaceToCIMode) {
-        if (returnDetails) {
-          return {
-            res: `${namespace}${nsSeparator}${key}`,
-            usedKey: key,
-            exactUsedKey: key,
-            usedLng: lng,
-            usedNS: namespace,
-            usedParams: this.getUsedParamsDetails(opt)
-          };
-        }
-        return `${namespace}${nsSeparator}${key}`;
-      }
-      if (returnDetails) {
-        return {
-          res: key,
-          usedKey: key,
-          exactUsedKey: key,
-          usedLng: lng,
-          usedNS: namespace,
-          usedParams: this.getUsedParamsDetails(opt)
-        };
-      }
-      return key;
-    }
-    const resolved = this.resolve(keys, opt);
-    let res = resolved == null ? void 0 : resolved.res;
-    const resUsedKey = (resolved == null ? void 0 : resolved.usedKey) || key;
-    const resExactUsedKey = (resolved == null ? void 0 : resolved.exactUsedKey) || key;
-    const noObject = ["[object Number]", "[object Function]", "[object RegExp]"];
-    const joinArrays = opt.joinArrays !== void 0 ? opt.joinArrays : this.options.joinArrays;
-    const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    const needsPluralHandling = opt.count !== void 0 && !isString$3(opt.count);
-    const hasDefaultValue = Translator.hasDefaultValue(opt);
-    const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, opt) : "";
-    const defaultValueSuffixOrdinalFallback = opt.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, {
-      ordinal: false
-    }) : "";
-    const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
-    const defaultValue = needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] || opt[`defaultValue${defaultValueSuffix}`] || opt[`defaultValue${defaultValueSuffixOrdinalFallback}`] || opt.defaultValue;
-    let resForObjHndl = res;
-    if (handleAsObjectInI18nFormat && !res && hasDefaultValue) {
-      resForObjHndl = defaultValue;
-    }
-    const handleAsObject = shouldHandleAsObject(resForObjHndl);
-    const resType = Object.prototype.toString.apply(resForObjHndl);
-    if (handleAsObjectInI18nFormat && resForObjHndl && handleAsObject && noObject.indexOf(resType) < 0 && !(isString$3(joinArrays) && Array.isArray(resForObjHndl))) {
-      if (!opt.returnObjects && !this.options.returnObjects) {
-        if (!this.options.returnedObjectHandler) {
-          this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        }
-        const r2 = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
-          ...opt,
-          ns: namespaces
-        }) : `key '${key} (${this.language})' returned an object instead of string.`;
-        if (returnDetails) {
-          resolved.res = r2;
-          resolved.usedParams = this.getUsedParamsDetails(opt);
-          return resolved;
-        }
-        return r2;
-      }
-      if (keySeparator) {
-        const resTypeIsArray = Array.isArray(resForObjHndl);
-        const copy2 = resTypeIsArray ? [] : {};
-        const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
-        for (const m3 in resForObjHndl) {
-          if (Object.prototype.hasOwnProperty.call(resForObjHndl, m3)) {
-            const deepKey = `${newKeyToUse}${keySeparator}${m3}`;
-            if (hasDefaultValue && !res) {
-              copy2[m3] = this.translate(deepKey, {
-                ...opt,
-                defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m3] : void 0,
-                ...{
-                  joinArrays: false,
-                  ns: namespaces
-                }
-              });
-            } else {
-              copy2[m3] = this.translate(deepKey, {
-                ...opt,
-                ...{
-                  joinArrays: false,
-                  ns: namespaces
-                }
-              });
-            }
-            if (copy2[m3] === deepKey) copy2[m3] = resForObjHndl[m3];
-          }
-        }
-        res = copy2;
-      }
-    } else if (handleAsObjectInI18nFormat && isString$3(joinArrays) && Array.isArray(res)) {
-      res = res.join(joinArrays);
-      if (res) res = this.extendTranslation(res, keys, opt, lastKey);
-    } else {
-      let usedDefault = false;
-      let usedKey = false;
-      if (!this.isValidLookup(res) && hasDefaultValue) {
-        usedDefault = true;
-        res = defaultValue;
-      }
-      if (!this.isValidLookup(res)) {
-        usedKey = true;
-        res = key;
-      }
-      const missingKeyNoValueFallbackToKey = opt.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;
-      const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? void 0 : res;
-      const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;
-      if (usedKey || usedDefault || updateMissing) {
-        this.logger.log(updateMissing ? "updateKey" : "missingKey", lng, namespace, key, updateMissing ? defaultValue : res);
-        if (keySeparator) {
-          const fk = this.resolve(key, {
-            ...opt,
-            keySeparator: false
-          });
-          if (fk && fk.res) this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
-        }
-        let lngs = [];
-        const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, opt.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && fallbackLngs && fallbackLngs[0]) {
-          for (let i3 = 0; i3 < fallbackLngs.length; i3++) {
-            lngs.push(fallbackLngs[i3]);
-          }
-        } else if (this.options.saveMissingTo === "all") {
-          lngs = this.languageUtils.toResolveHierarchy(opt.lng || this.language);
-        } else {
-          lngs.push(opt.lng || this.language);
-        }
-        const send = (l, k2, specificDefaultValue) => {
-          var _a;
-          const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
-          if (this.options.missingKeyHandler) {
-            this.options.missingKeyHandler(l, namespace, k2, defaultForMissing, updateMissing, opt);
-          } else if ((_a = this.backendConnector) == null ? void 0 : _a.saveMissing) {
-            this.backendConnector.saveMissing(l, namespace, k2, defaultForMissing, updateMissing, opt);
-          }
-          this.emit("missingKey", l, namespace, k2, res);
-        };
-        if (this.options.saveMissing) {
-          if (this.options.saveMissingPlurals && needsPluralHandling) {
-            lngs.forEach((language) => {
-              const suffixes = this.pluralResolver.getSuffixes(language, opt);
-              if (needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] && suffixes.indexOf(`${this.options.pluralSeparator}zero`) < 0) {
-                suffixes.push(`${this.options.pluralSeparator}zero`);
-              }
-              suffixes.forEach((suffix) => {
-                send([language], key + suffix, opt[`defaultValue${suffix}`] || defaultValue);
-              });
-            });
-          } else {
-            send(lngs, key, defaultValue);
-          }
-        }
-      }
-      res = this.extendTranslation(res, keys, opt, resolved, lastKey);
-      if (usedKey && res === key && this.options.appendNamespaceToMissingKey) {
-        res = `${namespace}${nsSeparator}${key}`;
-      }
-      if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {
-        res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}${nsSeparator}${key}` : key, usedDefault ? res : void 0, opt);
-      }
-    }
-    if (returnDetails) {
-      resolved.res = res;
-      resolved.usedParams = this.getUsedParamsDetails(opt);
-      return resolved;
-    }
-    return res;
-  }
-  extendTranslation(res, key, opt, resolved, lastKey) {
-    var _a, _b;
-    if ((_a = this.i18nFormat) == null ? void 0 : _a.parse) {
-      res = this.i18nFormat.parse(res, {
-        ...this.options.interpolation.defaultVariables,
-        ...opt
-      }, opt.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {
-        resolved
-      });
-    } else if (!opt.skipInterpolation) {
-      if (opt.interpolation) this.interpolator.init({
-        ...opt,
-        ...{
-          interpolation: {
-            ...this.options.interpolation,
-            ...opt.interpolation
-          }
-        }
-      });
-      const skipOnVariables = isString$3(res) && (((_b = opt == null ? void 0 : opt.interpolation) == null ? void 0 : _b.skipOnVariables) !== void 0 ? opt.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
-      let nestBef;
-      if (skipOnVariables) {
-        const nb = res.match(this.interpolator.nestingRegexp);
-        nestBef = nb && nb.length;
-      }
-      let data = opt.replace && !isString$3(opt.replace) ? opt.replace : opt;
-      if (this.options.interpolation.defaultVariables) data = {
-        ...this.options.interpolation.defaultVariables,
-        ...data
-      };
-      res = this.interpolator.interpolate(res, data, opt.lng || this.language || resolved.usedLng, opt);
-      if (skipOnVariables) {
-        const na = res.match(this.interpolator.nestingRegexp);
-        const nestAft = na && na.length;
-        if (nestBef < nestAft) opt.nest = false;
-      }
-      if (!opt.lng && resolved && resolved.res) opt.lng = this.language || resolved.usedLng;
-      if (opt.nest !== false) res = this.interpolator.nest(res, (...args) => {
-        if ((lastKey == null ? void 0 : lastKey[0]) === args[0] && !opt.context) {
-          this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);
-          return null;
-        }
-        return this.translate(...args, key);
-      }, opt);
-      if (opt.interpolation) this.interpolator.reset();
-    }
-    const postProcess = opt.postProcess || this.options.postProcess;
-    const postProcessorNames = isString$3(postProcess) ? [postProcess] : postProcess;
-    if (res != null && (postProcessorNames == null ? void 0 : postProcessorNames.length) && opt.applyPostProcessor !== false) {
-      res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {
-        i18nResolved: {
-          ...resolved,
-          usedParams: this.getUsedParamsDetails(opt)
-        },
-        ...opt
-      } : opt, this);
-    }
-    return res;
-  }
-  resolve(keys, opt = {}) {
-    let found;
-    let usedKey;
-    let exactUsedKey;
-    let usedLng;
-    let usedNS;
-    if (isString$3(keys)) keys = [keys];
-    keys.forEach((k2) => {
-      if (this.isValidLookup(found)) return;
-      const extracted = this.extractFromKey(k2, opt);
-      const key = extracted.key;
-      usedKey = key;
-      let namespaces = extracted.namespaces;
-      if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);
-      const needsPluralHandling = opt.count !== void 0 && !isString$3(opt.count);
-      const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
-      const needsContextHandling = opt.context !== void 0 && (isString$3(opt.context) || typeof opt.context === "number") && opt.context !== "";
-      const codes = opt.lngs ? opt.lngs : this.languageUtils.toResolveHierarchy(opt.lng || this.language, opt.fallbackLng);
-      namespaces.forEach((ns) => {
-        var _a, _b;
-        if (this.isValidLookup(found)) return;
-        usedNS = ns;
-        if (!checkedLoadedFor[`${codes[0]}-${ns}`] && ((_a = this.utils) == null ? void 0 : _a.hasLoadedNamespace) && !((_b = this.utils) == null ? void 0 : _b.hasLoadedNamespace(usedNS))) {
-          checkedLoadedFor[`${codes[0]}-${ns}`] = true;
-          this.logger.warn(`key "${usedKey}" for languages "${codes.join(", ")}" won't get resolved as namespace "${usedNS}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
-        }
-        codes.forEach((code) => {
-          var _a2;
-          if (this.isValidLookup(found)) return;
-          usedLng = code;
-          const finalKeys = [key];
-          if ((_a2 = this.i18nFormat) == null ? void 0 : _a2.addLookupKeys) {
-            this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, opt);
-          } else {
-            let pluralSuffix;
-            if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, opt.count, opt);
-            const zeroSuffix = `${this.options.pluralSeparator}zero`;
-            const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (needsPluralHandling) {
-              if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-              }
-              finalKeys.push(key + pluralSuffix);
-              if (needsZeroSuffixLookup) {
-                finalKeys.push(key + zeroSuffix);
-              }
-            }
-            if (needsContextHandling) {
-              const contextKey = `${key}${this.options.contextSeparator || "_"}${opt.context}`;
-              finalKeys.push(contextKey);
-              if (needsPluralHandling) {
-                if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                  finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-                }
-                finalKeys.push(contextKey + pluralSuffix);
-                if (needsZeroSuffixLookup) {
-                  finalKeys.push(contextKey + zeroSuffix);
-                }
-              }
-            }
-          }
-          let possibleKey;
-          while (possibleKey = finalKeys.pop()) {
-            if (!this.isValidLookup(found)) {
-              exactUsedKey = possibleKey;
-              found = this.getResource(code, ns, possibleKey, opt);
-            }
-          }
-        });
-      });
-    });
-    return {
-      res: found,
-      usedKey,
-      exactUsedKey,
-      usedLng,
-      usedNS
-    };
-  }
-  isValidLookup(res) {
-    return res !== void 0 && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === "");
-  }
-  getResource(code, ns, key, options = {}) {
-    var _a;
-    if ((_a = this.i18nFormat) == null ? void 0 : _a.getResource) return this.i18nFormat.getResource(code, ns, key, options);
-    return this.resourceStore.getResource(code, ns, key, options);
-  }
-  getUsedParamsDetails(options = {}) {
-    const optionsKeys = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"];
-    const useOptionsReplaceForData = options.replace && !isString$3(options.replace);
-    let data = useOptionsReplaceForData ? options.replace : options;
-    if (useOptionsReplaceForData && typeof options.count !== "undefined") {
-      data.count = options.count;
-    }
-    if (this.options.interpolation.defaultVariables) {
-      data = {
-        ...this.options.interpolation.defaultVariables,
-        ...data
-      };
-    }
-    if (!useOptionsReplaceForData) {
-      data = {
-        ...data
-      };
-      for (const key of optionsKeys) {
-        delete data[key];
-      }
-    }
-    return data;
-  }
-  static hasDefaultValue(options) {
-    const prefix = "defaultValue";
-    for (const option in options) {
-      if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && void 0 !== options[option]) {
-        return true;
-      }
-    }
-    return false;
-  }
-}
-class LanguageUtil {
-  constructor(options) {
-    this.options = options;
-    this.supportedLngs = this.options.supportedLngs || false;
-    this.logger = baseLogger.create("languageUtils");
-  }
-  getScriptPartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf("-") < 0) return null;
-    const p = code.split("-");
-    if (p.length === 2) return null;
-    p.pop();
-    if (p[p.length - 1].toLowerCase() === "x") return null;
-    return this.formatLanguageCode(p.join("-"));
-  }
-  getLanguagePartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf("-") < 0) return code;
-    const p = code.split("-");
-    return this.formatLanguageCode(p[0]);
-  }
-  formatLanguageCode(code) {
-    if (isString$3(code) && code.indexOf("-") > -1) {
-      let formattedCode;
-      try {
-        formattedCode = Intl.getCanonicalLocales(code)[0];
-      } catch (e2) {
-      }
-      if (formattedCode && this.options.lowerCaseLng) {
-        formattedCode = formattedCode.toLowerCase();
-      }
-      if (formattedCode) return formattedCode;
-      if (this.options.lowerCaseLng) {
-        return code.toLowerCase();
-      }
-      return code;
-    }
-    return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
-  }
-  isSupportedCode(code) {
-    if (this.options.load === "languageOnly" || this.options.nonExplicitSupportedLngs) {
-      code = this.getLanguagePartFromCode(code);
-    }
-    return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;
-  }
-  getBestMatchFromCodes(codes) {
-    if (!codes) return null;
-    let found;
-    codes.forEach((code) => {
-      if (found) return;
-      const cleanedLng = this.formatLanguageCode(code);
-      if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;
-    });
-    if (!found && this.options.supportedLngs) {
-      codes.forEach((code) => {
-        if (found) return;
-        const lngScOnly = this.getScriptPartFromCode(code);
-        if (this.isSupportedCode(lngScOnly)) return found = lngScOnly;
-        const lngOnly = this.getLanguagePartFromCode(code);
-        if (this.isSupportedCode(lngOnly)) return found = lngOnly;
-        found = this.options.supportedLngs.find((supportedLng) => {
-          if (supportedLng === lngOnly) return supportedLng;
-          if (supportedLng.indexOf("-") < 0 && lngOnly.indexOf("-") < 0) return;
-          if (supportedLng.indexOf("-") > 0 && lngOnly.indexOf("-") < 0 && supportedLng.substring(0, supportedLng.indexOf("-")) === lngOnly) return supportedLng;
-          if (supportedLng.indexOf(lngOnly) === 0 && lngOnly.length > 1) return supportedLng;
-        });
-      });
-    }
-    if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];
-    return found;
-  }
-  getFallbackCodes(fallbacks, code) {
-    if (!fallbacks) return [];
-    if (typeof fallbacks === "function") fallbacks = fallbacks(code);
-    if (isString$3(fallbacks)) fallbacks = [fallbacks];
-    if (Array.isArray(fallbacks)) return fallbacks;
-    if (!code) return fallbacks.default || [];
-    let found = fallbacks[code];
-    if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
-    if (!found) found = fallbacks[this.formatLanguageCode(code)];
-    if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];
-    if (!found) found = fallbacks.default;
-    return found || [];
-  }
-  toResolveHierarchy(code, fallbackCode) {
-    const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
-    const codes = [];
-    const addCode = (c2) => {
-      if (!c2) return;
-      if (this.isSupportedCode(c2)) {
-        codes.push(c2);
-      } else {
-        this.logger.warn(`rejecting language code not found in supportedLngs: ${c2}`);
-      }
-    };
-    if (isString$3(code) && (code.indexOf("-") > -1 || code.indexOf("_") > -1)) {
-      if (this.options.load !== "languageOnly") addCode(this.formatLanguageCode(code));
-      if (this.options.load !== "languageOnly" && this.options.load !== "currentOnly") addCode(this.getScriptPartFromCode(code));
-      if (this.options.load !== "currentOnly") addCode(this.getLanguagePartFromCode(code));
-    } else if (isString$3(code)) {
-      addCode(this.formatLanguageCode(code));
-    }
-    fallbackCodes.forEach((fc) => {
-      if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));
-    });
-    return codes;
-  }
-}
-const suffixesOrder = {
-  zero: 0,
-  one: 1,
-  two: 2,
-  few: 3,
-  many: 4,
-  other: 5
-};
-const dummyRule = {
-  select: (count) => count === 1 ? "one" : "other",
-  resolvedOptions: () => ({
-    pluralCategories: ["one", "other"]
-  })
-};
-class PluralResolver {
-  constructor(languageUtils, options = {}) {
-    this.languageUtils = languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create("pluralResolver");
-    this.pluralRulesCache = {};
-  }
-  addRule(lng, obj) {
-    this.rules[lng] = obj;
-  }
-  clearCache() {
-    this.pluralRulesCache = {};
-  }
-  getRule(code, options = {}) {
-    const cleanedCode = getCleanedCode(code === "dev" ? "en" : code);
-    const type = options.ordinal ? "ordinal" : "cardinal";
-    const cacheKey = JSON.stringify({
-      cleanedCode,
-      type
-    });
-    if (cacheKey in this.pluralRulesCache) {
-      return this.pluralRulesCache[cacheKey];
-    }
-    let rule;
-    try {
-      rule = new Intl.PluralRules(cleanedCode, {
-        type
-      });
-    } catch (err) {
-      if (!Intl) {
-        this.logger.error("No Intl support, please use an Intl polyfill!");
-        return dummyRule;
-      }
-      if (!code.match(/-|_/)) return dummyRule;
-      const lngPart = this.languageUtils.getLanguagePartFromCode(code);
-      rule = this.getRule(lngPart, options);
-    }
-    this.pluralRulesCache[cacheKey] = rule;
-    return rule;
-  }
-  needsPlural(code, options = {}) {
-    let rule = this.getRule(code, options);
-    if (!rule) rule = this.getRule("dev", options);
-    return (rule == null ? void 0 : rule.resolvedOptions().pluralCategories.length) > 1;
-  }
-  getPluralFormsOfKey(code, key, options = {}) {
-    return this.getSuffixes(code, options).map((suffix) => `${key}${suffix}`);
-  }
-  getSuffixes(code, options = {}) {
-    let rule = this.getRule(code, options);
-    if (!rule) rule = this.getRule("dev", options);
-    if (!rule) return [];
-    return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map((pluralCategory) => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${pluralCategory}`);
-  }
-  getSuffix(code, count, options = {}) {
-    const rule = this.getRule(code, options);
-    if (rule) {
-      return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${rule.select(count)}`;
-    }
-    this.logger.warn(`no plural rule found for: ${code}`);
-    return this.getSuffix("dev", count, options);
-  }
-}
-const deepFindWithDefaults = (data, defaultData, key, keySeparator = ".", ignoreJSONStructure = true) => {
-  let path = getPathWithDefaults(data, defaultData, key);
-  if (!path && ignoreJSONStructure && isString$3(key)) {
-    path = deepFind(data, key, keySeparator);
-    if (path === void 0) path = deepFind(defaultData, key, keySeparator);
-  }
-  return path;
-};
-const regexSafe = (val) => val.replace(/\$/g, "$$$$");
-class Interpolator {
-  constructor(options = {}) {
-    var _a;
-    this.logger = baseLogger.create("interpolator");
-    this.options = options;
-    this.format = ((_a = options == null ? void 0 : options.interpolation) == null ? void 0 : _a.format) || ((value) => value);
-    this.init(options);
-  }
-  init(options = {}) {
-    if (!options.interpolation) options.interpolation = {
-      escapeValue: true
-    };
-    const {
-      escape: escape$1,
-      escapeValue,
-      useRawValueToEscape,
-      prefix,
-      prefixEscaped,
-      suffix,
-      suffixEscaped,
-      formatSeparator,
-      unescapeSuffix,
-      unescapePrefix,
-      nestingPrefix,
-      nestingPrefixEscaped,
-      nestingSuffix,
-      nestingSuffixEscaped,
-      nestingOptionsSeparator,
-      maxReplaces,
-      alwaysFormat
-    } = options.interpolation;
-    this.escape = escape$1 !== void 0 ? escape$1 : escape;
-    this.escapeValue = escapeValue !== void 0 ? escapeValue : true;
-    this.useRawValueToEscape = useRawValueToEscape !== void 0 ? useRawValueToEscape : false;
-    this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || "{{";
-    this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || "}}";
-    this.formatSeparator = formatSeparator || ",";
-    this.unescapePrefix = unescapeSuffix ? "" : unescapePrefix || "-";
-    this.unescapeSuffix = this.unescapePrefix ? "" : unescapeSuffix || "";
-    this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape("$t(");
-    this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(")");
-    this.nestingOptionsSeparator = nestingOptionsSeparator || ",";
-    this.maxReplaces = maxReplaces || 1e3;
-    this.alwaysFormat = alwaysFormat !== void 0 ? alwaysFormat : false;
-    this.resetRegExp();
-  }
-  reset() {
-    if (this.options) this.init(this.options);
-  }
-  resetRegExp() {
-    const getOrResetRegExp = (existingRegExp, pattern) => {
-      if ((existingRegExp == null ? void 0 : existingRegExp.source) === pattern) {
-        existingRegExp.lastIndex = 0;
-        return existingRegExp;
-      }
-      return new RegExp(pattern, "g");
-    };
-    this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
-    this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
-    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
-  }
-  interpolate(str, data, lng, options) {
-    var _a;
-    let match2;
-    let value;
-    let replaces;
-    const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
-    const handleFormat = (key) => {
-      if (key.indexOf(this.formatSeparator) < 0) {
-        const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(path, void 0, lng, {
-          ...options,
-          ...data,
-          interpolationkey: key
-        }) : path;
-      }
-      const p = key.split(this.formatSeparator);
-      const k2 = p.shift().trim();
-      const f = p.join(this.formatSeparator).trim();
-      return this.format(deepFindWithDefaults(data, defaultData, k2, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {
-        ...options,
-        ...data,
-        interpolationkey: k2
-      });
-    };
-    this.resetRegExp();
-    const missingInterpolationHandler = (options == null ? void 0 : options.missingInterpolationHandler) || this.options.missingInterpolationHandler;
-    const skipOnVariables = ((_a = options == null ? void 0 : options.interpolation) == null ? void 0 : _a.skipOnVariables) !== void 0 ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
-    const todos = [{
-      regex: this.regexpUnescape,
-      safeValue: (val) => regexSafe(val)
-    }, {
-      regex: this.regexp,
-      safeValue: (val) => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)
-    }];
-    todos.forEach((todo) => {
-      replaces = 0;
-      while (match2 = todo.regex.exec(str)) {
-        const matchedVar = match2[1].trim();
-        value = handleFormat(matchedVar);
-        if (value === void 0) {
-          if (typeof missingInterpolationHandler === "function") {
-            const temp = missingInterpolationHandler(str, match2, options);
-            value = isString$3(temp) ? temp : "";
-          } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
-            value = "";
-          } else if (skipOnVariables) {
-            value = match2[0];
-            continue;
-          } else {
-            this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
-            value = "";
-          }
-        } else if (!isString$3(value) && !this.useRawValueToEscape) {
-          value = makeString(value);
-        }
-        const safeValue = todo.safeValue(value);
-        str = str.replace(match2[0], safeValue);
-        if (skipOnVariables) {
-          todo.regex.lastIndex += value.length;
-          todo.regex.lastIndex -= match2[0].length;
-        } else {
-          todo.regex.lastIndex = 0;
-        }
-        replaces++;
-        if (replaces >= this.maxReplaces) {
-          break;
-        }
-      }
-    });
-    return str;
-  }
-  nest(str, fc, options = {}) {
-    let match2;
-    let value;
-    let clonedOptions;
-    const handleHasOptions = (key, inheritedOptions) => {
-      const sep = this.nestingOptionsSeparator;
-      if (key.indexOf(sep) < 0) return key;
-      const c2 = key.split(new RegExp(`${sep}[ ]*{`));
-      let optionsString = `{${c2[1]}`;
-      key = c2[0];
-      optionsString = this.interpolate(optionsString, clonedOptions);
-      const matchedSingleQuotes = optionsString.match(/'/g);
-      const matchedDoubleQuotes = optionsString.match(/"/g);
-      if (((matchedSingleQuotes == null ? void 0 : matchedSingleQuotes.length) ?? 0) % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
-        optionsString = optionsString.replace(/'/g, '"');
-      }
-      try {
-        clonedOptions = JSON.parse(optionsString);
-        if (inheritedOptions) clonedOptions = {
-          ...inheritedOptions,
-          ...clonedOptions
-        };
-      } catch (e2) {
-        this.logger.warn(`failed parsing options string in nesting for key ${key}`, e2);
-        return `${key}${sep}${optionsString}`;
-      }
-      if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;
-      return key;
-    };
-    while (match2 = this.nestingRegexp.exec(str)) {
-      let formatters2 = [];
-      clonedOptions = {
-        ...options
-      };
-      clonedOptions = clonedOptions.replace && !isString$3(clonedOptions.replace) ? clonedOptions.replace : clonedOptions;
-      clonedOptions.applyPostProcessor = false;
-      delete clonedOptions.defaultValue;
-      const keyEndIndex = /{.*}/.test(match2[1]) ? match2[1].lastIndexOf("}") + 1 : match2[1].indexOf(this.formatSeparator);
-      if (keyEndIndex !== -1) {
-        formatters2 = match2[1].slice(keyEndIndex).split(this.formatSeparator).map((elem) => elem.trim()).filter(Boolean);
-        match2[1] = match2[1].slice(0, keyEndIndex);
-      }
-      value = fc(handleHasOptions.call(this, match2[1].trim(), clonedOptions), clonedOptions);
-      if (value && match2[0] === str && !isString$3(value)) return value;
-      if (!isString$3(value)) value = makeString(value);
-      if (!value) {
-        this.logger.warn(`missed to resolve ${match2[1]} for nesting ${str}`);
-        value = "";
-      }
-      if (formatters2.length) {
-        value = formatters2.reduce((v, f) => this.format(v, f, options.lng, {
-          ...options,
-          interpolationkey: match2[1].trim()
-        }), value.trim());
-      }
-      str = str.replace(match2[0], value);
-      this.regexp.lastIndex = 0;
-    }
-    return str;
-  }
-}
-const parseFormatStr = (formatStr) => {
-  let formatName = formatStr.toLowerCase().trim();
-  const formatOptions = {};
-  if (formatStr.indexOf("(") > -1) {
-    const p = formatStr.split("(");
-    formatName = p[0].toLowerCase().trim();
-    const optStr = p[1].substring(0, p[1].length - 1);
-    if (formatName === "currency" && optStr.indexOf(":") < 0) {
-      if (!formatOptions.currency) formatOptions.currency = optStr.trim();
-    } else if (formatName === "relativetime" && optStr.indexOf(":") < 0) {
-      if (!formatOptions.range) formatOptions.range = optStr.trim();
-    } else {
-      const opts = optStr.split(";");
-      opts.forEach((opt) => {
-        if (opt) {
-          const [key, ...rest] = opt.split(":");
-          const val = rest.join(":").trim().replace(/^'+|'+$/g, "");
-          const trimmedKey = key.trim();
-          if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;
-          if (val === "false") formatOptions[trimmedKey] = false;
-          if (val === "true") formatOptions[trimmedKey] = true;
-          if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);
-        }
-      });
-    }
-  }
-  return {
-    formatName,
-    formatOptions
-  };
-};
-const createCachedFormatter = (fn2) => {
-  const cache = {};
-  return (v, l, o2) => {
-    let optForCache = o2;
-    if (o2 && o2.interpolationkey && o2.formatParams && o2.formatParams[o2.interpolationkey] && o2[o2.interpolationkey]) {
-      optForCache = {
-        ...optForCache,
-        [o2.interpolationkey]: void 0
-      };
-    }
-    const key = l + JSON.stringify(optForCache);
-    let frm = cache[key];
-    if (!frm) {
-      frm = fn2(getCleanedCode(l), o2);
-      cache[key] = frm;
-    }
-    return frm(v);
-  };
-};
-const createNonCachedFormatter = (fn2) => (v, l, o2) => fn2(getCleanedCode(l), o2)(v);
-class Formatter {
-  constructor(options = {}) {
-    this.logger = baseLogger.create("formatter");
-    this.options = options;
-    this.init(options);
-  }
-  init(services, options = {
-    interpolation: {}
-  }) {
-    this.formatSeparator = options.interpolation.formatSeparator || ",";
-    const cf = options.cacheInBuiltFormats ? createCachedFormatter : createNonCachedFormatter;
-    this.formats = {
-      number: cf((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      }),
-      currency: cf((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt,
-          style: "currency"
-        });
-        return (val) => formatter.format(val);
-      }),
-      datetime: cf((lng, opt) => {
-        const formatter = new Intl.DateTimeFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      }),
-      relativetime: cf((lng, opt) => {
-        const formatter = new Intl.RelativeTimeFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val, opt.range || "day");
-      }),
-      list: cf((lng, opt) => {
-        const formatter = new Intl.ListFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      })
-    };
-  }
-  add(name, fc) {
-    this.formats[name.toLowerCase().trim()] = fc;
-  }
-  addCached(name, fc) {
-    this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
-  }
-  format(value, format2, lng, options = {}) {
-    const formats = format2.split(this.formatSeparator);
-    if (formats.length > 1 && formats[0].indexOf("(") > 1 && formats[0].indexOf(")") < 0 && formats.find((f) => f.indexOf(")") > -1)) {
-      const lastIndex = formats.findIndex((f) => f.indexOf(")") > -1);
-      formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);
-    }
-    const result = formats.reduce((mem, f) => {
-      var _a;
-      const {
-        formatName,
-        formatOptions
-      } = parseFormatStr(f);
-      if (this.formats[formatName]) {
-        let formatted = mem;
-        try {
-          const valOptions = ((_a = options == null ? void 0 : options.formatParams) == null ? void 0 : _a[options.interpolationkey]) || {};
-          const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
-          formatted = this.formats[formatName](mem, l, {
-            ...formatOptions,
-            ...options,
-            ...valOptions
-          });
-        } catch (error) {
-          this.logger.warn(error);
-        }
-        return formatted;
-      } else {
-        this.logger.warn(`there was no format function for ${formatName}`);
-      }
-      return mem;
-    }, value);
-    return result;
-  }
-}
-const removePending = (q2, name) => {
-  if (q2.pending[name] !== void 0) {
-    delete q2.pending[name];
-    q2.pendingCount--;
-  }
-};
-class Connector extends EventEmitter {
-  constructor(backend, store, services, options = {}) {
-    var _a, _b;
-    super();
-    this.backend = backend;
-    this.store = store;
-    this.services = services;
-    this.languageUtils = services.languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create("backendConnector");
-    this.waitingReads = [];
-    this.maxParallelReads = options.maxParallelReads || 10;
-    this.readingCalls = 0;
-    this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
-    this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
-    this.state = {};
-    this.queue = [];
-    (_b = (_a = this.backend) == null ? void 0 : _a.init) == null ? void 0 : _b.call(_a, services, options.backend, options);
-  }
-  queueLoad(languages, namespaces, options, callback) {
-    const toLoad = {};
-    const pending = {};
-    const toLoadLanguages = {};
-    const toLoadNamespaces = {};
-    languages.forEach((lng) => {
-      let hasAllNamespaces = true;
-      namespaces.forEach((ns) => {
-        const name = `${lng}|${ns}`;
-        if (!options.reload && this.store.hasResourceBundle(lng, ns)) {
-          this.state[name] = 2;
-        } else if (this.state[name] < 0) ;
-        else if (this.state[name] === 1) {
-          if (pending[name] === void 0) pending[name] = true;
-        } else {
-          this.state[name] = 1;
-          hasAllNamespaces = false;
-          if (pending[name] === void 0) pending[name] = true;
-          if (toLoad[name] === void 0) toLoad[name] = true;
-          if (toLoadNamespaces[ns] === void 0) toLoadNamespaces[ns] = true;
-        }
-      });
-      if (!hasAllNamespaces) toLoadLanguages[lng] = true;
-    });
-    if (Object.keys(toLoad).length || Object.keys(pending).length) {
-      this.queue.push({
-        pending,
-        pendingCount: Object.keys(pending).length,
-        loaded: {},
-        errors: [],
-        callback
-      });
-    }
-    return {
-      toLoad: Object.keys(toLoad),
-      pending: Object.keys(pending),
-      toLoadLanguages: Object.keys(toLoadLanguages),
-      toLoadNamespaces: Object.keys(toLoadNamespaces)
-    };
-  }
-  loaded(name, err, data) {
-    const s4 = name.split("|");
-    const lng = s4[0];
-    const ns = s4[1];
-    if (err) this.emit("failedLoading", lng, ns, err);
-    if (!err && data) {
-      this.store.addResourceBundle(lng, ns, data, void 0, void 0, {
-        skipCopy: true
-      });
-    }
-    this.state[name] = err ? -1 : 2;
-    if (err && data) this.state[name] = 0;
-    const loaded = {};
-    this.queue.forEach((q2) => {
-      pushPath(q2.loaded, [lng], ns);
-      removePending(q2, name);
-      if (err) q2.errors.push(err);
-      if (q2.pendingCount === 0 && !q2.done) {
-        Object.keys(q2.loaded).forEach((l) => {
-          if (!loaded[l]) loaded[l] = {};
-          const loadedKeys = q2.loaded[l];
-          if (loadedKeys.length) {
-            loadedKeys.forEach((n2) => {
-              if (loaded[l][n2] === void 0) loaded[l][n2] = true;
-            });
-          }
-        });
-        q2.done = true;
-        if (q2.errors.length) {
-          q2.callback(q2.errors);
-        } else {
-          q2.callback();
-        }
-      }
-    });
-    this.emit("loaded", loaded);
-    this.queue = this.queue.filter((q2) => !q2.done);
-  }
-  read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {
-    if (!lng.length) return callback(null, {});
-    if (this.readingCalls >= this.maxParallelReads) {
-      this.waitingReads.push({
-        lng,
-        ns,
-        fcName,
-        tried,
-        wait,
-        callback
-      });
-      return;
-    }
-    this.readingCalls++;
-    const resolver = (err, data) => {
-      this.readingCalls--;
-      if (this.waitingReads.length > 0) {
-        const next = this.waitingReads.shift();
-        this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
-      }
-      if (err && data && tried < this.maxRetries) {
-        setTimeout(() => {
-          this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);
-        }, wait);
-        return;
-      }
-      callback(err, data);
-    };
-    const fc = this.backend[fcName].bind(this.backend);
-    if (fc.length === 2) {
-      try {
-        const r2 = fc(lng, ns);
-        if (r2 && typeof r2.then === "function") {
-          r2.then((data) => resolver(null, data)).catch(resolver);
-        } else {
-          resolver(null, r2);
-        }
-      } catch (err) {
-        resolver(err);
-      }
-      return;
-    }
-    return fc(lng, ns, resolver);
-  }
-  prepareLoading(languages, namespaces, options = {}, callback) {
-    if (!this.backend) {
-      this.logger.warn("No backend was added via i18next.use. Will not load resources.");
-      return callback && callback();
-    }
-    if (isString$3(languages)) languages = this.languageUtils.toResolveHierarchy(languages);
-    if (isString$3(namespaces)) namespaces = [namespaces];
-    const toLoad = this.queueLoad(languages, namespaces, options, callback);
-    if (!toLoad.toLoad.length) {
-      if (!toLoad.pending.length) callback();
-      return null;
-    }
-    toLoad.toLoad.forEach((name) => {
-      this.loadOne(name);
-    });
-  }
-  load(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {}, callback);
-  }
-  reload(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {
-      reload: true
-    }, callback);
-  }
-  loadOne(name, prefix = "") {
-    const s4 = name.split("|");
-    const lng = s4[0];
-    const ns = s4[1];
-    this.read(lng, ns, "read", void 0, void 0, (err, data) => {
-      if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);
-      if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);
-      this.loaded(name, err, data);
-    });
-  }
-  saveMissing(languages, namespace, key, fallbackValue, isUpdate, options = {}, clb = () => {
-  }) {
-    var _a, _b, _c, _d, _e;
-    if (((_b = (_a = this.services) == null ? void 0 : _a.utils) == null ? void 0 : _b.hasLoadedNamespace) && !((_d = (_c = this.services) == null ? void 0 : _c.utils) == null ? void 0 : _d.hasLoadedNamespace(namespace))) {
-      this.logger.warn(`did not save key "${key}" as the namespace "${namespace}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
-      return;
-    }
-    if (key === void 0 || key === null || key === "") return;
-    if ((_e = this.backend) == null ? void 0 : _e.create) {
-      const opts = {
-        ...options,
-        isUpdate
-      };
-      const fc = this.backend.create.bind(this.backend);
-      if (fc.length < 6) {
-        try {
-          let r2;
-          if (fc.length === 5) {
-            r2 = fc(languages, namespace, key, fallbackValue, opts);
-          } else {
-            r2 = fc(languages, namespace, key, fallbackValue);
-          }
-          if (r2 && typeof r2.then === "function") {
-            r2.then((data) => clb(null, data)).catch(clb);
-          } else {
-            clb(null, r2);
-          }
-        } catch (err) {
-          clb(err);
-        }
-      } else {
-        fc(languages, namespace, key, fallbackValue, clb, opts);
-      }
-    }
-    if (!languages || !languages[0]) return;
-    this.store.addResource(languages[0], namespace, key, fallbackValue);
-  }
-}
-const get$1 = () => ({
-  debug: false,
-  initAsync: true,
-  ns: ["translation"],
-  defaultNS: ["translation"],
-  fallbackLng: ["dev"],
-  fallbackNS: false,
-  supportedLngs: false,
-  nonExplicitSupportedLngs: false,
-  load: "all",
-  preload: false,
-  simplifyPluralSuffix: true,
-  keySeparator: ".",
-  nsSeparator: ":",
-  pluralSeparator: "_",
-  contextSeparator: "_",
-  partialBundledLanguages: false,
-  saveMissing: false,
-  updateMissing: false,
-  saveMissingTo: "fallback",
-  saveMissingPlurals: true,
-  missingKeyHandler: false,
-  missingInterpolationHandler: false,
-  postProcess: false,
-  postProcessPassResolved: false,
-  returnNull: false,
-  returnEmptyString: true,
-  returnObjects: false,
-  joinArrays: false,
-  returnedObjectHandler: false,
-  parseMissingKeyHandler: false,
-  appendNamespaceToMissingKey: false,
-  appendNamespaceToCIMode: false,
-  overloadTranslationOptionHandler: (args) => {
-    let ret = {};
-    if (typeof args[1] === "object") ret = args[1];
-    if (isString$3(args[1])) ret.defaultValue = args[1];
-    if (isString$3(args[2])) ret.tDescription = args[2];
-    if (typeof args[2] === "object" || typeof args[3] === "object") {
-      const options = args[3] || args[2];
-      Object.keys(options).forEach((key) => {
-        ret[key] = options[key];
-      });
-    }
-    return ret;
-  },
-  interpolation: {
-    escapeValue: true,
-    format: (value) => value,
-    prefix: "{{",
-    suffix: "}}",
-    formatSeparator: ",",
-    unescapePrefix: "-",
-    nestingPrefix: "$t(",
-    nestingSuffix: ")",
-    nestingOptionsSeparator: ",",
-    maxReplaces: 1e3,
-    skipOnVariables: true
-  },
-  cacheInBuiltFormats: true
-});
-const transformOptions = (options) => {
-  var _a, _b;
-  if (isString$3(options.ns)) options.ns = [options.ns];
-  if (isString$3(options.fallbackLng)) options.fallbackLng = [options.fallbackLng];
-  if (isString$3(options.fallbackNS)) options.fallbackNS = [options.fallbackNS];
-  if (((_b = (_a = options.supportedLngs) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "cimode")) < 0) {
-    options.supportedLngs = options.supportedLngs.concat(["cimode"]);
-  }
-  if (typeof options.initImmediate === "boolean") options.initAsync = options.initImmediate;
-  return options;
-};
-const noop$5 = () => {
-};
-const bindMemberFunctions = (inst) => {
-  const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
-  mems.forEach((mem) => {
-    if (typeof inst[mem] === "function") {
-      inst[mem] = inst[mem].bind(inst);
-    }
-  });
-};
-class I18n extends EventEmitter {
-  constructor(options = {}, callback) {
-    super();
-    this.options = transformOptions(options);
-    this.services = {};
-    this.logger = baseLogger;
-    this.modules = {
-      external: []
-    };
-    bindMemberFunctions(this);
-    if (callback && !this.isInitialized && !options.isClone) {
-      if (!this.options.initAsync) {
-        this.init(options, callback);
-        return this;
-      }
-      setTimeout(() => {
-        this.init(options, callback);
-      }, 0);
-    }
-  }
-  init(options = {}, callback) {
-    this.isInitializing = true;
-    if (typeof options === "function") {
-      callback = options;
-      options = {};
-    }
-    if (options.defaultNS == null && options.ns) {
-      if (isString$3(options.ns)) {
-        options.defaultNS = options.ns;
-      } else if (options.ns.indexOf("translation") < 0) {
-        options.defaultNS = options.ns[0];
-      }
-    }
-    const defOpts = get$1();
-    this.options = {
-      ...defOpts,
-      ...this.options,
-      ...transformOptions(options)
-    };
-    this.options.interpolation = {
-      ...defOpts.interpolation,
-      ...this.options.interpolation
-    };
-    if (options.keySeparator !== void 0) {
-      this.options.userDefinedKeySeparator = options.keySeparator;
-    }
-    if (options.nsSeparator !== void 0) {
-      this.options.userDefinedNsSeparator = options.nsSeparator;
-    }
-    const createClassOnDemand = (ClassOrObject) => {
-      if (!ClassOrObject) return null;
-      if (typeof ClassOrObject === "function") return new ClassOrObject();
-      return ClassOrObject;
-    };
-    if (!this.options.isClone) {
-      if (this.modules.logger) {
-        baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
-      } else {
-        baseLogger.init(null, this.options);
-      }
-      let formatter;
-      if (this.modules.formatter) {
-        formatter = this.modules.formatter;
-      } else {
-        formatter = Formatter;
-      }
-      const lu = new LanguageUtil(this.options);
-      this.store = new ResourceStore(this.options.resources, this.options);
-      const s4 = this.services;
-      s4.logger = baseLogger;
-      s4.resourceStore = this.store;
-      s4.languageUtils = lu;
-      s4.pluralResolver = new PluralResolver(lu, {
-        prepend: this.options.pluralSeparator,
-        simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      });
-      const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;
-      if (usingLegacyFormatFunction) {
-        this.logger.deprecate(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);
-      }
-      if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
-        s4.formatter = createClassOnDemand(formatter);
-        if (s4.formatter.init) s4.formatter.init(s4, this.options);
-        this.options.interpolation.format = s4.formatter.format.bind(s4.formatter);
-      }
-      s4.interpolator = new Interpolator(this.options);
-      s4.utils = {
-        hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      };
-      s4.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s4.resourceStore, s4, this.options);
-      s4.backendConnector.on("*", (event, ...args) => {
-        this.emit(event, ...args);
-      });
-      if (this.modules.languageDetector) {
-        s4.languageDetector = createClassOnDemand(this.modules.languageDetector);
-        if (s4.languageDetector.init) s4.languageDetector.init(s4, this.options.detection, this.options);
-      }
-      if (this.modules.i18nFormat) {
-        s4.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
-        if (s4.i18nFormat.init) s4.i18nFormat.init(this);
-      }
-      this.translator = new Translator(this.services, this.options);
-      this.translator.on("*", (event, ...args) => {
-        this.emit(event, ...args);
-      });
-      this.modules.external.forEach((m3) => {
-        if (m3.init) m3.init(this);
-      });
-    }
-    this.format = this.options.interpolation.format;
-    if (!callback) callback = noop$5;
-    if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
-      const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-      if (codes.length > 0 && codes[0] !== "dev") this.options.lng = codes[0];
-    }
-    if (!this.services.languageDetector && !this.options.lng) {
-      this.logger.warn("init: no languageDetector is used and no lng is defined");
-    }
-    const storeApi = ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"];
-    storeApi.forEach((fcName) => {
-      this[fcName] = (...args) => this.store[fcName](...args);
-    });
-    const storeApiChained = ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"];
-    storeApiChained.forEach((fcName) => {
-      this[fcName] = (...args) => {
-        this.store[fcName](...args);
-        return this;
-      };
-    });
-    const deferred = defer();
-    const load = () => {
-      const finish = (err, t2) => {
-        this.isInitializing = false;
-        if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn("init: i18next is already initialized. You should call init just once!");
-        this.isInitialized = true;
-        if (!this.options.isClone) this.logger.log("initialized", this.options);
-        this.emit("initialized", this.options);
-        deferred.resolve(t2);
-        callback(err, t2);
-      };
-      if (this.languages && !this.isInitialized) return finish(null, this.t.bind(this));
-      this.changeLanguage(this.options.lng, finish);
-    };
-    if (this.options.resources || !this.options.initAsync) {
-      load();
-    } else {
-      setTimeout(load, 0);
-    }
-    return deferred;
-  }
-  loadResources(language, callback = noop$5) {
-    var _a, _b;
-    let usedCallback = callback;
-    const usedLng = isString$3(language) ? language : this.language;
-    if (typeof language === "function") usedCallback = language;
-    if (!this.options.resources || this.options.partialBundledLanguages) {
-      if ((usedLng == null ? void 0 : usedLng.toLowerCase()) === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();
-      const toLoad = [];
-      const append2 = (lng) => {
-        if (!lng) return;
-        if (lng === "cimode") return;
-        const lngs = this.services.languageUtils.toResolveHierarchy(lng);
-        lngs.forEach((l) => {
-          if (l === "cimode") return;
-          if (toLoad.indexOf(l) < 0) toLoad.push(l);
-        });
-      };
-      if (!usedLng) {
-        const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-        fallbacks.forEach((l) => append2(l));
-      } else {
-        append2(usedLng);
-      }
-      (_b = (_a = this.options.preload) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, (l) => append2(l));
-      this.services.backendConnector.load(toLoad, this.options.ns, (e2) => {
-        if (!e2 && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
-        usedCallback(e2);
-      });
-    } else {
-      usedCallback(null);
-    }
-  }
-  reloadResources(lngs, ns, callback) {
-    const deferred = defer();
-    if (typeof lngs === "function") {
-      callback = lngs;
-      lngs = void 0;
-    }
-    if (typeof ns === "function") {
-      callback = ns;
-      ns = void 0;
-    }
-    if (!lngs) lngs = this.languages;
-    if (!ns) ns = this.options.ns;
-    if (!callback) callback = noop$5;
-    this.services.backendConnector.reload(lngs, ns, (err) => {
-      deferred.resolve();
-      callback(err);
-    });
-    return deferred;
-  }
-  use(module) {
-    if (!module) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
-    if (!module.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    if (module.type === "backend") {
-      this.modules.backend = module;
-    }
-    if (module.type === "logger" || module.log && module.warn && module.error) {
-      this.modules.logger = module;
-    }
-    if (module.type === "languageDetector") {
-      this.modules.languageDetector = module;
-    }
-    if (module.type === "i18nFormat") {
-      this.modules.i18nFormat = module;
-    }
-    if (module.type === "postProcessor") {
-      postProcessor.addPostProcessor(module);
-    }
-    if (module.type === "formatter") {
-      this.modules.formatter = module;
-    }
-    if (module.type === "3rdParty") {
-      this.modules.external.push(module);
-    }
-    return this;
-  }
-  setResolvedLanguage(l) {
-    if (!l || !this.languages) return;
-    if (["cimode", "dev"].indexOf(l) > -1) return;
-    for (let li = 0; li < this.languages.length; li++) {
-      const lngInLngs = this.languages[li];
-      if (["cimode", "dev"].indexOf(lngInLngs) > -1) continue;
-      if (this.store.hasLanguageSomeTranslations(lngInLngs)) {
-        this.resolvedLanguage = lngInLngs;
-        break;
-      }
-    }
-    if (!this.resolvedLanguage && this.languages.indexOf(l) < 0 && this.store.hasLanguageSomeTranslations(l)) {
-      this.resolvedLanguage = l;
-      this.languages.unshift(l);
-    }
-  }
-  changeLanguage(lng, callback) {
-    this.isLanguageChangingTo = lng;
-    const deferred = defer();
-    this.emit("languageChanging", lng);
-    const setLngProps = (l) => {
-      this.language = l;
-      this.languages = this.services.languageUtils.toResolveHierarchy(l);
-      this.resolvedLanguage = void 0;
-      this.setResolvedLanguage(l);
-    };
-    const done = (err, l) => {
-      if (l) {
-        if (this.isLanguageChangingTo === lng) {
-          setLngProps(l);
-          this.translator.changeLanguage(l);
-          this.isLanguageChangingTo = void 0;
-          this.emit("languageChanged", l);
-          this.logger.log("languageChanged", l);
-        }
-      } else {
-        this.isLanguageChangingTo = void 0;
-      }
-      deferred.resolve((...args) => this.t(...args));
-      if (callback) callback(err, (...args) => this.t(...args));
-    };
-    const setLng = (lngs) => {
-      var _a, _b;
-      if (!lng && !lngs && this.services.languageDetector) lngs = [];
-      const fl = isString$3(lngs) ? lngs : lngs && lngs[0];
-      const l = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString$3(lngs) ? [lngs] : lngs);
-      if (l) {
-        if (!this.language) {
-          setLngProps(l);
-        }
-        if (!this.translator.language) this.translator.changeLanguage(l);
-        (_b = (_a = this.services.languageDetector) == null ? void 0 : _a.cacheUserLanguage) == null ? void 0 : _b.call(_a, l);
-      }
-      this.loadResources(l, (err) => {
-        done(err, l);
-      });
-    };
-    if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
-      setLng(this.services.languageDetector.detect());
-    } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
-      if (this.services.languageDetector.detect.length === 0) {
-        this.services.languageDetector.detect().then(setLng);
-      } else {
-        this.services.languageDetector.detect(setLng);
-      }
-    } else {
-      setLng(lng);
-    }
-    return deferred;
-  }
-  getFixedT(lng, ns, keyPrefix) {
-    const fixedT = (key, opts, ...rest) => {
-      let o2;
-      if (typeof opts !== "object") {
-        o2 = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
-      } else {
-        o2 = {
-          ...opts
-        };
-      }
-      o2.lng = o2.lng || fixedT.lng;
-      o2.lngs = o2.lngs || fixedT.lngs;
-      o2.ns = o2.ns || fixedT.ns;
-      if (o2.keyPrefix !== "") o2.keyPrefix = o2.keyPrefix || keyPrefix || fixedT.keyPrefix;
-      const keySeparator = this.options.keySeparator || ".";
-      let resultKey;
-      if (o2.keyPrefix && Array.isArray(key)) {
-        resultKey = key.map((k2) => {
-          if (typeof k2 === "function") k2 = keysFromSelector(k2, {
-            ...this.options,
-            ...opts
-          });
-          return `${o2.keyPrefix}${keySeparator}${k2}`;
-        });
-      } else {
-        if (typeof key === "function") key = keysFromSelector(key, {
-          ...this.options,
-          ...opts
-        });
-        resultKey = o2.keyPrefix ? `${o2.keyPrefix}${keySeparator}${key}` : key;
-      }
-      return this.t(resultKey, o2);
-    };
-    if (isString$3(lng)) {
-      fixedT.lng = lng;
-    } else {
-      fixedT.lngs = lng;
-    }
-    fixedT.ns = ns;
-    fixedT.keyPrefix = keyPrefix;
-    return fixedT;
-  }
-  t(...args) {
-    var _a;
-    return (_a = this.translator) == null ? void 0 : _a.translate(...args);
-  }
-  exists(...args) {
-    var _a;
-    return (_a = this.translator) == null ? void 0 : _a.exists(...args);
-  }
-  setDefaultNamespace(ns) {
-    this.options.defaultNS = ns;
-  }
-  hasLoadedNamespace(ns, options = {}) {
-    if (!this.isInitialized) {
-      this.logger.warn("hasLoadedNamespace: i18next was not initialized", this.languages);
-      return false;
-    }
-    if (!this.languages || !this.languages.length) {
-      this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages);
-      return false;
-    }
-    const lng = options.lng || this.resolvedLanguage || this.languages[0];
-    const fallbackLng = this.options ? this.options.fallbackLng : false;
-    const lastLng = this.languages[this.languages.length - 1];
-    if (lng.toLowerCase() === "cimode") return true;
-    const loadNotPending = (l, n2) => {
-      const loadState = this.services.backendConnector.state[`${l}|${n2}`];
-      return loadState === -1 || loadState === 0 || loadState === 2;
-    };
-    if (options.precheck) {
-      const preResult = options.precheck(this, loadNotPending);
-      if (preResult !== void 0) return preResult;
-    }
-    if (this.hasResourceBundle(lng, ns)) return true;
-    if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-    return false;
-  }
-  loadNamespaces(ns, callback) {
-    const deferred = defer();
-    if (!this.options.ns) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    if (isString$3(ns)) ns = [ns];
-    ns.forEach((n2) => {
-      if (this.options.ns.indexOf(n2) < 0) this.options.ns.push(n2);
-    });
-    this.loadResources((err) => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  loadLanguages(lngs, callback) {
-    const deferred = defer();
-    if (isString$3(lngs)) lngs = [lngs];
-    const preloaded = this.options.preload || [];
-    const newLngs = lngs.filter((lng) => preloaded.indexOf(lng) < 0 && this.services.languageUtils.isSupportedCode(lng));
-    if (!newLngs.length) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    this.options.preload = preloaded.concat(newLngs);
-    this.loadResources((err) => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  dir(lng) {
-    var _a, _b;
-    if (!lng) lng = this.resolvedLanguage || (((_a = this.languages) == null ? void 0 : _a.length) > 0 ? this.languages[0] : this.language);
-    if (!lng) return "rtl";
-    try {
-      const l = new Intl.Locale(lng);
-      if (l && l.getTextInfo) {
-        const ti = l.getTextInfo();
-        if (ti && ti.direction) return ti.direction;
-      }
-    } catch (e2) {
-    }
-    const rtlLngs = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"];
-    const languageUtils = ((_b = this.services) == null ? void 0 : _b.languageUtils) || new LanguageUtil(get$1());
-    if (lng.toLowerCase().indexOf("-latn") > 1) return "ltr";
-    return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
-  }
-  static createInstance(options = {}, callback) {
-    return new I18n(options, callback);
-  }
-  cloneInstance(options = {}, callback = noop$5) {
-    const forkResourceStore = options.forkResourceStore;
-    if (forkResourceStore) delete options.forkResourceStore;
-    const mergedOptions = {
-      ...this.options,
-      ...options,
-      ...{
-        isClone: true
-      }
-    };
-    const clone2 = new I18n(mergedOptions);
-    if (options.debug !== void 0 || options.prefix !== void 0) {
-      clone2.logger = clone2.logger.clone(options);
-    }
-    const membersToCopy = ["store", "services", "language"];
-    membersToCopy.forEach((m3) => {
-      clone2[m3] = this[m3];
-    });
-    clone2.services = {
-      ...this.services
-    };
-    clone2.services.utils = {
-      hasLoadedNamespace: clone2.hasLoadedNamespace.bind(clone2)
-    };
-    if (forkResourceStore) {
-      const clonedData = Object.keys(this.store.data).reduce((prev, l) => {
-        prev[l] = {
-          ...this.store.data[l]
-        };
-        prev[l] = Object.keys(prev[l]).reduce((acc, n2) => {
-          acc[n2] = {
-            ...prev[l][n2]
-          };
-          return acc;
-        }, prev[l]);
-        return prev;
-      }, {});
-      clone2.store = new ResourceStore(clonedData, mergedOptions);
-      clone2.services.resourceStore = clone2.store;
-    }
-    clone2.translator = new Translator(clone2.services, mergedOptions);
-    clone2.translator.on("*", (event, ...args) => {
-      clone2.emit(event, ...args);
-    });
-    clone2.init(mergedOptions, callback);
-    clone2.translator.options = mergedOptions;
-    clone2.translator.backendConnector.services.utils = {
-      hasLoadedNamespace: clone2.hasLoadedNamespace.bind(clone2)
-    };
-    return clone2;
-  }
-  toJSON() {
-    return {
-      options: this.options,
-      store: this.store,
-      language: this.language,
-      languages: this.languages,
-      resolvedLanguage: this.resolvedLanguage
-    };
-  }
-}
-const instance = I18n.createInstance();
-instance.createInstance = I18n.createInstance;
-instance.createInstance;
-instance.dir;
-instance.init;
-instance.loadResources;
-instance.reloadResources;
-instance.use;
-instance.changeLanguage;
-instance.getFixedT;
-instance.t;
-instance.exists;
-instance.setDefaultNamespace;
-instance.hasLoadedNamespace;
-instance.loadNamespaces;
-instance.loadLanguages;
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x2) {
-  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
-}
-const warn = (i18n, code, msg, rest) => {
-  var _a, _b, _c, _d;
-  const args = [msg, {
-    code,
-    ...rest || {}
-  }];
-  if ((_b = (_a = i18n == null ? void 0 : i18n.services) == null ? void 0 : _a.logger) == null ? void 0 : _b.forward) {
-    return i18n.services.logger.forward(args, "warn", "react-i18next::", true);
-  }
-  if (isString$2(args[0])) args[0] = `react-i18next:: ${args[0]}`;
-  if ((_d = (_c = i18n == null ? void 0 : i18n.services) == null ? void 0 : _c.logger) == null ? void 0 : _d.warn) {
-    i18n.services.logger.warn(...args);
-  } else if (console == null ? void 0 : console.warn) {
-    console.warn(...args);
-  }
-};
-const alreadyWarned = {};
-const warnOnce = (i18n, code, msg, rest) => {
-  if (isString$2(msg) && alreadyWarned[msg]) return;
-  if (isString$2(msg)) alreadyWarned[msg] = /* @__PURE__ */ new Date();
-  warn(i18n, code, msg, rest);
-};
-const loadedClb = (i18n, cb) => () => {
-  if (i18n.isInitialized) {
-    cb();
-  } else {
-    const initialized = () => {
-      setTimeout(() => {
-        i18n.off("initialized", initialized);
-      }, 0);
-      cb();
-    };
-    i18n.on("initialized", initialized);
-  }
-};
-const loadNamespaces = (i18n, ns, cb) => {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-};
-const loadLanguages = (i18n, lng, ns, cb) => {
-  if (isString$2(ns)) ns = [ns];
-  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
-  ns.forEach((n2) => {
-    if (i18n.options.ns.indexOf(n2) < 0) i18n.options.ns.push(n2);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-};
-const hasLoadedNamespace = (ns, i18n, options = {}) => {
-  if (!i18n.languages || !i18n.languages.length) {
-    warnOnce(i18n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
-      languages: i18n.languages
-    });
-    return true;
-  }
-  return i18n.hasLoadedNamespace(ns, {
-    lng: options.lng,
-    precheck: (i18nInstance2, loadNotPending) => {
-      if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
-    }
-  });
-};
-const isString$2 = (obj) => typeof obj === "string";
-const isObject$3 = (obj) => typeof obj === "object" && obj !== null;
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-const unescapeHtmlEntity = (m3) => htmlEntities[m3];
-const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-let defaultOptions$2 = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape: unescape$1
-};
-const setDefaults = (options = {}) => {
-  defaultOptions$2 = {
-    ...defaultOptions$2,
-    ...options
-  };
-};
-const getDefaults = () => defaultOptions$2;
-let i18nInstance;
-const setI18n = (instance2) => {
-  i18nInstance = instance2;
-};
-const getI18n = () => i18nInstance;
-const initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-    setI18n(instance2);
-  }
-};
-const I18nContext = createContext();
-class ReportNamespaces {
-  constructor() {
-    this.usedNamespaces = {};
-  }
-  addUsedNamespaces(namespaces) {
-    namespaces.forEach((ns) => {
-      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-    });
-  }
-  getUsedNamespaces() {
-    return Object.keys(this.usedNamespaces);
-  }
-}
-const usePrevious = (value, ignore) => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value, ignore]);
-  return ref.current;
-};
-const alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
-const useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
-const useTranslation = (ns, props = {}) => {
-  var _a, _b, _c, _d;
-  const {
-    i18n: i18nFromProps
-  } = props;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = useContext(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-  if (!i18n) {
-    warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
-    const notReadyT = (k2, optsOrDefaultValue) => {
-      if (isString$2(optsOrDefaultValue)) return optsOrDefaultValue;
-      if (isObject$3(optsOrDefaultValue) && isString$2(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k2) ? k2[k2.length - 1] : k2;
-    };
-    const retNotReady = [notReadyT, {}, false];
-    retNotReady.t = notReadyT;
-    retNotReady.i18n = {};
-    retNotReady.ready = false;
-    return retNotReady;
-  }
-  if ((_a = i18n.options.react) == null ? void 0 : _a.wait) warnOnce(i18n, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const i18nOptions = {
-    ...getDefaults(),
-    ...i18n.options.react,
-    ...props
-  };
-  const {
-    useSuspense,
-    keyPrefix
-  } = i18nOptions;
-  let namespaces = ns || defaultNSFromContext || ((_b = i18n.options) == null ? void 0 : _b.defaultNS);
-  namespaces = isString$2(namespaces) ? [namespaces] : namespaces || ["translation"];
-  (_d = (_c = i18n.reportNamespaces).addUsedNamespaces) == null ? void 0 : _d.call(_c, namespaces);
-  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
-  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const getT = () => memoGetT;
-  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const [t2, setT] = useState(getT);
-  let joinedNS = namespaces.join();
-  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-  const previousJoinedNS = usePrevious(joinedNS);
-  const isMounted = useRef(true);
-  useEffect(() => {
-    const {
-      bindI18n,
-      bindI18nStore
-    } = i18nOptions;
-    isMounted.current = true;
-    if (!ready && !useSuspense) {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      } else {
-        loadNamespaces(i18n, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      }
-    }
-    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getNewT);
-    }
-    const boundReset = () => {
-      if (isMounted.current) setT(getNewT);
-    };
-    if (bindI18n) i18n == null ? void 0 : i18n.on(bindI18n, boundReset);
-    if (bindI18nStore) i18n == null ? void 0 : i18n.store.on(bindI18nStore, boundReset);
-    return () => {
-      isMounted.current = false;
-      if (i18n && bindI18n) bindI18n == null ? void 0 : bindI18n.split(" ").forEach((e2) => i18n.off(e2, boundReset));
-      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, boundReset));
-    };
-  }, [i18n, joinedNS]);
-  useEffect(() => {
-    if (isMounted.current && ready) {
-      setT(getT);
-    }
-  }, [i18n, keyPrefix, ready]);
-  const ret = [t2, i18n, ready];
-  ret.t = t2;
-  ret.i18n = i18n;
-  ret.ready = ready;
-  if (ready) return ret;
-  if (!ready && !useSuspense) return ret;
-  throw new Promise((resolve) => {
-    if (props.lng) {
-      loadLanguages(i18n, props.lng, namespaces, () => resolve());
-    } else {
-      loadNamespaces(i18n, namespaces, () => resolve());
-    }
-  });
-};
 const confirmDialog$1 = { "cancel": "Cancel", "ok": "Ok", "confirm": "Confirm", "delete": "Delete", "save": "Save", "yes": "Yes", "no": "No" };
 const en$1 = {
   confirmDialog: confirmDialog$1
@@ -2470,22 +21,8 @@ const confirmDialog = { "cancel": "Batal", "ok": "Ok", "confirm": "Sahkan", "del
 const ms$1 = {
   confirmDialog
 };
-const resources = {
-  en: {
-    translation: en$1
-  },
-  ms: {
-    translation: ms$1
-  }
-};
-instance.use(initReactI18next).init({
-  resources,
-  lng: "en",
-  fallbackLng: "en",
-  interpolation: {
-    escapeValue: false
-  }
-});
+i18next.addResourceBundle("en", "translation", en$1, true, true);
+i18next.addResourceBundle("ms", "translation", ms$1, true, true);
 const locale$3 = {
   CHANGE_DETECT_TITLE: "Are you sure want discard changes?",
   CHANGE_DETECT_BUTTON: "Keep Editing",
@@ -2544,9 +81,16 @@ const locale$3 = {
   DOCUMENTS_REMARKS: "Documents Remarks",
   LOAN_AMOUNT: "Loan Amount",
   INTEREST_RATE: "Interest Rate",
-  FEES_DEDUCTION: "Fees Deduction",
+  INTEREST_FEES: "Interest Fees",
   REPAYMENT_AMOUNT: "Repayment Amount",
-  CASH_IN_HAND: "Cash In Hand"
+  CASH_IN_HAND: "Cash In Hand",
+  CONFIRM_INFORMATION_READ: "I confirm that I have read, understood, and agree to the loan amount, interest rate, repayment terms, deductions, tenure, and all related loan details.",
+  PDF_PREVIEW_TITLE: "Summary of loan application",
+  TOTAL_INTEREST_RATE: "Total Interest Rate",
+  DURATION: "Duration",
+  STAMP_DUTY: "Stamp Duty",
+  LEGAL_FEES: "Legal Fees",
+  MONTHS: "Months"
 };
 const locale$2 = {
   CHANGE_DETECT_TITLE: "Adakah anda pasti mahu membuang perubahan?",
@@ -2605,12 +149,19 @@ const locale$2 = {
   DOCUMENTS_REMARKS: "Documents Remarks",
   LOAN_AMOUNT: "Jumlah Pinjaman",
   INTEREST_RATE: "Kadar Faedah",
-  FEES_DEDUCTION: "Potongan Yuran",
+  INTEREST_FEES: "Yuran Faedah",
   REPAYMENT_AMOUNT: "Amaun Bayaran Balik",
-  CASH_IN_HAND: "Wang tunai di tangan"
-};
-instance.addResourceBundle("en", "Dialog", locale$3);
-instance.addResourceBundle("ms", "Dialog", locale$2);
+  CASH_IN_HAND: "Wang tunai di tangan",
+  CONFIRM_INFORMATION_READ: "Saya mengesahkan bahawa saya telah membaca, memahami, dan bersetuju dengan jumlah pinjaman, kadar faedah, terma pembayaran balik, potongan, tempoh pinjaman, serta semua butiran pinjaman yang berkaitan.",
+  PDF_PREVIEW_TITLE: "Ringkasan permohonan pinjaman",
+  TOTAL_INTEREST_RATE: "Jumlah Kadar Faedah",
+  DURATION: "Tempoh",
+  STAMP_DUTY: "Duti Setem",
+  LEGAL_FEES: "Yuran Guaman",
+  MONTHS: "Bulan"
+};
+i18next.addResourceBundle("en", "Dialog", locale$3);
+i18next.addResourceBundle("ms", "Dialog", locale$2);
 const ConfirmDialog = ({
   open,
   title,
@@ -2648,6 +199,10 @@ function chainPropTypes(propType1, propType2) {
     return propType1(...args) || propType2(...args);
   };
 }
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x2) {
+  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
+}
 var reactIs$1 = { exports: {} };
 var reactIs_production = {};
 /**
@@ -4123,19 +1678,19 @@ function useEventCallback$1(fn2) {
 }
 function useForkRef$2(...refs) {
   const cleanupRef = React.useRef(void 0);
-  const refEffect = React.useCallback((instance2) => {
+  const refEffect = React.useCallback((instance) => {
     const cleanups = refs.map((ref) => {
       if (ref == null) {
         return null;
       }
       if (typeof ref === "function") {
         const refCallback = ref;
-        const refCleanup = refCallback(instance2);
+        const refCleanup = refCallback(instance);
         return typeof refCleanup === "function" ? refCleanup : () => {
           refCallback(null);
         };
       }
-      ref.current = instance2;
+      ref.current = instance;
       return () => {
         ref.current = null;
       };
@@ -9664,22 +7219,22 @@ function currentImpl(value) {
   if (!isDraftable(value) || isFrozen(value))
     return value;
   const state = value[DRAFT_STATE];
-  let copy2;
+  let copy;
   if (state) {
     if (!state.modified_)
       return state.base_;
     state.finalized_ = true;
-    copy2 = shallowCopy(value, state.scope_.immer_.useStrictShallowCopy_);
+    copy = shallowCopy(value, state.scope_.immer_.useStrictShallowCopy_);
   } else {
-    copy2 = shallowCopy(value, true);
+    copy = shallowCopy(value, true);
   }
-  each(copy2, (key, childValue) => {
-    set$1(copy2, key, currentImpl(childValue));
+  each(copy, (key, childValue) => {
+    set$1(copy, key, currentImpl(childValue));
   });
   if (state) {
     state.finalized_ = false;
   }
-  return copy2;
+  return copy;
 }
 var immer = new Immer2();
 var produce = immer.produce;
@@ -12534,13 +10089,13 @@ Object.entries(HttpStatusCode$1).forEach(([key, value]) => {
 });
 function createInstance(defaultConfig2) {
   const context = new Axios$1(defaultConfig2);
-  const instance2 = bind(Axios$1.prototype.request, context);
-  utils$1.extend(instance2, Axios$1.prototype, context, { allOwnKeys: true });
-  utils$1.extend(instance2, context, null, { allOwnKeys: true });
-  instance2.create = function create(instanceConfig) {
+  const instance = bind(Axios$1.prototype.request, context);
+  utils$1.extend(instance, Axios$1.prototype, context, { allOwnKeys: true });
+  utils$1.extend(instance, context, null, { allOwnKeys: true });
+  instance.create = function create(instanceConfig) {
     return createInstance(mergeConfig$1(defaultConfig2, instanceConfig));
   };
-  return instance2;
+  return instance;
 }
 const axios = createInstance(defaults);
 axios.Axios = Axios$1;
@@ -12992,8 +10547,8 @@ const uploadFile = (file) => async (dispatch) => {
     console.log(error);
   }
 };
-instance.addResourceBundle("en", "Dialog", locale$3);
-instance.addResourceBundle("ms", "Dialog", locale$2);
+i18next.addResourceBundle("en", "Dialog", locale$3);
+i18next.addResourceBundle("ms", "Dialog", locale$2);
 const ChangeDetectDialog = ({
   open,
   onClose,
@@ -13029,26 +10584,26 @@ var isPlainObject = (tempObject) => {
 };
 var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
 function cloneObject(data) {
-  let copy2;
+  let copy;
   const isArray2 = Array.isArray(data);
   const isFileListInstance = typeof FileList !== "undefined" ? data instanceof FileList : false;
   if (data instanceof Date) {
-    copy2 = new Date(data);
+    copy = new Date(data);
   } else if (!(isWeb && (data instanceof Blob || isFileListInstance)) && (isArray2 || isObject$1(data))) {
-    copy2 = isArray2 ? [] : Object.create(Object.getPrototypeOf(data));
+    copy = isArray2 ? [] : Object.create(Object.getPrototypeOf(data));
     if (!isArray2 && !isPlainObject(data)) {
-      copy2 = data;
+      copy = data;
     } else {
       for (const key in data) {
         if (data.hasOwnProperty(key)) {
-          copy2[key] = cloneObject(data[key]);
+          copy[key] = cloneObject(data[key]);
         }
       }
     }
   } else {
     return data;
   }
-  return copy2;
+  return copy;
 }
 var isKey = (value) => /^\w*$/.test(value);
 var isUndefined = (val) => val === void 0;
@@ -15494,33 +13049,33 @@ class ReferenceSet extends Set {
 function clone(src, seen = /* @__PURE__ */ new Map()) {
   if (isSchema(src) || !src || typeof src !== "object") return src;
   if (seen.has(src)) return seen.get(src);
-  let copy2;
+  let copy;
   if (src instanceof Date) {
-    copy2 = new Date(src.getTime());
-    seen.set(src, copy2);
+    copy = new Date(src.getTime());
+    seen.set(src, copy);
   } else if (src instanceof RegExp) {
-    copy2 = new RegExp(src);
-    seen.set(src, copy2);
+    copy = new RegExp(src);
+    seen.set(src, copy);
   } else if (Array.isArray(src)) {
-    copy2 = new Array(src.length);
-    seen.set(src, copy2);
-    for (let i3 = 0; i3 < src.length; i3++) copy2[i3] = clone(src[i3], seen);
+    copy = new Array(src.length);
+    seen.set(src, copy);
+    for (let i3 = 0; i3 < src.length; i3++) copy[i3] = clone(src[i3], seen);
   } else if (src instanceof Map) {
-    copy2 = /* @__PURE__ */ new Map();
-    seen.set(src, copy2);
-    for (const [k2, v] of src.entries()) copy2.set(k2, clone(v, seen));
+    copy = /* @__PURE__ */ new Map();
+    seen.set(src, copy);
+    for (const [k2, v] of src.entries()) copy.set(k2, clone(v, seen));
   } else if (src instanceof Set) {
-    copy2 = /* @__PURE__ */ new Set();
-    seen.set(src, copy2);
-    for (const v of src) copy2.add(clone(v, seen));
+    copy = /* @__PURE__ */ new Set();
+    seen.set(src, copy);
+    for (const v of src) copy.add(clone(v, seen));
   } else if (src instanceof Object) {
-    copy2 = {};
-    seen.set(src, copy2);
-    for (const [k2, v] of Object.entries(src)) copy2[k2] = clone(v, seen);
+    copy = {};
+    seen.set(src, copy);
+    for (const [k2, v] of Object.entries(src)) copy[k2] = clone(v, seen);
   } else {
     throw Error(`Unable to clone ${src}`);
   }
-  return copy2;
+  return copy;
 }
 function createStandardPath(path) {
   if (!(path != null && path.length)) {
@@ -19539,8 +17094,8 @@ const SaveButton = React__default.memo(({
   );
 });
 SaveButton.displayName = "SaveButton";
-instance.addResourceBundle("en", "Dialog", locale$3);
-instance.addResourceBundle("ms", "Dialog", locale$2);
+i18next.addResourceBundle("en", "Dialog", locale$3);
+i18next.addResourceBundle("ms", "Dialog", locale$2);
 const defaultValues$2 = {
   password: ""
 };
@@ -19606,8 +17161,8 @@ function ChangePasswordDialog({ userId }) {
     }
   ) }) }) });
 }
-instance.addResourceBundle("en", "Dialog", locale$3);
-instance.addResourceBundle("ms", "Dialog", locale$2);
+i18next.addResourceBundle("en", "Dialog", locale$3);
+i18next.addResourceBundle("ms", "Dialog", locale$2);
 const DeleteUserDialog = ({
   open,
   deleteUserId,
@@ -21940,8 +19495,8 @@ const ms = {
   FINANCE_APPLICATION_NUMBER: "Nombor Permohonan Kewangan",
   TENANT: "Penyewa"
 };
-instance.addResourceBundle("en", "Autocomplete", en);
-instance.addResourceBundle("ms", "Autocomplete", ms);
+i18next.addResourceBundle("en", "Autocomplete", en);
+i18next.addResourceBundle("ms", "Autocomplete", ms);
 const CustomAutocomplete = React.memo(
   ({
     label,
@@ -24464,14 +22019,14 @@ function requireLodash() {
             });
           });
         }
-        function createPadding(length, chars2) {
-          chars2 = chars2 === undefined$1 ? " " : baseToString(chars2);
-          var charsLength = chars2.length;
+        function createPadding(length, chars) {
+          chars = chars === undefined$1 ? " " : baseToString(chars);
+          var charsLength = chars.length;
           if (charsLength < 2) {
-            return charsLength ? baseRepeat(chars2, length) : chars2;
+            return charsLength ? baseRepeat(chars, length) : chars;
           }
-          var result2 = baseRepeat(chars2, nativeCeil(length / stringSize(chars2)));
-          return hasUnicode(chars2) ? castSlice(stringToArray(result2), 0, length).join("") : result2.slice(0, length);
+          var result2 = baseRepeat(chars, nativeCeil(length / stringSize(chars)));
+          return hasUnicode(chars) ? castSlice(stringToArray(result2), 0, length).join("") : result2.slice(0, length);
         }
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
@@ -25975,7 +23530,7 @@ function requireLodash() {
           debounced.flush = flush;
           return debounced;
         }
-        var defer2 = baseRest(function(func, args) {
+        var defer = baseRest(function(func, args) {
           return baseDelay(func, 1, args);
         });
         var delay = baseRest(function(func, wait, args) {
@@ -26629,7 +24184,7 @@ function requireLodash() {
           position -= target.length;
           return position >= 0 && string2.slice(position, end2) == target;
         }
-        function escape2(string2) {
+        function escape(string2) {
           string2 = toString3(string2);
           return string2 && reHasUnescapedHtml.test(string2) ? string2.replace(reUnescapedHtml, escapeHtmlChar) : string2;
         }
@@ -26644,7 +24199,7 @@ function requireLodash() {
           return result2 + (index ? " " : "") + word.toLowerCase();
         });
         var lowerFirst = createCaseFirst("toLowerCase");
-        function pad(string2, length, chars2) {
+        function pad(string2, length, chars) {
           string2 = toString3(string2);
           length = toInteger2(length);
           var strLength = length ? stringSize(string2) : 0;
@@ -26652,19 +24207,19 @@ function requireLodash() {
             return string2;
           }
           var mid = (length - strLength) / 2;
-          return createPadding(nativeFloor(mid), chars2) + string2 + createPadding(nativeCeil(mid), chars2);
+          return createPadding(nativeFloor(mid), chars) + string2 + createPadding(nativeCeil(mid), chars);
         }
-        function padEnd(string2, length, chars2) {
+        function padEnd(string2, length, chars) {
           string2 = toString3(string2);
           length = toInteger2(length);
           var strLength = length ? stringSize(string2) : 0;
-          return length && strLength < length ? string2 + createPadding(length - strLength, chars2) : string2;
+          return length && strLength < length ? string2 + createPadding(length - strLength, chars) : string2;
         }
-        function padStart(string2, length, chars2) {
+        function padStart(string2, length, chars) {
           string2 = toString3(string2);
           length = toInteger2(length);
           var strLength = length ? stringSize(string2) : 0;
-          return length && strLength < length ? createPadding(length - strLength, chars2) + string2 : string2;
+          return length && strLength < length ? createPadding(length - strLength, chars) + string2 : string2;
         }
         function parseInt2(string2, radix, guard) {
           if (guard || radix == null) {
@@ -26770,37 +24325,37 @@ function requireLodash() {
         function toUpper(value) {
           return toString3(value).toUpperCase();
         }
-        function trim2(string2, chars2, guard) {
+        function trim2(string2, chars, guard) {
           string2 = toString3(string2);
-          if (string2 && (guard || chars2 === undefined$1)) {
+          if (string2 && (guard || chars === undefined$1)) {
             return baseTrim(string2);
           }
-          if (!string2 || !(chars2 = baseToString(chars2))) {
+          if (!string2 || !(chars = baseToString(chars))) {
             return string2;
           }
-          var strSymbols = stringToArray(string2), chrSymbols = stringToArray(chars2), start2 = charsStartIndex(strSymbols, chrSymbols), end2 = charsEndIndex(strSymbols, chrSymbols) + 1;
+          var strSymbols = stringToArray(string2), chrSymbols = stringToArray(chars), start2 = charsStartIndex(strSymbols, chrSymbols), end2 = charsEndIndex(strSymbols, chrSymbols) + 1;
           return castSlice(strSymbols, start2, end2).join("");
         }
-        function trimEnd(string2, chars2, guard) {
+        function trimEnd(string2, chars, guard) {
           string2 = toString3(string2);
-          if (string2 && (guard || chars2 === undefined$1)) {
+          if (string2 && (guard || chars === undefined$1)) {
             return string2.slice(0, trimmedEndIndex(string2) + 1);
           }
-          if (!string2 || !(chars2 = baseToString(chars2))) {
+          if (!string2 || !(chars = baseToString(chars))) {
             return string2;
           }
-          var strSymbols = stringToArray(string2), end2 = charsEndIndex(strSymbols, stringToArray(chars2)) + 1;
+          var strSymbols = stringToArray(string2), end2 = charsEndIndex(strSymbols, stringToArray(chars)) + 1;
           return castSlice(strSymbols, 0, end2).join("");
         }
-        function trimStart(string2, chars2, guard) {
+        function trimStart(string2, chars, guard) {
           string2 = toString3(string2);
-          if (string2 && (guard || chars2 === undefined$1)) {
+          if (string2 && (guard || chars === undefined$1)) {
             return string2.replace(reTrimStart, "");
           }
-          if (!string2 || !(chars2 = baseToString(chars2))) {
+          if (!string2 || !(chars = baseToString(chars))) {
             return string2;
           }
-          var strSymbols = stringToArray(string2), start2 = charsStartIndex(strSymbols, stringToArray(chars2));
+          var strSymbols = stringToArray(string2), start2 = charsStartIndex(strSymbols, stringToArray(chars));
           return castSlice(strSymbols, start2).join("");
         }
         function truncate(string2, options) {
@@ -27091,7 +24646,7 @@ function requireLodash() {
         lodash2.debounce = debounce2;
         lodash2.defaults = defaults2;
         lodash2.defaultsDeep = defaultsDeep;
-        lodash2.defer = defer2;
+        lodash2.defer = defer;
         lodash2.delay = delay;
         lodash2.difference = difference;
         lodash2.differenceBy = differenceBy;
@@ -27235,7 +24790,7 @@ function requireLodash() {
         lodash2.divide = divide;
         lodash2.endsWith = endsWith2;
         lodash2.eq = eq;
-        lodash2.escape = escape2;
+        lodash2.escape = escape;
         lodash2.escapeRegExp = escapeRegExp;
         lodash2.every = every;
         lodash2.find = find;
@@ -28297,6 +25852,43 @@ const CommonStatusChangeDialog = ({
     }
   );
 };
+const CustomCheckbox = ({
+  label,
+  onChange,
+  checked: controlledChecked,
+  ...props
+}) => {
+  const [internalChecked, setInternalChecked] = React__default.useState(false);
+  const isControlled = controlledChecked !== void 0;
+  const isChecked = isControlled ? controlledChecked : internalChecked;
+  const handleChange = (newChecked) => {
+    if (!isControlled) {
+      setInternalChecked(newChecked);
+    }
+    onChange == null ? void 0 : onChange(newChecked);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: label ? /* @__PURE__ */ jsx(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsx(
+        Checkbox$1,
+        {
+          checked: isChecked,
+          onChange: (event) => handleChange(event.target.checked),
+          ...props
+        }
+      ),
+      label
+    }
+  ) : /* @__PURE__ */ jsx(
+    Checkbox$1,
+    {
+      checked: isChecked,
+      onChange: (event) => handleChange(event.target.checked),
+      ...props
+    }
+  ) });
+};
 function shouldShowButton(loginUserDetail, loginUserRoles2, applicationDetailsData) {
   var _a, _b, _c, _d, _e, _f;
   const isAdmin = ((_a = loginUserDetail == null ? void 0 : loginUserDetail.data) == null ? void 0 : _a.slug) === loginUserRoles2.Admin;
@@ -28318,121 +25910,135 @@ const PDFPreviewForTheSignature = ({
   loginUserDetail,
   loginUserRoles: loginUserRoles2,
   ColoredSubmitButton,
+  dialogTitle,
   financeCalculation,
-  t: t2 = (key) => key
+  t: t2 = (key) => key,
+  showConfirmCheckbox = false,
+  ...props
 }) => {
   const showButton = shouldShowButton(
     loginUserDetail,
     loginUserRoles2,
     applicationDetailsData
   );
-  return /* @__PURE__ */ jsx(Dialog$1, { open, onClose, maxWidth: "lg", fullWidth: true, children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "p-0", children: [
-    /* @__PURE__ */ jsx(
-      "embed",
-      {
-        src: filePath,
-        type: "application/pdf",
-        width: "100%",
-        style: { height: "80vh" }
-      }
-    ),
-    showButton && /* @__PURE__ */ jsxs("div", { className: "sticky bottom-0 bg-white w-full border-t-1 border-solid border-grey-500 px-10 py-10 text-end", children: [
-      financeCalculation && /* @__PURE__ */ jsxs(Grid$1, { container: true, spacing: 2, children: [
-        /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, sm: 12, md: 4, className: "flex justify-start", children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body1", children: [
+  const [isTermsConfirmed, setIsTermsConfirmed] = useState(false);
+  return /* @__PURE__ */ jsx(Dialog$1, { open, onClose, maxWidth: "lg", fullWidth: true, ...props, children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "p-0", children: [
+    (dialogTitle || financeCalculation) && /* @__PURE__ */ jsxs("div", { className: "px-16 pt-12 pb-16", children: [
+      dialogTitle && /* @__PURE__ */ jsx(Typography$1, { variant: "h6", className: "font-semibold mb-12", children: dialogTitle }),
+      financeCalculation && /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+        financeCalculation.loanAmount !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
             t2("LOAN_AMOUNT"),
             ": "
           ] }),
-          formatAmount(financeCalculation == null ? void 0 : financeCalculation.loanAmount)
+          formatAmount(financeCalculation.loanAmount)
         ] }) }),
-        /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, sm: 12, md: 4, className: "flex justify-start", children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body1", children: [
+        financeCalculation.totalInterestRate !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
-            t2("INTEREST_RATE"),
+            t2("TOTAL_INTEREST_RATE"),
             ": "
           ] }),
-          formatAmount(financeCalculation == null ? void 0 : financeCalculation.interestFees)
+          financeCalculation.totalInterestRate,
+          " %"
         ] }) }),
-        /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, sm: 12, md: 4, className: "flex justify-start", children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body1", children: [
+        financeCalculation.interestFees !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
-            t2("FEES_DEDUCTION"),
+            t2("INTEREST_FEES"),
             ": "
           ] }),
-          formatAmount(financeCalculation == null ? void 0 : financeCalculation.feesDeduction)
+          formatAmount(financeCalculation.interestFees)
         ] }) }),
-        /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, sm: 12, md: 4, className: "flex justify-start", children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body1", children: [
+        financeCalculation.repaymentAmount !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
             t2("REPAYMENT_AMOUNT"),
             ": "
           ] }),
-          formatAmount(financeCalculation == null ? void 0 : financeCalculation.repaymentAmount)
+          formatAmount(financeCalculation.repaymentAmount)
+        ] }) }),
+        financeCalculation.durationMonths !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            t2("DURATION"),
+            ": "
+          ] }),
+          financeCalculation.durationMonths,
+          " ",
+          t2("MONTHS")
+        ] }) }),
+        financeCalculation.stampDuty !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            t2("STAMP_DUTY"),
+            ": "
+          ] }),
+          formatAmount(financeCalculation.stampDuty)
+        ] }) }),
+        financeCalculation.legalFee !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            t2("LEGAL_FEES"),
+            ": "
+          ] }),
+          formatAmount(financeCalculation.legalFee)
         ] }) }),
-        /* @__PURE__ */ jsx(Grid$1, { item: true, xs: 12, sm: 12, md: 4, className: "flex justify-start", children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body1", children: [
+        financeCalculation.cashInHand !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
             t2("CASH_IN_HAND"),
             ": "
           ] }),
-          formatAmount(financeCalculation == null ? void 0 : financeCalculation.cashInHand)
+          formatAmount(financeCalculation.cashInHand)
         ] }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-10", children: /* @__PURE__ */ jsx(
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-16 py-12", children: /* @__PURE__ */ jsx(
+      "embed",
+      {
+        src: filePath,
+        type: "application/pdf",
+        width: "100%",
+        style: { height: "70vh" }
+      }
+    ) }),
+    (showButton || showConfirmCheckbox) && /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 bg-white w-full px-16 py-10", children: showConfirmCheckbox ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ jsx(
+        CustomCheckbox,
+        {
+          label: t2("CONFIRM_INFORMATION_READ"),
+          checked: isTermsConfirmed,
+          onChange: (checked) => setIsTermsConfirmed(checked),
+          "data-test-id": "pdf-confirm-information-checkbox"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
         ColoredSubmitButton,
         {
           variant: "contained",
-          disabled: isButtonLoading,
+          disabled: isButtonLoading || !isTermsConfirmed,
           onClick: onConfirm,
           isLoading: isButtonLoading,
           className: "rounded-6",
           text: bottomButtonLabel
         }
       ) })
-    ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      ColoredSubmitButton,
+      {
+        variant: "contained",
+        disabled: isButtonLoading,
+        onClick: onConfirm,
+        isLoading: isButtonLoading,
+        className: "rounded-6",
+        text: bottomButtonLabel
+      }
+    ) }) })
   ] }) });
 };
-const CustomCheckbox = ({
-  label,
-  onChange,
-  checked: controlledChecked,
-  ...props
-}) => {
-  const [internalChecked, setInternalChecked] = React__default.useState(false);
-  const isControlled = controlledChecked !== void 0;
-  const isChecked = isControlled ? controlledChecked : internalChecked;
-  const handleChange = (newChecked) => {
-    if (!isControlled) {
-      setInternalChecked(newChecked);
-    }
-    onChange == null ? void 0 : onChange(newChecked);
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: label ? /* @__PURE__ */ jsx(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ jsx(
-        Checkbox$1,
-        {
-          checked: isChecked,
-          onChange: (event) => handleChange(event.target.checked),
-          ...props
-        }
-      ),
-      label
-    }
-  ) : /* @__PURE__ */ jsx(
-    Checkbox$1,
-    {
-      checked: isChecked,
-      onChange: (event) => handleChange(event.target.checked),
-      ...props
-    }
-  ) });
-};
-instance.addResourceBundle("en", "Dialog", locale$3);
-instance.addResourceBundle("ms", "Dialog", locale$2);
+i18next.addResourceBundle("en", "Dialog", locale$3);
+i18next.addResourceBundle("ms", "Dialog", locale$2);
 function DocumentSigningDialog({
   financeDetail,
   loginUserDetail,
   digitalSignatureRole,
   ColoredSubmitButton,
-  financeCalculation
+  financeCalculation,
+  showConfirmCheckbox = false
 }) {
   const { t: t2 } = useTranslation("Dialog");
   const open = useSelector(getIsDocumentSignatureDialogOpen);
@@ -28564,7 +26170,9 @@ function DocumentSigningDialog({
           loginUserRoles,
           ColoredSubmitButton,
           financeCalculation,
-          t: t2
+          t: t2,
+          dialogTitle: t2("PDF_PREVIEW_TITLE"),
+          showConfirmCheckbox
         }
       )
     ] })
@@ -29344,16 +26952,16 @@ function useAutocomplete(props) {
   let groupedOptions = filteredOptions;
   if (groupBy) {
     const indexBy = /* @__PURE__ */ new Map();
-    let warn2 = false;
+    let warn = false;
     groupedOptions = filteredOptions.reduce((acc, option, index) => {
       const group = groupBy(option);
       if (acc.length > 0 && acc[acc.length - 1].group === group) {
         acc[acc.length - 1].options.push(option);
       } else {
         if (process.env.NODE_ENV !== "production") {
-          if (indexBy.get(group) && !warn2) {
+          if (indexBy.get(group) && !warn) {
             console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${componentName} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`.");
-            warn2 = true;
+            warn = true;
           }
           indexBy.set(group, true);
         }
@@ -29949,26 +27557,26 @@ var passive = {
   passive: true
 };
 function effect(_ref) {
-  var state = _ref.state, instance2 = _ref.instance, options = _ref.options;
+  var state = _ref.state, instance = _ref.instance, options = _ref.options;
   var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
   var window2 = getWindow(state.elements.popper);
   var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
   if (scroll) {
     scrollParents.forEach(function(scrollParent) {
-      scrollParent.addEventListener("scroll", instance2.update, passive);
+      scrollParent.addEventListener("scroll", instance.update, passive);
     });
   }
   if (resize) {
-    window2.addEventListener("resize", instance2.update, passive);
+    window2.addEventListener("resize", instance.update, passive);
   }
   return function() {
     if (scroll) {
       scrollParents.forEach(function(scrollParent) {
-        scrollParent.removeEventListener("scroll", instance2.update, passive);
+        scrollParent.removeEventListener("scroll", instance.update, passive);
       });
     }
     if (resize) {
-      window2.removeEventListener("resize", instance2.update, passive);
+      window2.removeEventListener("resize", instance.update, passive);
     }
   };
 }
@@ -30705,7 +28313,7 @@ function popperGenerator(generatorOptions) {
     };
     var effectCleanupFns = [];
     var isDestroyed = false;
-    var instance2 = {
+    var instance = {
       state,
       setOptions: function setOptions(setOptionsAction) {
         var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
@@ -30720,7 +28328,7 @@ function popperGenerator(generatorOptions) {
           return m3.enabled;
         });
         runModifierEffects();
-        return instance2.update();
+        return instance.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -30756,7 +28364,7 @@ function popperGenerator(generatorOptions) {
               state,
               options: _options,
               name,
-              instance: instance2
+              instance
             }) || state;
           }
         }
@@ -30765,7 +28373,7 @@ function popperGenerator(generatorOptions) {
       // not necessary (debounced to run at most once-per-tick)
       update: debounce(function() {
         return new Promise(function(resolve) {
-          instance2.forceUpdate();
+          instance.forceUpdate();
           resolve(state);
         });
       }),
@@ -30775,9 +28383,9 @@ function popperGenerator(generatorOptions) {
       }
     };
     if (!areValidElements(reference2, popper2)) {
-      return instance2;
+      return instance;
     }
-    instance2.setOptions(options).then(function(state2) {
+    instance.setOptions(options).then(function(state2) {
       if (!isDestroyed && options.onFirstUpdate) {
         options.onFirstUpdate(state2);
       }
@@ -30789,7 +28397,7 @@ function popperGenerator(generatorOptions) {
           var cleanupFn = effect2({
             state,
             name,
-            instance: instance2,
+            instance,
             options: options2
           });
           var noopFn = function noopFn2() {
@@ -30804,7 +28412,7 @@ function popperGenerator(generatorOptions) {
       });
       effectCleanupFns = [];
     }
-    return instance2;
+    return instance;
   };
 }
 var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
@@ -32898,9 +30506,9 @@ const InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(inProps,
     current: isControlled
   } = React.useRef(value != null);
   const inputRef = React.useRef();
-  const handleInputRefWarning = React.useCallback((instance2) => {
+  const handleInputRefWarning = React.useCallback((instance) => {
     if (process.env.NODE_ENV !== "production") {
-      if (instance2 && instance2.nodeName !== "INPUT" && !instance2.focus) {
+      if (instance && instance.nodeName !== "INPUT" && !instance.focus) {
         console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join("\n"));
       }
     }
@@ -41920,9 +39528,9 @@ function useForkRef$1(...refs) {
     if (refs.every((ref) => ref == null)) {
       return null;
     }
-    return (instance2) => {
+    return (instance) => {
       refs.forEach((ref) => {
-        setRef$1(ref, instance2);
+        setRef$1(ref, instance);
       });
     };
   }, refs);
@@ -43091,9 +40699,9 @@ function useForkRef(...refs) {
     if (refs.every((ref) => ref == null)) {
       return null;
     }
-    return (instance2) => {
+    return (instance) => {
       refs.forEach((ref) => {
-        setRef(ref, instance2);
+        setRef(ref, instance);
       });
     };
   }, refs);
@@ -43515,7 +41123,7 @@ const useUtilityClasses$m = (ownerState) => {
   };
   return composeClasses$1(slots, getGridUtilityClass, classes);
 };
-const Grid = /* @__PURE__ */ React.forwardRef(function Grid2(inProps, ref) {
+const Grid = /* @__PURE__ */ React.forwardRef(function Grid3(inProps, ref) {
   const themeProps = useDefaultProps({
     props: inProps,
     name: "MuiGrid"
@@ -46479,11 +44087,11 @@ const usePickerLayoutProps = ({
   };
 };
 const buildWarning = (message, gravity = "warning") => {
-  let alreadyWarned2 = false;
+  let alreadyWarned = false;
   const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
   return () => {
-    if (!alreadyWarned2) {
-      alreadyWarned2 = true;
+    if (!alreadyWarned) {
+      alreadyWarned = true;
       if (gravity === "error") {
         console.error(cleanMessage);
       } else {
@@ -57577,7 +55185,7 @@ export {
   getRemarkListData,
   getSelectedMediaFilePath,
   hideMessage,
-  instance as i18n,
+  default2 as i18n,
   reassignStaffMember,
   setActiveFinanceDetail,
   setDocumentSignJPDF,