@tma.js/sdk 2.1.0 → 2.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
-var Dt = Object.defineProperty;
-var Vt = (e, t, s) => t in e ? Dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => (Vt(e, typeof t != "symbol" ? t + "" : t, s), s);
+var Vt = Object.defineProperty;
+var $t = (e, t, s) => t in e ? Vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var c = (e, t, s) => ($t(e, typeof t != "symbol" ? t + "" : t, s), s);
 function it(e, t) {
   let s;
   const n = () => {
@@ -12,10 +12,10 @@ function ot(e) {
   const t = M(), { count: s } = t;
   t.unsubscribe(e), s && !t.count && ne();
 }
-function $t(e) {
+function Mt(e) {
   return M().subscribe(e), () => ot(e);
 }
-class Mt {
+class Lt {
   constructor(t, s = {}) {
     this.scope = t, this.options = s;
   }
@@ -55,21 +55,21 @@ class Mt {
     this.print("log", ...t);
   }
 }
-const F = new Mt("SDK", {
+const F = new Lt("SDK", {
   bgColor: "forestgreen",
   textColor: "white"
 });
 let G = !1;
-const et = ({ event: e, args: [t] }) => {
-  F.log("Event received:", t === void 0 ? { name: e } : { name: e, data: t });
+const et = ({ name: e, payload: t }) => {
+  F.log("Event received:", t ? { name: e, payload: t } : { name: e });
 };
-function Ze(e) {
-  G !== e && (G = e, e ? $t(et) : ot(et));
+function Ye(e) {
+  G !== e && (G = e, e ? Mt(et) : ot(et));
 }
-function Lt(...e) {
+function Bt(...e) {
   G && F.log(...e);
 }
-class D {
+class R {
   constructor() {
     c(this, "listeners", /* @__PURE__ */ new Map());
     c(this, "listenersCount", 0);
@@ -144,6 +144,17 @@ class D {
 function j(e, t, s) {
   return window.addEventListener(e, t, s), () => window.removeEventListener(e, t, s);
 }
+function at(...e) {
+  let t = !1;
+  const s = [...e];
+  return [
+    (n) => !t && s.push(n),
+    () => {
+      t || (t = !0, s.forEach((n) => n()));
+    },
+    t
+  ];
+}
 class V extends Error {
   constructor(t, s, n) {
     super(s, { cause: n }), this.type = t, Object.setPrototypeOf(this, V.prototype);
@@ -152,9 +163,9 @@ class V extends Error {
 function f(e, t, s) {
   return new V(e, t, s);
 }
-const Bt = "ERR_METHOD_UNSUPPORTED", Ot = "ERR_METHOD_PARAMETER_UNSUPPORTED", Ut = "ERR_UNKNOWN_ENV", Wt = "ERR_INVOKE_CUSTOM_METHOD_RESPONSE", Ht = "ERR_TIMED_OUT", Gt = "ERR_UNEXPECTED_TYPE", at = "ERR_PARSE", jt = "ERR_NAVIGATION_LIST_EMPTY", zt = "ERR_NAVIGATION_CURSOR_INVALID", Ke = "ERR_NAVIGATION_ITEM_INVALID", Xe = "ERR_SSR_INIT", Ft = "ERR_INVALID_PATH_BASE";
+const Ot = "ERR_METHOD_UNSUPPORTED", Ut = "ERR_METHOD_PARAMETER_UNSUPPORTED", Wt = "ERR_UNKNOWN_ENV", Ht = "ERR_INVOKE_CUSTOM_METHOD_RESPONSE", Gt = "ERR_TIMED_OUT", jt = "ERR_UNEXPECTED_TYPE", ct = "ERR_PARSE", zt = "ERR_NAVIGATION_LIST_EMPTY", Ft = "ERR_NAVIGATION_CURSOR_INVALID", Ze = "ERR_NAVIGATION_ITEM_INVALID", Ke = "ERR_SSR_INIT", Jt = "ERR_INVALID_PATH_BASE";
 function E() {
-  return f(Gt, "Value has unexpected type");
+  return f(jt, "Value has unexpected type");
 }
 class $ {
   constructor(t, s, n) {
@@ -172,7 +183,7 @@ class $ {
         return this.parser(t);
       } catch (s) {
         throw f(
-          at,
+          ct,
           `Unable to parse value${this.type ? ` as ${this.type}` : ""}`,
           s
         );
@@ -195,7 +206,7 @@ const w = P((e) => {
     return !1;
   throw E();
 }, "boolean");
-function ct(e, t) {
+function ht(e, t) {
   const s = {};
   for (const n in e) {
     const r = e[n];
@@ -212,7 +223,7 @@ function ct(e, t) {
       const o = a(t(i));
       o !== void 0 && (s[n] = o);
     } catch (o) {
-      throw f(at, `Unable to parse field "${n}"`, o);
+      throw f(ct, `Unable to parse field "${n}"`, o);
     }
   }
   return s;
@@ -226,7 +237,7 @@ function J(e) {
 function d(e, t) {
   return new $((s) => {
     const n = J(s);
-    return ct(e, (r) => n[r]);
+    return ht(e, (r) => n[r]);
   }, !1, t);
 }
 const y = P((e) => {
@@ -242,14 +253,14 @@ const y = P((e) => {
 function Q(e) {
   return /^#[\da-f]{6}$/i.test(e);
 }
-function Jt(e) {
+function Qt(e) {
   return /^#[\da-f]{3}$/i.test(e);
 }
-function ht(e) {
+function pt(e) {
   const t = e.replace(/\s/g, "").toLowerCase();
   if (Q(t))
     return t;
-  if (Jt(t)) {
+  if (Qt(t)) {
     let n = "#";
     for (let r = 0; r < 3; r += 1)
       n += t[1 + r].repeat(2);
@@ -267,26 +278,26 @@ const h = P((e) => {
   if (typeof e == "string" || typeof e == "number")
     return e.toString();
   throw E();
-}, "string"), pt = P((e) => ht(h().parse(e)), "rgb");
-function Qt(e) {
+}, "string"), ut = P((e) => pt(h().parse(e)), "rgb");
+function Yt(e) {
   return d({
     eventType: h(),
     eventData: (t) => t
   }).parse(e);
 }
-function Yt() {
+function Zt() {
   ["TelegramGameProxy_receiveEvent", "TelegramGameProxy", "Telegram"].forEach((e) => {
     delete window[e];
   });
 }
-function Zt(e, t) {
+function Kt(e, t) {
   window.dispatchEvent(new MessageEvent("message", {
     data: JSON.stringify({ eventType: e, eventData: t }),
     // We specify window.parent to imitate the case, the parent iframe sent us this event.
     source: window.parent
   }));
 }
-function Kt() {
+function Xt() {
   [
     ["TelegramGameProxy_receiveEvent"],
     // Windows Phone.
@@ -298,16 +309,14 @@ function Kt() {
     let t = window;
     e.forEach((s, n, r) => {
       if (n === r.length - 1) {
-        t[s] = Zt;
+        t[s] = Kt;
         return;
       }
       s in t || (t[s] = {}), t = t[s];
     });
   });
 }
-const Xt = d({
-  button_id: (e) => e == null ? void 0 : h().parse(e)
-}), te = {
+const te = {
   clipboard_text_received: d({
     req_id: h(),
     data: (e) => e === null ? e : h().optional().parse(e)
@@ -317,22 +326,19 @@ const Xt = d({
     result: (e) => e,
     error: h().optional()
   }),
-  invoice_closed: d({
-    slug: h(),
-    status: h()
-  }),
-  phone_requested: d({
-    status: h()
-  }),
+  invoice_closed: d({ slug: h(), status: h() }),
+  phone_requested: d({ status: h() }),
   popup_closed: {
-    parse: (e) => Xt.parse(e ?? {})
+    parse(e) {
+      return d({
+        button_id: (t) => t == null ? void 0 : h().parse(t)
+      }).parse(e ?? {});
+    }
   },
-  qr_text_received: d({
-    data: h().optional()
-  }),
+  qr_text_received: d({ data: h().optional() }),
   theme_changed: d({
     theme_params: (e) => {
-      const t = pt().optional();
+      const t = ut().optional();
       return Object.entries(J(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
     }
   }),
@@ -342,23 +348,23 @@ const Xt = d({
     is_state_stable: w(),
     is_expanded: w()
   }),
-  write_access_requested: d({
-    status: h()
-  })
+  write_access_requested: d({ status: h() })
 };
 function ee() {
-  const e = new D();
-  Kt();
-  let t = [
+  const e = new R(), t = new R();
+  t.subscribe((n) => {
+    e.emit("event", { name: n.event, payload: n.args[0] });
+  }), Xt();
+  const [, s] = at(
     // Don't forget to remove created handlers.
-    Yt,
+    Zt,
     // Add "resize" event listener to make sure, we always have fresh viewport information.
     // Desktop version of Telegram is sometimes not sending the viewport_changed
     // event. For example, when the MainButton is shown. That's why we should
     // add our own listener to make sure, viewport information is always fresh.
     // Issue: https://github.com/Telegram-Mini-Apps/tma.js/issues/10
     j("resize", () => {
-      e.emit("viewport_changed", {
+      t.emit("viewport_changed", {
         width: window.innerWidth,
         height: window.innerHeight,
         is_state_stable: !0,
@@ -367,33 +373,44 @@ function ee() {
     }),
     // Add listener, which handles events sent from the Telegram web application and also events
     // generated by the local emitEvent function.
-    j("message", (s) => {
-      if (s.source !== window.parent)
+    j("message", (n) => {
+      if (n.source !== window.parent)
         return;
-      let n;
+      let r;
       try {
-        n = Qt(s.data);
+        r = Yt(n.data);
       } catch {
         return;
       }
-      const { eventType: r, eventData: i } = n, a = te[r];
+      const { eventType: i, eventData: a } = r, o = te[i];
       try {
-        const o = a ? a.parse(i) : i;
-        e.emit(...o ? [r, o] : [r]);
-      } catch (o) {
+        const p = o ? o.parse(a) : a;
+        t.emit(...p ? [i, p] : [i]);
+      } catch (p) {
         F.error(
-          `An error occurred processing the "${r}" event from the Telegram application. Please, file an issue here: https://github.com/Telegram-Mini-Apps/tma.js/issues/new/choose`,
-          n,
-          o
+          `An error occurred processing the "${i}" event from the Telegram application. Please, file an issue here: https://github.com/Telegram-Mini-Apps/tma.js/issues/new/choose`,
+          r,
+          p
         );
       }
     }),
-    // Clear emitter bound events.
-    () => e.clear()
-  ];
-  return [e, () => {
-    t.forEach((s) => s()), t = [];
-  }];
+    // Clear emitters.
+    () => e.clear(),
+    () => t.clear()
+  );
+  return [{
+    on: t.on.bind(t),
+    off: t.off.bind(t),
+    subscribe(n) {
+      return e.on("event", n);
+    },
+    unsubscribe(n) {
+      e.off("event", n);
+    },
+    get count() {
+      return t.count + e.count;
+    }
+  }, s];
 }
 const [se, ne] = it(
   (e) => {
@@ -414,7 +431,7 @@ function L(e, t) {
 function b(e, t, s) {
   return M().on(e, t, s);
 }
-function T(e) {
+function I(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
 function re(e, t) {
@@ -481,10 +498,10 @@ function v(e, t, s) {
   }
 }
 function ie(e) {
-  return "external" in e && T(e.external) && "notify" in e.external && typeof e.external.notify == "function";
+  return "external" in e && I(e.external) && "notify" in e.external && typeof e.external.notify == "function";
 }
-function ut(e) {
-  return "TelegramWebviewProxy" in e && T(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
+function lt(e) {
+  return "TelegramWebviewProxy" in e && I(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
 }
 function oe() {
   try {
@@ -493,18 +510,18 @@ function oe() {
     return !0;
   }
 }
-let lt = "https://web.telegram.org";
-function ts(e) {
-  lt = e;
+let dt = "https://web.telegram.org";
+function Xe(e) {
+  dt = e;
 }
 function ae() {
-  return lt;
+  return dt;
 }
-function R(e, t, s) {
+function A(e, t, s) {
   let n = {}, r;
   t === void 0 && s === void 0 ? n = {} : t !== void 0 && s !== void 0 ? (n = s, r = t) : t !== void 0 && ("targetOrigin" in t ? n = t : r = t);
   const { targetOrigin: i = ae() } = n;
-  if (Lt("Posting event:", r ? { event: e, data: r } : { event: e }), oe()) {
+  if (Bt("Posting event:", r ? { event: e, data: r } : { event: e }), oe()) {
     window.parent.postMessage(JSON.stringify({ eventType: e, eventData: r }), i);
     return;
   }
@@ -512,42 +529,42 @@ function R(e, t, s) {
     window.external.notify(JSON.stringify({ eventType: e, eventData: r }));
     return;
   }
-  if (ut(window)) {
+  if (lt(window)) {
     window.TelegramWebviewProxy.postEvent(e, JSON.stringify(r));
     return;
   }
   throw f(
-    Ut,
+    Wt,
     "Unable to determine current environment and possible way to send event. You are probably trying to use Mini Apps method outside of Telegram application environment."
   );
 }
 function ce(e) {
   return (t, s) => {
     if (!v(t, e))
-      throw f(Bt, `Method "${t}" is unsupported in Mini Apps version ${e}`);
-    if (T(s)) {
+      throw f(Ot, `Method "${t}" is unsupported in Mini Apps version ${e}`);
+    if (I(s)) {
       let n;
       if (t === "web_app_open_link" && "try_instant_view" in s ? n = "try_instant_view" : t === "web_app_set_header_color" && "color" in s && (n = "color"), n && !v(t, n, e))
         throw f(
-          Ot,
+          Ut,
           `Parameter "${n}" of "${t}" method is unsupported in Mini Apps version ${e}`
         );
     }
-    return R(t, s);
+    return A(t, s);
   };
 }
-function dt(e) {
+function _t(e) {
   return ({ req_id: t }) => t === e;
 }
-function _t(e) {
-  return f(Ht, `Timeout reached: ${e}ms`);
+function ft(e) {
+  return f(Gt, `Timeout reached: ${e}ms`);
 }
-function ft(e, t) {
+function gt(e, t) {
   return Promise.race([
     typeof e == "function" ? e() : e,
     new Promise((s, n) => {
       setTimeout(() => {
-        n(_t(t));
+        n(ft(t));
       }, t);
     })
   ]);
@@ -560,18 +577,18 @@ async function _(e) {
     method: n,
     event: r,
     capture: i,
-    postEvent: a = R,
+    postEvent: a = A,
     timeout: o
   } = e, p = (Array.isArray(r) ? r : [r]).map(
-    (u) => b(u, (q) => (!i || i(q)) && t(q))
+    (u) => b(u, (k) => (!i || i(k)) && t(k))
   );
   try {
-    return a(n, e.params), await (o ? ft(s, o) : s);
+    return a(n, e.params), await (o ? gt(s, o) : s);
   } finally {
     p.forEach((u) => u());
   }
 }
-async function C(e, t, s, n = {}) {
+async function S(e, t, s, n = {}) {
   const {
     result: r,
     error: i
@@ -584,30 +601,30 @@ async function C(e, t, s, n = {}) {
       params: t,
       req_id: s
     },
-    capture: dt(s)
+    capture: _t(s)
   });
   if (i)
-    throw f(Wt, i);
+    throw f(Ht, i);
   return r;
 }
 function z(...e) {
   return e.map((t) => {
     if (typeof t == "string")
       return t;
-    if (T(t))
+    if (I(t))
       return z(Object.entries(t).map((s) => s[1] && s[0]));
     if (Array.isArray(t))
       return z(...t);
   }).filter(Boolean).join(" ");
 }
-function es(...e) {
-  return e.reduce((t, s) => (T(s) && Object.entries(s).forEach(([n, r]) => {
+function ts(...e) {
+  return e.reduce((t, s) => (I(s) && Object.entries(s).forEach(([n, r]) => {
     const i = z(t[n], r);
     i.length && (t[n] = i);
   }), t), {});
 }
-function gt(e) {
-  const t = ht(e);
+function bt(e) {
+  const t = pt(e);
   return Math.sqrt(
     [0.299, 0.587, 0.114].reduce((s, n, r) => {
       const i = parseInt(t.slice(1 + r * 2, 1 + (r + 1) * 2), 16);
@@ -617,7 +634,7 @@ function gt(e) {
 }
 class he {
   constructor(t) {
-    c(this, "ee", new D());
+    c(this, "ee", new R());
     /**
      * Adds new event listener.
      */
@@ -663,7 +680,7 @@ class Y {
     this.state = new he(t), this.set = this.state.set.bind(this.state), this.get = this.state.get.bind(this.state), this.clone = this.state.clone.bind(this.state);
   }
 }
-function bt(e, t) {
+function wt(e, t) {
   return (s) => v(t[s], e);
 }
 class Z extends Y {
@@ -673,7 +690,7 @@ class Z extends Y {
      * @returns True, if specified method is supported by the current component.
      */
     c(this, "supports");
-    this.supports = bt(n, r);
+    this.supports = wt(n, r);
   }
 }
 class pe extends Z {
@@ -718,13 +735,13 @@ class pe extends Z {
     this.isVisible = !0;
   }
 }
-const wt = P((e) => e instanceof Date ? e : new Date(y().parse(e) * 1e3), "Date");
+const mt = P((e) => e instanceof Date ? e : new Date(y().parse(e) * 1e3), "Date");
 function K(e, t) {
   return new $((s) => {
     if (typeof s != "string" && !(s instanceof URLSearchParams))
       throw E();
     const n = typeof s == "string" ? new URLSearchParams(s) : s;
-    return ct(e, (r) => {
+    return ht(e, (r) => {
       const i = n.get(r);
       return i === null ? void 0 : i;
     });
@@ -775,10 +792,10 @@ const ue = d({
   },
   username: h().optional()
 }, "User").optional();
-function mt() {
+function yt() {
   return K({
     authDate: {
-      type: wt(),
+      type: mt(),
       from: "auth_date"
     },
     canSendAfter: {
@@ -813,21 +830,21 @@ function le(e) {
 function de(e) {
   return e.replace(/[A-Z]/g, (t) => `_${t.toLowerCase()}`);
 }
-const yt = P(
+const vt = P(
   (e) => {
-    const t = pt().optional();
+    const t = ut().optional();
     return Object.entries(J(e)).reduce((s, [n, r]) => (s[le(n)] = t.parse(r), s), {});
   },
   "ThemeParams"
 );
-function vt(e) {
+function Et(e) {
   return K({
     botInline: {
       type: w().optional(),
       from: "tgWebAppBotInline"
     },
     initData: {
-      type: mt().optional(),
+      type: yt().optional(),
       from: "tgWebAppData"
     },
     initDataRaw: {
@@ -847,7 +864,7 @@ function vt(e) {
       from: "tgWebAppStartParam"
     },
     themeParams: {
-      type: yt(),
+      type: vt(),
       from: "tgWebAppThemeParams"
     },
     version: {
@@ -856,38 +873,38 @@ function vt(e) {
     }
   }).parse(e);
 }
-function Et(e) {
-  return vt(
+function Pt(e) {
+  return Et(
     e.replace(/^[^?#]*[?#]/, "").replace(/[?#]/g, "&")
   );
 }
 function _e() {
-  return Et(window.location.href);
+  return Pt(window.location.href);
 }
-function Pt() {
+function xt() {
   return performance.getEntriesByType("navigation")[0];
 }
 function fe() {
-  const e = Pt();
+  const e = xt();
   if (!e)
     throw new Error("Unable to get first navigation entry.");
-  return Et(e.name);
+  return Pt(e.name);
 }
-function xt(e) {
+function St(e) {
   return `tma.js/${e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`)}`;
 }
 function Ct(e, t) {
-  sessionStorage.setItem(xt(e), JSON.stringify(t));
+  sessionStorage.setItem(St(e), JSON.stringify(t));
 }
-function St(e) {
-  const t = sessionStorage.getItem(xt(e));
+function Rt(e) {
+  const t = sessionStorage.getItem(St(e));
   try {
     return t ? JSON.parse(t) : void 0;
   } catch {
   }
 }
 function ge() {
-  return vt(St("launchParams") || "");
+  return Et(Rt("launchParams") || "");
 }
 function be(e) {
   return JSON.stringify(
@@ -928,45 +945,34 @@ function ye() {
     }
   throw new Error("Unable to retrieve launch parameters from any known source.");
 }
-function Rt() {
-  const e = Pt();
+function At() {
+  const e = xt();
   return !!(e && e.type === "reload");
 }
 function ve() {
   let e = 0;
   return () => (e += 1).toString();
 }
-function Ee() {
-  let e = !1;
-  const t = [];
-  return [
-    (s) => !e && t.push(s),
-    () => {
-      e || (e = !0, t.forEach((s) => s()));
-    },
-    e
-  ];
-}
-const [Pe] = it(ve);
+const [Ee] = it(ve);
 function l(e, t) {
   return () => {
     const s = ye(), n = {
       ...s,
       postEvent: ce(s.version),
-      createRequestId: Pe()
+      createRequestId: Ee()
     };
     if (typeof e == "function")
       return e(n);
-    const [r, i, a] = Ee(), o = t({
+    const [r, i, a] = at(), o = t({
       ...n,
       // State should only be passed only in case, current page was reloaded. If we don't add
       // this check, state restoration will work improperly in the web version of Telegram,
       // when we are always working in the same "session" (tab).
-      state: Rt() ? St(e) : void 0,
+      state: At() ? Rt(e) : void 0,
       addCleanup: r
     }), p = (u) => (a || r(
-      u.on("change", (q) => {
-        Ct(e, q);
+      u.on("change", (k) => {
+        Ct(e, k);
       })
     ), u);
     return [
@@ -975,12 +981,12 @@ function l(e, t) {
     ];
   };
 }
-const ss = l("backButton", ({
+const es = l("backButton", ({
   postEvent: e,
   version: t,
   state: s = { isVisible: !1 }
 }) => new pe(s.isVisible, t, e));
-class I extends Z {
+class q extends Z {
   constructor() {
     super(...arguments);
     /**
@@ -993,7 +999,7 @@ class I extends Z {
     c(this, "off", this.state.off.bind(this.state));
   }
 }
-function At(e) {
+function Tt(e) {
   const t = e.available ? e : {
     available: !1,
     device_id: "",
@@ -1011,7 +1017,7 @@ function At(e) {
     accessGranted: t.access_granted
   };
 }
-class xe extends I {
+class Pe extends q {
   constructor({ postEvent: s, version: n, ...r }) {
     super(r, n, {
       auth: "web_app_biometry_request_auth",
@@ -1093,7 +1099,7 @@ class xe extends I {
       event: "biometry_info_received",
       params: { reason: s || "" }
     }).then((r) => {
-      const i = At(r);
+      const i = Tt(r);
       return this.set(i), i.accessGranted;
     }).finally(() => this.accessPromise = void 0)), this.accessPromise;
   }
@@ -1125,8 +1131,8 @@ class xe extends I {
     );
   }
 }
-async function Ce(e) {
-  return At(
+async function xe(e) {
+  return Tt(
     await _({
       ...e || {},
       method: "web_app_biometry_get_info",
@@ -1134,10 +1140,16 @@ async function Ce(e) {
     })
   );
 }
-const ns = l(
+const ss = l(
   "biometryManager",
-  async ({ postEvent: e, version: t, state: s }) => new xe({
-    ...s || await Ce({ timeout: 1e3 }),
+  async ({ postEvent: e, version: t, state: s }) => new Pe({
+    ...s || v("web_app_biometry_get_info", t) ? s || await xe({ timeout: 1e3 }) : {
+      available: !1,
+      accessGranted: !1,
+      accessRequested: !1,
+      tokenSaved: !1,
+      deviceId: ""
+    },
     version: t,
     postEvent: e
   })
@@ -1182,7 +1194,7 @@ class Se extends X {
     this.isConfirmationNeeded = !0;
   }
 }
-const rs = l(
+const ns = l(
   "closingBehavior",
   ({
     postEvent: e,
@@ -1195,10 +1207,10 @@ class tt {
      * @returns True, if specified method is supported by the current component.
      */
     c(this, "supports");
-    this.supports = bt(t, s);
+    this.supports = wt(t, s);
   }
 }
-function Re(e) {
+function Ce(e) {
   if (Array.isArray(e))
     return e;
   if (typeof e == "string")
@@ -1210,9 +1222,9 @@ function Re(e) {
     }
   throw E();
 }
-class Ae extends $ {
+class Re extends $ {
   constructor(s, n, r) {
-    super(Re, n, r);
+    super(Ce, n, r);
     c(this, "itemParser");
     this.itemParser = typeof s == "function" ? s : s.parse.bind(s);
   }
@@ -1230,13 +1242,13 @@ class Ae extends $ {
     return this.itemParser = typeof s == "function" ? s : s.parse.bind(s), this;
   }
 }
-function Te(e) {
-  return new Ae((t) => t, !1, e);
+function Ae(e) {
+  return new Re((t) => t, !1, e);
 }
 function nt(e, t) {
   return Object.fromEntries(e.map((s) => [s, t]));
 }
-class Ie extends tt {
+class Te extends tt {
   constructor(t, s, n) {
     super(t, {
       delete: "web_app_invoke_custom_method",
@@ -1252,7 +1264,7 @@ class Ie extends tt {
    */
   async delete(t, s = {}) {
     const n = Array.isArray(t) ? t : [t];
-    n.length && await C(
+    n.length && await S(
       "deleteStorageValues",
       { keys: n },
       this.createRequestId(),
@@ -1264,8 +1276,8 @@ class Ie extends tt {
    * @param options - request execution options.
    */
   async getKeys(t = {}) {
-    return Te().of(h()).parse(
-      await C(
+    return Ae().of(h()).parse(
+      await S(
         "getStorageKeys",
         {},
         this.createRequestId(),
@@ -1277,7 +1289,7 @@ class Ie extends tt {
     const n = Array.isArray(t) ? t : [t];
     if (!n.length)
       return nt(n, "");
-    const r = await C(
+    const r = await S(
       "getStorageValues",
       { keys: n },
       this.createRequestId(),
@@ -1292,7 +1304,7 @@ class Ie extends tt {
    * @param options - request execution options.
    */
   async set(t, s, n = {}) {
-    await C(
+    await S(
       "saveStorageValue",
       { key: t, value: s },
       this.createRequestId(),
@@ -1300,10 +1312,10 @@ class Ie extends tt {
     );
   }
 }
-const is = l(
-  ({ createRequestId: e, postEvent: t, version: s }) => new Ie(s, e, t)
+const rs = l(
+  ({ createRequestId: e, postEvent: t, version: s }) => new Te(s, e, t)
 );
-class qe extends tt {
+class Ie extends tt {
   constructor(t, s) {
     super(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
@@ -1345,10 +1357,10 @@ class qe extends tt {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-const os = l(
-  ({ version: e, postEvent: t }) => new qe(e, t)
+const is = l(
+  ({ version: e, postEvent: t }) => new Ie(e, t)
 );
-class ke {
+class qe {
   constructor(t) {
     this.initData = t;
   }
@@ -1421,13 +1433,13 @@ class ke {
     return this.initData.user;
   }
 }
-const as = l(
-  ({ initData: e }) => e ? new ke(e) : void 0
+const os = l(
+  ({ initData: e }) => e ? new qe(e) : void 0
 );
-function cs(e) {
-  return mt().parse(e);
+function as(e) {
+  return yt().parse(e);
 }
-class Ne extends I {
+class ke extends q {
   constructor(t, s, n) {
     super({ isOpened: t }, s, { open: "web_app_open_invoice" }), this.postEvent = n;
   }
@@ -1471,10 +1483,10 @@ class Ne extends I {
     }
   }
 }
-const hs = l(
-  ({ version: e, postEvent: t }) => new Ne(!1, e, t)
+const cs = l(
+  ({ version: e, postEvent: t }) => new ke(!1, e, t)
 );
-class De extends Y {
+class Ne extends Y {
   constructor({ postEvent: s, ...n }) {
     super(n);
     c(this, "postEvent");
@@ -1492,6 +1504,12 @@ class De extends Y {
     c(this, "off", (s, n) => s === "click" ? L("main_button_pressed", n) : this.state.off(s, n));
     this.postEvent = s;
   }
+  /**
+   * The MainButton background color.
+   */
+  get bgColor() {
+    return this.get("bgColor");
+  }
   /**
    * Sends current local state to the Telegram application.
    */
@@ -1501,10 +1519,35 @@ class De extends Y {
       is_active: this.isEnabled,
       is_progress_visible: this.isLoaderVisible,
       text: this.text,
-      color: this.backgroundColor,
+      color: this.bgColor,
       text_color: this.textColor
     });
   }
+  /**
+   * Disables the MainButton.
+   * @see Does not work on Android: https://github.com/Telegram-Mini-Apps/issues/issues/1
+   */
+  disable() {
+    return this.isEnabled = !1, this;
+  }
+  /**
+   * Enables the MainButton.
+   */
+  enable() {
+    return this.isEnabled = !0, this;
+  }
+  /**
+   * Hides the MainButton.
+   */
+  hide() {
+    return this.isVisible = !1, this;
+  }
+  /**
+   * Hides the MainButton loading indicator.
+   */
+  hideLoader() {
+    return this.isLoaderVisible = !1, this;
+  }
   set isEnabled(s) {
     this.setParams({ isEnabled: s });
   }
@@ -1532,49 +1575,6 @@ class De extends Y {
   get isVisible() {
     return this.get("isVisible");
   }
-  /**
-   * The MainButton background color.
-   */
-  get backgroundColor() {
-    return this.get("backgroundColor");
-  }
-  /**
-   * The MainButton text.
-   */
-  get text() {
-    return this.get("text");
-  }
-  /**
-   * The MainButton text color.
-   */
-  get textColor() {
-    return this.get("textColor");
-  }
-  /**
-   * Disables the MainButton.
-   * @see Does not work on Android: https://github.com/Telegram-Mini-Apps/issues/issues/1
-   */
-  disable() {
-    return this.isEnabled = !1, this;
-  }
-  /**
-   * Enables the MainButton.
-   */
-  enable() {
-    return this.isEnabled = !0, this;
-  }
-  /**
-   * Hides the MainButton.
-   */
-  hide() {
-    return this.isVisible = !1, this;
-  }
-  /**
-   * Hides the MainButton loading indicator.
-   */
-  hideLoader() {
-    return this.isLoaderVisible = !1, this;
-  }
   /**
    * Shows the MainButton.
    *
@@ -1606,10 +1606,10 @@ class De extends Y {
   }
   /**
    * Updates current Main Button color.
-   * @param backgroundColor - color to set.
+   * @param bgColor - color to set.
    */
-  setBackgroundColor(s) {
-    return this.setParams({ backgroundColor: s });
+  setBgColor(s) {
+    return this.setParams({ bgColor: s });
   }
   /**
    * Allows setting multiple Main Button parameters.
@@ -1618,8 +1618,20 @@ class De extends Y {
   setParams(s) {
     return this.set(s), this.commit(), this;
   }
+  /**
+   * The MainButton text.
+   */
+  get text() {
+    return this.get("text");
+  }
+  /**
+   * The MainButton text color.
+   */
+  get textColor() {
+    return this.get("textColor");
+  }
 }
-const ps = l(
+const hs = l(
   "mainButton",
   ({
     postEvent: e,
@@ -1630,11 +1642,11 @@ const ps = l(
       text: "",
       isLoaderVisible: !1,
       textColor: t.buttonTextColor || "#ffffff",
-      backgroundColor: t.buttonColor || "#000000"
+      bgColor: t.buttonColor || "#000000"
     }
-  }) => new De({ ...s, postEvent: e })
+  }) => new Ne({ ...s, postEvent: e })
 );
-function Ve() {
+function De() {
   return K({
     contact: d({
       userId: {
@@ -1655,24 +1667,24 @@ function Ve() {
       }
     }),
     authDate: {
-      type: wt(),
+      type: mt(),
       from: "auth_date"
     },
     hash: h()
   }, "RequestedContact");
 }
-function Tt(e, t) {
+function It(e, t) {
   return (s) => {
     const [n, r] = t[s];
     return v(n, r, e);
   };
 }
-function $e(e) {
+function Ve(e) {
   return new Promise((t) => {
     setTimeout(t, e);
   });
 }
-class Me extends I {
+class $e extends q {
   constructor({ postEvent: s, createRequestId: n, version: r, botInline: i, ...a }) {
     super(a, r, {
       requestPhoneAccess: "web_app_request_phone",
@@ -1692,7 +1704,7 @@ class Me extends I {
     c(this, "supportsParam");
     this.createRequestId = n, this.postEvent = s, this.botInline = i;
     const o = this.supports.bind(this);
-    this.supports = (p) => o(p) ? p !== "switchInlineQuery" || i : !1, this.supportsParam = Tt(r, {
+    this.supports = (p) => o(p) ? p !== "switchInlineQuery" || i : !1, this.supportsParam = It(r, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"]
     });
   }
@@ -1703,8 +1715,8 @@ class Me extends I {
   async getRequestedContact({
     timeout: s = 1e4
   } = {}) {
-    return Ve().parse(
-      await C(
+    return De().parse(
+      await S(
         "getRequestedContact",
         {},
         this.createRequestId(),
@@ -1743,7 +1755,7 @@ class Me extends I {
    * True if current Mini App background color is recognized as dark.
    */
   get isDark() {
-    return gt(this.bgColor);
+    return bt(this.bgColor);
   }
   /**
    * Informs the Telegram app that the Mini App is ready to be displayed.
@@ -1772,15 +1784,15 @@ class Me extends I {
       throw new Error("Access denied.");
     const r = Date.now() + s;
     let i = 50;
-    return ft(async () => {
+    return gt(async () => {
       for (; Date.now() < r; ) {
         try {
           return await this.getRequestedContact();
         } catch {
         }
-        await $e(i), i += 50;
+        await Ve(i), i += 50;
       }
-      throw _t(s);
+      throw ft(s);
     }, s);
   }
   /**
@@ -1863,7 +1875,7 @@ class Me extends I {
     this.postEvent("web_app_switch_inline_query", { query: s, chat_types: n });
   }
 }
-const us = l(
+const ps = l(
   "miniApp",
   ({
     themeParams: e,
@@ -1873,9 +1885,9 @@ const us = l(
       headerColor: e.headerBgColor || "#000000"
     },
     ...n
-  }) => new Me({ ...n, ...s, botInline: t })
+  }) => new $e({ ...n, ...s, botInline: t })
 );
-function Le(e) {
+function Me(e) {
   const t = e.message.trim(), s = (e.title || "").trim(), n = e.buttons || [];
   let r;
   if (s.length > 64)
@@ -1899,7 +1911,7 @@ function Le(e) {
     return { ...i, id: a };
   }) : r = [{ type: "close", id: "" }], { title: s, message: t, buttons: r };
 }
-class Be extends I {
+class Le extends q {
   constructor(t, s, n) {
     super({ isOpened: t }, s, { open: "web_app_open_popup" }), this.postEvent = n;
   }
@@ -1932,7 +1944,7 @@ class Be extends I {
         event: "popup_closed",
         method: "web_app_open_popup",
         postEvent: this.postEvent,
-        params: Le(t)
+        params: Me(t)
       });
       return s;
     } finally {
@@ -1940,10 +1952,10 @@ class Be extends I {
     }
   }
 }
-const ls = l(
-  ({ postEvent: e, version: t }) => new Be(!1, t, e)
+const us = l(
+  ({ postEvent: e, version: t }) => new Le(!1, t, e)
 );
-class Oe extends I {
+class Be extends q {
   constructor(t, s, n) {
     super({ isOpened: t }, s, {
       close: "web_app_close_scan_qr_popup",
@@ -1987,10 +1999,10 @@ class Oe extends I {
     }
   }
 }
-const ds = l(
-  ({ version: e, postEvent: t }) => new Oe(!1, e, t)
+const ls = l(
+  ({ version: e, postEvent: t }) => new Be(!1, e, t)
 );
-class Ue extends Z {
+class Oe extends Z {
   constructor(s, n, r) {
     super({ isVisible: s }, n, {
       show: "web_app_setup_settings_button",
@@ -2032,18 +2044,18 @@ class Ue extends Z {
     this.isVisible = !0;
   }
 }
-const _s = l(
+const ds = l(
   "settingsButton",
   ({
     version: e,
     postEvent: t,
     state: s = { isVisible: !1 }
-  }) => new Ue(s.isVisible, e, t)
+  }) => new Oe(s.isVisible, e, t)
 );
-function It(e) {
-  return yt().parse(e);
+function qt(e) {
+  return vt().parse(e);
 }
-class We extends X {
+class Ue extends X {
   /**
    * @since v6.10
    */
@@ -2082,7 +2094,7 @@ class We extends X {
    * value is calculated according to theme bg color.
    */
   get isDark() {
-    return !this.bgColor || gt(this.bgColor);
+    return !this.bgColor || bt(this.bgColor);
   }
   get linkColor() {
     return this.get("linkColor");
@@ -2108,7 +2120,7 @@ class We extends X {
    */
   listen() {
     return b("theme_changed", (t) => {
-      this.set(It(t.theme_params));
+      this.set(qt(t.theme_params));
     });
   }
   /**
@@ -2121,28 +2133,28 @@ class We extends X {
     return this.get("textColor");
   }
 }
-const fs = l(
+const _s = l(
   "themeParams",
   ({ themeParams: e, state: t = e, addCleanup: s }) => {
-    const n = new We(t);
+    const n = new Ue(t);
     return s(n.listen()), n;
   }
 );
-function gs(e = {}) {
+function fs(e = {}) {
   return _({
     ...e,
     method: "web_app_request_theme",
     event: "theme_changed"
-  }).then(It);
+  }).then(qt);
 }
-class He extends tt {
+class We extends tt {
   constructor(s, n, r) {
     super(s, { readTextFromClipboard: "web_app_read_text_from_clipboard" });
     /**
      * Checks if specified method parameter is supported by current component.
      */
     c(this, "supportsParam");
-    this.version = s, this.createRequestId = n, this.postEvent = r, this.supportsParam = Tt(s, {
+    this.version = s, this.createRequestId = n, this.postEvent = r, this.supportsParam = It(s, {
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
   }
@@ -2196,15 +2208,15 @@ class He extends tt {
       event: "clipboard_text_received",
       postEvent: this.postEvent,
       params: { req_id: s },
-      capture: dt(s)
+      capture: _t(s)
     });
     return n;
   }
 }
-const bs = l(
-  ({ version: e, postEvent: t, createRequestId: s }) => new He(e, s, t)
+const gs = l(
+  ({ version: e, postEvent: t, createRequestId: s }) => new We(e, s, t)
 );
-async function qt(e = {}) {
+async function kt(e = {}) {
   const {
     is_expanded: t,
     is_state_stable: s,
@@ -2219,7 +2231,7 @@ async function qt(e = {}) {
 function x(e) {
   return e < 0 ? 0 : e;
 }
-class Ge extends X {
+class He extends X {
   constructor({ postEvent: s, stableHeight: n, height: r, width: i, isExpanded: a }) {
     super({
       height: x(r),
@@ -2236,7 +2248,7 @@ class Ge extends X {
    * @param options - options to request fresh data.
    */
   async sync(s) {
-    const { isStateStable: n, ...r } = await qt(s);
+    const { isStateStable: n, ...r } = await kt(s);
     this.set({
       ...r,
       stableHeight: n ? r.height : this.get("stableHeight")
@@ -2328,7 +2340,7 @@ class Ge extends X {
     return this.stableHeight === this.height;
   }
 }
-const ws = l(
+const bs = l(
   "viewport",
   async ({ state: e, platform: t, postEvent: s, addCleanup: n }) => {
     let r = !1, i = 0, a = 0, o = 0;
@@ -2337,10 +2349,10 @@ const ws = l(
     else if (["macos", "tdesktop", "unigram", "webk", "weba", "web"].includes(t))
       r = !0, i = window.innerHeight, a = window.innerWidth, o = window.innerHeight;
     else {
-      const u = await qt({ timeout: 1e3, postEvent: s });
+      const u = await kt({ timeout: 1e3, postEvent: s });
       r = u.isExpanded, i = u.height, a = u.width, o = u.isStateStable ? i : 0;
     }
-    const p = new Ge({
+    const p = new He({
       postEvent: s,
       height: i,
       width: a,
@@ -2353,7 +2365,7 @@ const ws = l(
 function m(e, t) {
   document.documentElement.style.setProperty(e, t);
 }
-function ms(e, t, s) {
+function ws(e, t, s) {
   s || (s = (o) => `--tg-${o}-color`);
   const n = s("header"), r = s("bg"), i = () => {
     const { headerColor: o } = e;
@@ -2370,7 +2382,7 @@ function ms(e, t, s) {
   ];
   return i(), () => a.forEach((o) => o());
 }
-function ys(e, t) {
+function ms(e, t) {
   t || (t = (n) => `--tg-theme-${n.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`)}`);
   const s = () => {
     Object.entries(e.getState()).forEach(([n, r]) => {
@@ -2379,7 +2391,7 @@ function ys(e, t) {
   };
   return s(), e.on("change", s);
 }
-function vs(e, t) {
+function ys(e, t) {
   t || (t = (u) => `--tg-viewport-${u}`);
   const [
     s,
@@ -2392,10 +2404,10 @@ function vs(e, t) {
   ];
   return i(), a(), o(), () => p.forEach((u) => u());
 }
-function Es(e = !0) {
+function vs(e = !0) {
   const t = [
     b("reload_iframe", () => {
-      R("iframe_will_reload"), window.location.reload();
+      A("iframe_will_reload"), window.location.reload();
     })
   ], s = () => t.forEach((n) => n());
   if (e) {
@@ -2407,13 +2419,13 @@ function Es(e = !0) {
       () => document.head.removeChild(n)
     );
   }
-  return R("iframe_ready", { reload_supported: !0 }), s;
+  return A("iframe_ready", { reload_supported: !0 }), s;
 }
-function Ps() {
+function Es() {
   return typeof window > "u";
 }
-async function xs() {
-  if (ut(window))
+async function Ps() {
+  if (lt(window))
     return !0;
   try {
     return await _({ method: "web_app_request_theme", event: "theme_changed", timeout: 100 }), !0;
@@ -2421,11 +2433,11 @@ async function xs() {
     return !1;
   }
 }
-function je(e) {
+function Ge(e) {
   return e instanceof V;
 }
-function Cs(e, t) {
-  return je(e) && e.type === t;
+function xs(e, t) {
+  return Ge(e) && e.type === t;
 }
 function B(e, t) {
   let s, n, r;
@@ -2435,13 +2447,13 @@ function B(e, t) {
     params: n
   });
 }
-class ze {
-  constructor(t, s, n = R) {
+class je {
+  constructor(t, s, n = A) {
     /**
      * Navigation history.
      */
     c(this, "history");
-    c(this, "ee", new D());
+    c(this, "ee", new R());
     /**
      * True, if current navigator is currently attached.
      */
@@ -2459,10 +2471,10 @@ class ze {
      */
     c(this, "off", this.ee.off.bind(this.ee));
     if (this._index = s, this.postEvent = n, t.length === 0)
-      throw f(jt, "History should not be empty.");
+      throw f(zt, "History should not be empty.");
     if (s < 0 || s >= t.length)
       throw f(
-        zt,
+        Ft,
         "Index should not be zero and higher or equal than history size."
       );
     this.history = t.map((r) => B(r, ""));
@@ -2583,26 +2595,26 @@ function O({
 }) {
   return { ...e || { hash: "", search: "" }, ...t };
 }
-function A(e, t) {
+function T(e, t) {
   return e.startsWith(t) ? e : `${t}${e}`;
 }
-function k(e) {
+function N(e) {
   return new URL(
-    typeof e == "string" ? e : `${e.pathname || ""}${A(e.search || "", "?")}${A(e.hash || "", "#")}`,
+    typeof e == "string" ? e : `${e.pathname || ""}${T(e.search || "", "?")}${T(e.hash || "", "#")}`,
     "http://a"
   );
 }
-function N(e) {
-  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = k(e);
+function D(e) {
+  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = N(e);
   return `${t ? s.pathname : s.pathname.slice(1)}${s.search}${s.hash}`;
 }
 function U(e, t, s) {
   let n, r;
-  typeof e == "string" ? n = e : (n = N(e), s = e.state, r = e.id);
-  const { pathname: i, search: a, hash: o } = new URL(n, `http://a${A(t, "/")}`);
+  typeof e == "string" ? n = e : (n = D(e), s = e.state, r = e.id);
+  const { pathname: i, search: a, hash: o } = new URL(n, `http://a${T(t, "/")}`);
   return { id: r, pathname: i, params: { hash: o, search: a, state: s } };
 }
-async function S(e) {
+async function C(e) {
   return e === 0 ? !0 : Promise.race([
     new Promise((t) => {
       const s = j("popstate", () => {
@@ -2616,21 +2628,21 @@ async function S(e) {
     })
   ]);
 }
-async function Fe() {
-  if (window.history.length <= 1 || (window.history.pushState(null, ""), await S(1 - window.history.length)))
+async function ze() {
+  if (window.history.length <= 1 || (window.history.pushState(null, ""), await C(1 - window.history.length)))
     return;
-  let t = await S(-1);
+  let t = await C(-1);
   for (; t; )
-    t = await S(-1);
+    t = await C(-1);
 }
-function kt(e) {
-  return k(e).pathname;
+function Nt(e) {
+  return N(e).pathname;
 }
 const rt = 0, W = 1, H = 2;
-class Nt {
+class Dt {
   constructor(t, s, { postEvent: n, hashMode: r = "classic", base: i } = {}) {
     c(this, "navigator");
-    c(this, "ee", new D());
+    c(this, "ee", new R());
     c(this, "hashMode");
     c(this, "base");
     /**
@@ -2669,11 +2681,11 @@ class Nt {
      * Removes event listener.
      */
     c(this, "off", this.ee.off.bind(this.ee));
-    this.navigator = new ze(
+    this.navigator = new je(
       t.map((a) => U(a, "/")),
       s,
       n
-    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = kt(i || "");
+    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = Nt(i || "");
   }
   /**
    * Attaches current navigator to the browser history allowing navigator to manipulate it.
@@ -2771,7 +2783,7 @@ class Nt {
    * "/pathname?search#hash"
    */
   get path() {
-    return N(this);
+    return D(this);
   }
   /**
    * Current pathname. Always starts with the slash.
@@ -2800,8 +2812,8 @@ class Nt {
    * // { pathname: '/tma', search: '?is=cool', hash: '#yeah' }
    */
   parsePath(t) {
-    let s = k(t);
-    return this.hashMode && (s = k(s.hash.slice(1))), {
+    let s = N(t);
+    return this.hashMode && (s = N(s.hash.slice(1))), {
       pathname: s.pathname,
       search: s.search,
       hash: s.hash
@@ -2821,8 +2833,8 @@ class Nt {
    * @param value - path presented as string or URLLike.
    */
   renderPath(t) {
-    const s = (this.base.length === 1 ? "" : this.base) + A(N(t), "/");
-    return this.hashMode ? A(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
+    const s = (this.base.length === 1 ? "" : this.base) + T(D(t), "/");
+    return this.hashMode ? T(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
   }
   /**
    * Synchronizes current navigator state with browser history.
@@ -2830,7 +2842,7 @@ class Nt {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const { state: t } = this, s = this.renderPath(this);
-    await Fe(), this.hasPrev && this.hasNext ? (window.history.replaceState(W, ""), window.history.pushState(t, "", s), window.history.pushState(H, ""), await S(-1)) : this.hasPrev ? (window.history.replaceState(W, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(H, ""), await S(-1)) : (window.history.replaceState(rt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
+    await ze(), this.hasPrev && this.hasNext ? (window.history.replaceState(W, ""), window.history.pushState(t, "", s), window.history.pushState(H, ""), await C(-1)) : this.hasPrev ? (window.history.replaceState(W, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(H, ""), await C(-1)) : (window.history.replaceState(rt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
   }
   /**
    * Current query parameters.
@@ -2848,42 +2860,42 @@ class Nt {
     return (this.navigator.current.params || {}).state;
   }
 }
-function Je(e) {
+function Fe(e) {
   e || (e = {});
   const { href: t, hash: s } = window.location;
-  let n = N(
+  let n = D(
     e.hashMode === null ? t : s.includes("?") ? s.slice(1) : `?${s.slice(1)}`
   );
-  const r = e.base ? kt(e.base) : void 0;
+  const r = e.base ? Nt(e.base) : void 0;
   if (r) {
     if (!n.startsWith(r))
       throw f(
-        Ft,
+        Jt,
         `Path "${n}" expected to be starting with "${r}"`
       );
     n = n.slice(r.length);
   }
-  return new Nt([n], 0, e);
+  return new Dt([n], 0, e);
 }
 function Ss(e) {
   const t = e.match(/#(.+)/);
   return t ? t[1] : null;
 }
-function Qe(e, t) {
-  if (Rt()) {
+function Je(e, t) {
+  if (At()) {
     const s = sessionStorage.getItem(e);
     if (s)
       try {
         const { index: n, history: r } = JSON.parse(s);
-        return new Nt(r, n, t);
+        return new Dt(r, n, t);
       } catch (n) {
         console.error("Unable to restore hash navigator state.", n);
       }
   }
-  return Je(t);
+  return Fe(t);
 }
-function Rs(e, t) {
-  const s = Qe(e, t), n = () => sessionStorage.setItem(e, JSON.stringify({
+function Cs(e, t) {
+  const s = Je(e, t), n = () => sessionStorage.setItem(e, JSON.stringify({
     index: s.index,
     history: s.history
   }));
@@ -2891,105 +2903,105 @@ function Rs(e, t) {
 }
 export {
   pe as BackButton,
-  ze as BasicNavigator,
-  xe as BiometryManager,
-  Nt as BrowserNavigator,
+  je as BasicNavigator,
+  Pe as BiometryManager,
+  Dt as BrowserNavigator,
   Se as ClosingBehavior,
-  Ie as CloudStorage,
-  Ft as ERR_INVALID_PATH_BASE,
-  Wt as ERR_INVOKE_CUSTOM_METHOD_RESPONSE,
-  Ot as ERR_METHOD_PARAMETER_UNSUPPORTED,
-  Bt as ERR_METHOD_UNSUPPORTED,
-  jt as ERR_NAVIGATION_HISTORY_EMPTY,
-  zt as ERR_NAVIGATION_INDEX_INVALID,
-  Ke as ERR_NAVIGATION_ITEM_INVALID,
-  at as ERR_PARSE,
-  Xe as ERR_SSR_INIT,
-  Ht as ERR_TIMED_OUT,
-  Gt as ERR_UNEXPECTED_TYPE,
-  Ut as ERR_UNKNOWN_ENV,
-  D as EventEmitter,
-  qe as HapticFeedback,
-  ke as InitData,
-  Ne as Invoice,
-  De as MainButton,
-  Me as MiniApp,
-  Be as Popup,
-  Oe as QRScanner,
+  Te as CloudStorage,
+  Jt as ERR_INVALID_PATH_BASE,
+  Ht as ERR_INVOKE_CUSTOM_METHOD_RESPONSE,
+  Ut as ERR_METHOD_PARAMETER_UNSUPPORTED,
+  Ot as ERR_METHOD_UNSUPPORTED,
+  zt as ERR_NAVIGATION_HISTORY_EMPTY,
+  Ft as ERR_NAVIGATION_INDEX_INVALID,
+  Ze as ERR_NAVIGATION_ITEM_INVALID,
+  ct as ERR_PARSE,
+  Ke as ERR_SSR_INIT,
+  Gt as ERR_TIMED_OUT,
+  jt as ERR_UNEXPECTED_TYPE,
+  Wt as ERR_UNKNOWN_ENV,
+  R as EventEmitter,
+  Ie as HapticFeedback,
+  qe as InitData,
+  ke as Invoice,
+  Ne as MainButton,
+  $e as MiniApp,
+  Le as Popup,
+  Be as QRScanner,
   V as SDKError,
-  Ue as SettingsButton,
-  We as ThemeParams,
-  He as Utils,
-  Ge as Viewport,
-  Te as array,
-  ms as bindMiniAppCSSVars,
-  ys as bindThemeParamsCSSVars,
-  vs as bindViewportCSSVars,
+  Oe as SettingsButton,
+  Ue as ThemeParams,
+  We as Utils,
+  He as Viewport,
+  Ae as array,
+  ws as bindMiniAppCSSVars,
+  ms as bindThemeParamsCSSVars,
+  ys as bindViewportCSSVars,
   w as boolean,
-  dt as captureSameReq,
+  _t as captureSameReq,
   z as classNames,
   re as compareVersions,
-  Je as createBrowserNavigatorFromLocation,
+  Fe as createBrowserNavigatorFromLocation,
   ce as createPostEvent,
-  k as createSafeURL,
-  wt as date,
+  N as createSafeURL,
+  mt as date,
   Ss as getHash,
-  kt as getPathname,
-  ss as initBackButton,
-  ns as initBiometryManager,
-  rs as initClosingBehavior,
-  is as initCloudStorage,
-  os as initHapticFeedback,
-  as as initInitData,
-  hs as initInvoice,
-  ps as initMainButton,
-  us as initMiniApp,
-  Rs as initNavigator,
-  ls as initPopup,
-  ds as initQRScanner,
-  _s as initSettingsButton,
-  fs as initThemeParams,
-  bs as initUtils,
-  ws as initViewport,
-  Es as initWeb,
-  C as invokeCustomMethod,
-  gt as isColorDark,
+  Nt as getPathname,
+  es as initBackButton,
+  ss as initBiometryManager,
+  ns as initClosingBehavior,
+  rs as initCloudStorage,
+  is as initHapticFeedback,
+  os as initInitData,
+  cs as initInvoice,
+  hs as initMainButton,
+  ps as initMiniApp,
+  Cs as initNavigator,
+  us as initPopup,
+  ls as initQRScanner,
+  ds as initSettingsButton,
+  _s as initThemeParams,
+  gs as initUtils,
+  bs as initViewport,
+  vs as initWeb,
+  S as invokeCustomMethod,
+  bt as isColorDark,
   oe as isIframe,
-  Rt as isPageReload,
+  At as isPageReload,
   Q as isRGB,
-  Jt as isRGBShort,
-  je as isSDKError,
-  Cs as isSDKErrorOfType,
-  Ps as isSSR,
-  xs as isTMA,
+  Qt as isRGBShort,
+  Ge as isSDKError,
+  xs as isSDKErrorOfType,
+  Es as isSSR,
+  Ps as isTMA,
   d as json,
-  es as mergeClassNames,
+  ts as mergeClassNames,
   y as number,
   L as off,
   b as on,
-  cs as parseInitData,
-  vt as parseLaunchParams,
-  It as parseThemeParams,
-  R as postEvent,
+  as as parseInitData,
+  Et as parseLaunchParams,
+  qt as parseThemeParams,
+  A as postEvent,
   _ as request,
-  Ce as requestBiometryInfo,
-  gs as requestThemeParams,
-  qt as requestViewport,
+  xe as requestBiometryInfo,
+  fs as requestThemeParams,
+  kt as requestViewport,
   ye as retrieveLaunchParams,
-  pt as rgb,
+  ut as rgb,
   K as searchParams,
   we as serializeLaunchParams,
   be as serializeThemeParams,
   m as setCSSVar,
-  Ze as setDebug,
-  ts as setTargetOrigin,
+  Ye as setDebug,
+  Xe as setTargetOrigin,
   h as string,
-  $t as subscribe,
+  Mt as subscribe,
   v as supports,
   ae as targetOrigin,
-  ht as toRGB,
+  pt as toRGB,
   ot as unsubscribe,
-  N as urlToPath,
-  ft as withTimeout
+  D as urlToPath,
+  gt as withTimeout
 };
 //# sourceMappingURL=index.js.map