@tma.js/sdk 2.2.0 → 2.4.0

package/dist/index.js

@@ -1,21 +1,21 @@
-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) {
+var Ot = Object.defineProperty;
+var Ut = (e, t, s) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var c = (e, t, s) => (Ut(e, typeof t != "symbol" ? t + "" : t, s), s);
+function at(e, t) {
   let s;
   const n = () => {
     s !== void 0 && t && t(s), s = void 0;
   };
   return [() => s === void 0 ? s = e(n) : s, n];
 }
-function ot(e) {
+function ct(e) {
   const t = M(), { count: s } = t;
-  t.unsubscribe(e), s && !t.count && ne();
+  t.unsubscribe(e), s && !t.count && ae();
 }
-function Mt(e) {
-  return M().subscribe(e), () => ot(e);
+function Ht(e) {
+  return M().subscribe(e), () => ct(e);
 }
-class Lt {
+class Gt {
   constructor(t, s = {}) {
     this.scope = t, this.options = s;
   }
@@ -31,12 +31,12 @@ class Lt {
       second: "2-digit",
       fractionalSecondDigits: 3,
       timeZone: "UTC"
-    }).format(n), { textColor: i, bgColor: a } = this.options, o = "font-weight: bold;padding: 0 5px;border-radius:5px";
+    }).format(n), { textColor: i, bgColor: o } = this.options, a = "font-weight: bold;padding: 0 5px;border-radius:5px";
     console[t](
       `%c${r}%c / %c${this.scope}`,
-      `${o};background-color: lightblue;color:black`,
+      `${a};background-color: lightblue;color:black`,
       "",
-      `${o};${i ? `color:${i};` : ""}${a ? `background-color:${a}` : ""}`,
+      `${a};${i ? `color:${i};` : ""}${o ? `background-color:${o}` : ""}`,
       ...s
     );
   }
@@ -55,21 +55,21 @@ class Lt {
     this.print("log", ...t);
   }
 }
-const F = new Lt("SDK", {
+const F = new Gt("SDK", {
   bgColor: "forestgreen",
   textColor: "white"
 });
-let G = !1;
-const et = ({ name: e, payload: t }) => {
+let H = !1;
+const nt = ({ name: e, payload: t }) => {
   F.log("Event received:", t ? { name: e, payload: t } : { name: e });
 };
 function Ye(e) {
-  G !== e && (G = e, e ? Mt(et) : ot(et));
+  H !== e && (H = e, e ? Ht(nt) : ct(nt));
 }
-function Bt(...e) {
-  G && F.log(...e);
+function jt(...e) {
+  H && F.log(...e);
 }
-class R {
+class T {
   constructor() {
     c(this, "listeners", /* @__PURE__ */ new Map());
     c(this, "listenersCount", 0);
@@ -141,10 +141,10 @@ class R {
       }
   }
 }
-function j(e, t, s) {
+function G(e, t, s) {
   return window.addEventListener(e, t, s), () => window.removeEventListener(e, t, s);
 }
-function at(...e) {
+function J(...e) {
   let t = !1;
   const s = [...e];
   return [
@@ -155,19 +155,19 @@ function at(...e) {
     t
   ];
 }
-class V extends Error {
+class D extends Error {
   constructor(t, s, n) {
-    super(s, { cause: n }), this.type = t, Object.setPrototypeOf(this, V.prototype);
+    super(s, { cause: n }), this.type = t, Object.setPrototypeOf(this, D.prototype);
   }
 }
 function f(e, t, s) {
-  return new V(e, t, s);
+  return new D(e, t, s);
 }
-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";
+const zt = "ERR_METHOD_UNSUPPORTED", Ft = "ERR_METHOD_PARAMETER_UNSUPPORTED", Jt = "ERR_UNKNOWN_ENV", Qt = "ERR_INVOKE_CUSTOM_METHOD_RESPONSE", Yt = "ERR_TIMED_OUT", Zt = "ERR_UNEXPECTED_TYPE", ht = "ERR_PARSE", Kt = "ERR_NAVIGATION_LIST_EMPTY", Xt = "ERR_NAVIGATION_CURSOR_INVALID", Ze = "ERR_NAVIGATION_ITEM_INVALID", Ke = "ERR_SSR_INIT", te = "ERR_INVALID_PATH_BASE";
 function E() {
-  return f(jt, "Value has unexpected type");
+  return f(Zt, "Value has unexpected type");
 }
-class $ {
+class V {
   constructor(t, s, n) {
     this.parser = t, this.isOptional = s, this.type = n;
   }
@@ -183,7 +183,7 @@ class $ {
         return this.parser(t);
       } catch (s) {
         throw f(
-          ct,
+          ht,
           `Unable to parse value${this.type ? ` as ${this.type}` : ""}`,
           s
         );
@@ -194,9 +194,9 @@ class $ {
   }
 }
 function P(e, t) {
-  return () => new $(e, !1, t);
+  return () => new V(e, !1, t);
 }
-const w = P((e) => {
+const b = P((e) => {
   if (typeof e == "boolean")
     return e;
   const t = String(e);
@@ -206,38 +206,38 @@ const w = P((e) => {
     return !1;
   throw E();
 }, "boolean");
-function ht(e, t) {
+function pt(e, t) {
   const s = {};
   for (const n in e) {
     const r = e[n];
     if (!r)
       continue;
-    let i, a;
+    let i, o;
     if (typeof r == "function" || "parse" in r)
-      i = n, a = typeof r == "function" ? r : r.parse.bind(r);
+      i = n, o = typeof r == "function" ? r : r.parse.bind(r);
     else {
-      const { type: o } = r;
-      i = r.from || n, a = typeof o == "function" ? o : o.parse.bind(o);
+      const { type: a } = r;
+      i = r.from || n, o = typeof a == "function" ? a : a.parse.bind(a);
     }
     try {
-      const o = a(t(i));
-      o !== void 0 && (s[n] = o);
-    } catch (o) {
-      throw f(ct, `Unable to parse field "${n}"`, o);
+      const a = o(t(i));
+      a !== void 0 && (s[n] = a);
+    } catch (a) {
+      throw f(ht, `Unable to parse field "${n}"`, a);
     }
   }
   return s;
 }
-function J(e) {
+function Q(e) {
   let t = e;
   if (typeof t == "string" && (t = JSON.parse(t)), typeof t != "object" || t === null || Array.isArray(t))
     throw E();
   return t;
 }
 function d(e, t) {
-  return new $((s) => {
-    const n = J(s);
-    return ht(e, (r) => n[r]);
+  return new V((s) => {
+    const n = Q(s);
+    return pt(e, (r) => n[r]);
   }, !1, t);
 }
 const y = P((e) => {
@@ -250,17 +250,17 @@ const y = P((e) => {
   }
   throw E();
 }, "number");
-function Q(e) {
+function Y(e) {
   return /^#[\da-f]{6}$/i.test(e);
 }
-function Qt(e) {
+function ee(e) {
   return /^#[\da-f]{3}$/i.test(e);
 }
-function pt(e) {
+function ut(e) {
   const t = e.replace(/\s/g, "").toLowerCase();
-  if (Q(t))
+  if (Y(t))
     return t;
-  if (Qt(t)) {
+  if (ee(t)) {
     let n = "#";
     for (let r = 0; r < 3; r += 1)
       n += t[1 + r].repeat(2);
@@ -278,26 +278,26 @@ const h = P((e) => {
   if (typeof e == "string" || typeof e == "number")
     return e.toString();
   throw E();
-}, "string"), ut = P((e) => pt(h().parse(e)), "rgb");
-function Yt(e) {
+}, "string"), lt = P((e) => ut(h().parse(e)), "rgb");
+function dt(e) {
   return d({
     eventType: h(),
     eventData: (t) => t
   }).parse(e);
 }
-function Zt() {
+function se() {
   ["TelegramGameProxy_receiveEvent", "TelegramGameProxy", "Telegram"].forEach((e) => {
     delete window[e];
   });
 }
-function Kt(e, t) {
+function j(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 Xt() {
+function ne() {
   [
     ["TelegramGameProxy_receiveEvent"],
     // Windows Phone.
@@ -309,14 +309,14 @@ function Xt() {
     let t = window;
     e.forEach((s, n, r) => {
       if (n === r.length - 1) {
-        t[s] = Kt;
+        t[s] = j;
         return;
       }
       s in t || (t[s] = {}), t = t[s];
     });
   });
 }
-const te = {
+const re = {
   clipboard_text_received: d({
     req_id: h(),
     data: (e) => e === null ? e : h().optional().parse(e)
@@ -338,32 +338,32 @@ const te = {
   qr_text_received: d({ data: h().optional() }),
   theme_changed: d({
     theme_params: (e) => {
-      const t = ut().optional();
-      return Object.entries(J(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
+      const t = lt().optional();
+      return Object.entries(Q(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
     }
   }),
   viewport_changed: d({
     height: y(),
     width: (e) => e == null ? window.innerWidth : y().parse(e),
-    is_state_stable: w(),
-    is_expanded: w()
+    is_state_stable: b(),
+    is_expanded: b()
   }),
   write_access_requested: d({ status: h() })
 };
-function ee() {
-  const e = new R(), t = new R();
+function ie() {
+  const e = new T(), t = new T();
   t.subscribe((n) => {
     e.emit("event", { name: n.event, payload: n.args[0] });
-  }), Xt();
-  const [, s] = at(
+  }), ne();
+  const [, s] = J(
     // Don't forget to remove created handlers.
-    Zt,
+    se,
     // 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", () => {
+    G("resize", () => {
       t.emit("viewport_changed", {
         width: window.innerWidth,
         height: window.innerHeight,
@@ -373,18 +373,18 @@ function ee() {
     }),
     // Add listener, which handles events sent from the Telegram web application and also events
     // generated by the local emitEvent function.
-    j("message", (n) => {
+    G("message", (n) => {
       if (n.source !== window.parent)
         return;
       let r;
       try {
-        r = Yt(n.data);
+        r = dt(n.data);
       } catch {
         return;
       }
-      const { eventType: i, eventData: a } = r, o = te[i];
+      const { eventType: i, eventData: o } = r, a = re[i];
       try {
-        const p = o ? o.parse(a) : a;
+        const p = a ? a.parse(o) : o;
         t.emit(...p ? [i, p] : [i]);
       } catch (p) {
         F.error(
@@ -412,39 +412,39 @@ function ee() {
     }
   }, s];
 }
-const [se, ne] = it(
+const [oe, ae] = at(
   (e) => {
-    const [t, s] = ee(), n = t.off.bind(t);
+    const [t, s] = ie(), n = t.off.bind(t);
     return t.off = (r, i) => {
-      const { count: a } = t;
-      n(r, i), a && !t.count && e();
+      const { count: o } = t;
+      n(r, i), o && !t.count && e();
     }, [t, s];
   },
   ([, e]) => e()
 );
 function M() {
-  return se()[0];
+  return oe()[0];
 }
-function L(e, t) {
+function $(e, t) {
   M().off(e, t);
 }
-function b(e, t, s) {
+function w(e, t, s) {
   return M().on(e, t, s);
 }
 function I(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function re(e, t) {
+function ce(e, t) {
   const s = e.split("."), n = t.split("."), r = Math.max(s.length, n.length);
   for (let i = 0; i < r; i += 1) {
-    const a = parseInt(s[i] || "0", 10), o = parseInt(n[i] || "0", 10);
-    if (a !== o)
-      return a > o ? 1 : -1;
+    const o = parseInt(s[i] || "0", 10), a = parseInt(n[i] || "0", 10);
+    if (o !== a)
+      return o > a ? 1 : -1;
   }
   return 0;
 }
 function g(e, t) {
-  return re(e, t) <= 0;
+  return ce(e, t) <= 0;
 }
 function v(e, t, s) {
   if (typeof s == "string") {
@@ -497,95 +497,91 @@ function v(e, t, s) {
       ].includes(e);
   }
 }
-function ie(e) {
+function _t(e) {
   return "external" in e && I(e.external) && "notify" in e.external && typeof e.external.notify == "function";
 }
-function lt(e) {
+function ft(e) {
   return "TelegramWebviewProxy" in e && I(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
 }
-function oe() {
+function gt() {
   try {
     return window.self !== window.top;
   } catch {
     return !0;
   }
 }
-let dt = "https://web.telegram.org";
+let wt = "https://web.telegram.org";
 function Xe(e) {
-  dt = e;
+  wt = e;
 }
-function ae() {
-  return dt;
+function he() {
+  return wt;
 }
-function A(e, t, s) {
+function R(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 (Bt("Posting event:", r ? { event: e, data: r } : { event: e }), oe()) {
+  const { targetOrigin: i = he() } = n;
+  if (jt("Posting event:", r ? { event: e, data: r } : { event: e }), gt()) {
     window.parent.postMessage(JSON.stringify({ eventType: e, eventData: r }), i);
     return;
   }
-  if (ie(window)) {
+  if (_t(window)) {
     window.external.notify(JSON.stringify({ eventType: e, eventData: r }));
     return;
   }
-  if (lt(window)) {
+  if (ft(window)) {
     window.TelegramWebviewProxy.postEvent(e, JSON.stringify(r));
     return;
   }
   throw f(
-    Wt,
+    Jt,
     "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) {
+function pe(e) {
   return (t, s) => {
     if (!v(t, e))
-      throw f(Ot, `Method "${t}" is unsupported in Mini Apps version ${e}`);
+      throw f(zt, `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(
-          Ut,
+          Ft,
           `Parameter "${n}" of "${t}" method is unsupported in Mini Apps version ${e}`
         );
     }
-    return A(t, s);
+    return R(t, s);
   };
 }
-function _t(e) {
+function bt(e) {
   return ({ req_id: t }) => t === e;
 }
-function ft(e) {
-  return f(Gt, `Timeout reached: ${e}ms`);
+function mt(e) {
+  return f(Yt, `Timeout reached: ${e}ms`);
 }
-function gt(e, t) {
+function yt(e, t) {
   return Promise.race([
     typeof e == "function" ? e() : e,
     new Promise((s, n) => {
       setTimeout(() => {
-        n(ft(t));
+        n(mt(t));
       }, t);
     })
   ]);
 }
 async function _(e) {
   let t;
-  const s = new Promise((u) => {
-    t = u;
-  }), {
-    method: n,
-    event: r,
-    capture: i,
-    postEvent: a = A,
-    timeout: o
-  } = e, p = (Array.isArray(r) ? r : [r]).map(
-    (u) => b(u, (k) => (!i || i(k)) && t(k))
+  const s = new Promise((a) => {
+    t = a;
+  }), { event: n, capture: r, timeout: i } = e, [, o] = J(
+    ...(Array.isArray(n) ? n : [n]).map(
+      (a) => w(a, (p) => (!r || r(p)) && t(p))
+    )
   );
   try {
-    return a(n, e.params), await (o ? gt(s, o) : s);
+    return (e.postEvent || R)(e.method, e.params), await (i ? yt(s, i) : s);
   } finally {
-    p.forEach((u) => u());
+    o();
   }
 }
 async function S(e, t, s, n = {}) {
@@ -601,10 +597,10 @@ async function S(e, t, s, n = {}) {
       params: t,
       req_id: s
     },
-    capture: _t(s)
+    capture: bt(s)
   });
   if (i)
-    throw f(Ht, i);
+    throw f(Qt, i);
   return r;
 }
 function z(...e) {
@@ -623,8 +619,8 @@ function ts(...e) {
     i.length && (t[n] = i);
   }), t), {});
 }
-function bt(e) {
-  const t = pt(e);
+function vt(e) {
+  const t = ut(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);
@@ -632,9 +628,9 @@ function bt(e) {
     }, 0)
   ) < 120;
 }
-class he {
+class ue {
   constructor(t) {
-    c(this, "ee", new R());
+    c(this, "ee", new T());
     /**
      * Adds new event listener.
      */
@@ -652,7 +648,7 @@ class he {
     return { ...this.state };
   }
   set(t, s) {
-    Object.entries(typeof t == "string" ? { [t]: s } : t).reduce((r, [i, a]) => this.state[i] === a || a === void 0 ? r : (this.state[i] = a, this.ee.emit(`change:${i}`, a), !0), !1) && this.ee.emit("change", this.state);
+    Object.entries(typeof t == "string" ? { [t]: s } : t).reduce((r, [i, o]) => this.state[i] === o || o === void 0 ? r : (this.state[i] = o, this.ee.emit(`change:${i}`, o), !0), !1) && this.ee.emit("change", this.state);
   }
   /**
    * Returns value by specified key.
@@ -662,7 +658,7 @@ class he {
     return this.state[t];
   }
 }
-class Y {
+class Z {
   constructor(t) {
     c(this, "state");
     /**
@@ -677,23 +673,23 @@ class Y {
      * Clones the current state.
      */
     c(this, "clone");
-    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);
+    this.state = new ue(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 wt(e, t) {
+function Et(e, t) {
   return (s) => v(t[s], e);
 }
-class Z extends Y {
+class K extends Z {
   constructor(s, n, r) {
     super(s);
     /**
      * @returns True, if specified method is supported by the current component.
      */
     c(this, "supports");
-    this.supports = wt(n, r);
+    this.supports = Et(n, r);
   }
 }
-class pe extends Z {
+class le extends K {
   constructor(s, n, r) {
     super({ isVisible: s }, n, {
       show: "web_app_setup_back_button",
@@ -704,13 +700,13 @@ class pe extends Z {
      * @param event - event to listen.
      * @param listener - listener to add.
      */
-    c(this, "on", (s, n) => s === "click" ? b("back_button_pressed", n) : this.state.on(s, n));
+    c(this, "on", (s, n) => s === "click" ? w("back_button_pressed", n) : this.state.on(s, n));
     /**
      * Removes the event listener.
      * @param event - event to listen.
      * @param listener - listener to remove.
      */
-    c(this, "off", (s, n) => s === "click" ? L("back_button_pressed", n) : this.state.off(s, n));
+    c(this, "off", (s, n) => s === "click" ? $("back_button_pressed", n) : this.state.off(s, n));
     this.postEvent = r;
   }
   set isVisible(s) {
@@ -735,19 +731,19 @@ class pe extends Z {
     this.isVisible = !0;
   }
 }
-const mt = P((e) => e instanceof Date ? e : new Date(y().parse(e) * 1e3), "Date");
-function K(e, t) {
-  return new $((s) => {
+const Pt = P((e) => e instanceof Date ? e : new Date(y().parse(e) * 1e3), "Date");
+function X(e, t) {
+  return new V((s) => {
     if (typeof s != "string" && !(s instanceof URLSearchParams))
       throw E();
     const n = typeof s == "string" ? new URLSearchParams(s) : s;
-    return ht(e, (r) => {
+    return pt(e, (r) => {
       const i = n.get(r);
       return i === null ? void 0 : i;
     });
   }, !1, t);
 }
-const ue = d({
+const de = d({
   id: y(),
   type: h(),
   title: h(),
@@ -756,13 +752,13 @@ const ue = d({
     from: "photo_url"
   },
   username: h().optional()
-}, "Chat").optional(), st = d({
+}, "Chat").optional(), rt = d({
   addedToAttachmentMenu: {
-    type: w().optional(),
+    type: b().optional(),
     from: "added_to_attachment_menu"
   },
   allowsWriteToPm: {
-    type: w().optional(),
+    type: b().optional(),
     from: "allows_write_to_pm"
   },
   firstName: {
@@ -771,11 +767,11 @@ const ue = d({
   },
   id: y(),
   isBot: {
-    type: w().optional(),
+    type: b().optional(),
     from: "is_bot"
   },
   isPremium: {
-    type: w().optional(),
+    type: b().optional(),
     from: "is_premium"
   },
   languageCode: {
@@ -792,17 +788,17 @@ const ue = d({
   },
   username: h().optional()
 }, "User").optional();
-function yt() {
-  return K({
+function xt() {
+  return X({
     authDate: {
-      type: mt(),
+      type: Pt(),
       from: "auth_date"
     },
     canSendAfter: {
       type: y().optional(),
       from: "can_send_after"
     },
-    chat: ue,
+    chat: de,
     chatInstance: {
       type: h().optional(),
       from: "chat_instance"
@@ -816,35 +812,35 @@ function yt() {
       type: h().optional(),
       from: "query_id"
     },
-    receiver: st,
+    receiver: rt,
     startParam: {
       type: h().optional(),
       from: "start_param"
     },
-    user: st
+    user: rt
   }, "InitData");
 }
-function le(e) {
+function _e(e) {
   return e.replace(/_[a-z]/g, (t) => t[1].toUpperCase());
 }
-function de(e) {
+function fe(e) {
   return e.replace(/[A-Z]/g, (t) => `_${t.toLowerCase()}`);
 }
-const vt = P(
+const St = P(
   (e) => {
-    const t = ut().optional();
-    return Object.entries(J(e)).reduce((s, [n, r]) => (s[le(n)] = t.parse(r), s), {});
+    const t = lt().optional();
+    return Object.entries(Q(e)).reduce((s, [n, r]) => (s[_e(n)] = t.parse(r), s), {});
   },
   "ThemeParams"
 );
-function Et(e) {
-  return K({
+function tt(e) {
+  return X({
     botInline: {
-      type: w().optional(),
+      type: b().optional(),
       from: "tgWebAppBotInline"
     },
     initData: {
-      type: yt().optional(),
+      type: xt().optional(),
       from: "tgWebAppData"
     },
     initDataRaw: {
@@ -856,7 +852,7 @@ function Et(e) {
       from: "tgWebAppPlatform"
     },
     showSettings: {
-      type: w().optional(),
+      type: b().optional(),
       from: "tgWebAppShowSettings"
     },
     startParam: {
@@ -864,7 +860,7 @@ function Et(e) {
       from: "tgWebAppStartParam"
     },
     themeParams: {
-      type: vt(),
+      type: St(),
       from: "tgWebAppThemeParams"
     },
     version: {
@@ -873,110 +869,110 @@ function Et(e) {
     }
   }).parse(e);
 }
-function Pt(e) {
-  return Et(
+function Ct(e) {
+  return tt(
     e.replace(/^[^?#]*[?#]/, "").replace(/[?#]/g, "&")
   );
 }
-function _e() {
-  return Pt(window.location.href);
+function ge() {
+  return Ct(window.location.href);
 }
-function xt() {
+function Tt() {
   return performance.getEntriesByType("navigation")[0];
 }
-function fe() {
-  const e = xt();
+function we() {
+  const e = Tt();
   if (!e)
     throw new Error("Unable to get first navigation entry.");
-  return Pt(e.name);
+  return Ct(e.name);
 }
-function St(e) {
+function Rt(e) {
   return `tma.js/${e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`)}`;
 }
-function Ct(e, t) {
-  sessionStorage.setItem(St(e), JSON.stringify(t));
+function At(e, t) {
+  sessionStorage.setItem(Rt(e), JSON.stringify(t));
 }
-function Rt(e) {
-  const t = sessionStorage.getItem(St(e));
+function It(e) {
+  const t = sessionStorage.getItem(Rt(e));
   try {
     return t ? JSON.parse(t) : void 0;
   } catch {
   }
 }
-function ge() {
-  return Et(Rt("launchParams") || "");
+function be() {
+  return tt(It("launchParams") || "");
 }
-function be(e) {
+function qt(e) {
   return JSON.stringify(
     Object.fromEntries(
-      Object.entries(e).map(([t, s]) => [de(t), s])
+      Object.entries(e).map(([t, s]) => [fe(t), s])
     )
   );
 }
-function we(e) {
+function me(e) {
   const {
     initDataRaw: t,
     themeParams: s,
     platform: n,
     version: r,
     showSettings: i,
-    startParam: a,
-    botInline: o
+    startParam: o,
+    botInline: a
   } = e, p = new URLSearchParams();
-  return p.set("tgWebAppPlatform", n), p.set("tgWebAppThemeParams", be(s)), p.set("tgWebAppVersion", r), t && p.set("tgWebAppData", t), a && p.set("tgWebAppStartParam", a), typeof i == "boolean" && p.set("tgWebAppShowSettings", i ? "1" : "0"), typeof o == "boolean" && p.set("tgWebAppBotInline", o ? "1" : "0"), p.toString();
+  return p.set("tgWebAppPlatform", n), p.set("tgWebAppThemeParams", qt(s)), p.set("tgWebAppVersion", r), t && p.set("tgWebAppData", t), o && p.set("tgWebAppStartParam", o), typeof i == "boolean" && p.set("tgWebAppShowSettings", i ? "1" : "0"), typeof a == "boolean" && p.set("tgWebAppBotInline", a ? "1" : "0"), p.toString();
 }
-function me(e) {
-  Ct("launchParams", we(e));
+function kt(e) {
+  At("launchParams", me(e));
 }
 function ye() {
   for (const e of [
     // Try to retrieve launch parameters from the current location. This method can return
     // nothing in case, location was changed and then page was reloaded.
-    _e,
+    ge,
     // Then, try using the lower level API - window.performance.
-    fe,
+    we,
     // Finally, try to extract launch parameters from the session storage.
-    ge
+    be
   ])
     try {
       const t = e();
-      return me(t), t;
+      return kt(t), t;
     } catch {
     }
   throw new Error("Unable to retrieve launch parameters from any known source.");
 }
-function At() {
-  const e = xt();
+function Nt() {
+  const e = Tt();
   return !!(e && e.type === "reload");
 }
 function ve() {
   let e = 0;
   return () => (e += 1).toString();
 }
-const [Ee] = it(ve);
+const [Ee] = at(ve);
 function l(e, t) {
   return () => {
     const s = ye(), n = {
       ...s,
-      postEvent: ce(s.version),
+      postEvent: pe(s.version),
       createRequestId: Ee()
     };
     if (typeof e == "function")
       return e(n);
-    const [r, i, a] = at(), o = t({
+    const [r, i, o] = J(), a = 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: At() ? Rt(e) : void 0,
+      state: Nt() ? It(e) : void 0,
       addCleanup: r
-    }), p = (u) => (a || r(
-      u.on("change", (k) => {
-        Ct(e, k);
+    }), p = (u) => (o || r(
+      u.on("change", (Wt) => {
+        At(e, Wt);
       })
     ), u);
     return [
-      o instanceof Promise ? o.then(p) : p(o),
+      a instanceof Promise ? a.then(p) : p(a),
       i
     ];
   };
@@ -985,8 +981,8 @@ const es = l("backButton", ({
   postEvent: e,
   version: t,
   state: s = { isVisible: !1 }
-}) => new pe(s.isVisible, t, e));
-class q extends Z {
+}) => new le(s.isVisible, t, e));
+class q extends K {
   constructor() {
     super(...arguments);
     /**
@@ -999,7 +995,7 @@ class q extends Z {
     c(this, "off", this.state.off.bind(this.state));
   }
 }
-function Tt(e) {
+function Dt(e) {
   const t = e.available ? e : {
     available: !1,
     device_id: "",
@@ -1099,7 +1095,7 @@ class Pe extends q {
       event: "biometry_info_received",
       params: { reason: s || "" }
     }).then((r) => {
-      const i = Tt(r);
+      const i = Dt(r);
       return this.set(i), i.accessGranted;
     }).finally(() => this.accessPromise = void 0)), this.accessPromise;
   }
@@ -1132,7 +1128,7 @@ class Pe extends q {
   }
 }
 async function xe(e) {
-  return Tt(
+  return Dt(
     await _({
       ...e || {},
       method: "web_app_biometry_get_info",
@@ -1154,7 +1150,7 @@ const ss = l(
     postEvent: e
   })
 );
-class X extends Y {
+class et extends Z {
   constructor() {
     super(...arguments);
     /**
@@ -1167,7 +1163,7 @@ class X extends Y {
     c(this, "off", this.state.off.bind(this.state));
   }
 }
-class Se extends X {
+class Se extends et {
   constructor(t, s) {
     super({ isConfirmationNeeded: t }), this.postEvent = s;
   }
@@ -1201,13 +1197,13 @@ const ns = l(
     state: t = { isConfirmationNeeded: !1 }
   }) => new Se(t.isConfirmationNeeded, e)
 );
-class tt {
+class st {
   constructor(t, s) {
     /**
      * @returns True, if specified method is supported by the current component.
      */
     c(this, "supports");
-    this.supports = wt(t, s);
+    this.supports = Et(t, s);
   }
 }
 function Ce(e) {
@@ -1222,7 +1218,7 @@ function Ce(e) {
     }
   throw E();
 }
-class Re extends $ {
+class Te extends V {
   constructor(s, n, r) {
     super(Ce, n, r);
     c(this, "itemParser");
@@ -1242,13 +1238,13 @@ class Re extends $ {
     return this.itemParser = typeof s == "function" ? s : s.parse.bind(s), this;
   }
 }
-function Ae(e) {
-  return new Re((t) => t, !1, e);
+function Re(e) {
+  return new Te((t) => t, !1, e);
 }
-function nt(e, t) {
+function it(e, t) {
   return Object.fromEntries(e.map((s) => [s, t]));
 }
-class Te extends tt {
+class Ae extends st {
   constructor(t, s, n) {
     super(t, {
       delete: "web_app_invoke_custom_method",
@@ -1276,7 +1272,7 @@ class Te extends tt {
    * @param options - request execution options.
    */
   async getKeys(t = {}) {
-    return Ae().of(h()).parse(
+    return Re().of(h()).parse(
       await S(
         "getStorageKeys",
         {},
@@ -1288,13 +1284,13 @@ class Te extends tt {
   async get(t, s = {}) {
     const n = Array.isArray(t) ? t : [t];
     if (!n.length)
-      return nt(n, "");
+      return it(n, "");
     const r = await S(
       "getStorageValues",
       { keys: n },
       this.createRequestId(),
       { ...s, postEvent: this.postEvent }
-    ), i = d(nt(n, h()), "CloudStorageData").parse(r);
+    ), i = d(it(n, h()), "CloudStorageData").parse(r);
     return Array.isArray(t) ? i : i[t];
   }
   /**
@@ -1313,9 +1309,9 @@ class Te extends tt {
   }
 }
 const rs = l(
-  ({ createRequestId: e, postEvent: t, version: s }) => new Te(s, e, t)
+  ({ createRequestId: e, postEvent: t, version: s }) => new Ae(s, e, t)
 );
-class Ie extends tt {
+class Ie extends st {
   constructor(t, s) {
     super(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
@@ -1437,7 +1433,7 @@ const os = l(
   ({ initData: e }) => e ? new qe(e) : void 0
 );
 function as(e) {
-  return yt().parse(e);
+  return xt().parse(e);
 }
 class ke extends q {
   constructor(t, s, n) {
@@ -1462,10 +1458,10 @@ class ke extends q {
       const { hostname: r, pathname: i } = new URL(t, window.location.href);
       if (r !== "t.me")
         throw new Error(`Incorrect hostname: ${r}`);
-      const a = i.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
-      if (!a)
+      const o = i.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
+      if (!o)
         throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/{slug}" or "/${slug}"');
-      [, , n] = a;
+      [, , n] = o;
     }
     this.isOpened = !0;
     try {
@@ -1486,7 +1482,7 @@ class ke extends q {
 const cs = l(
   ({ version: e, postEvent: t }) => new ke(!1, e, t)
 );
-class Ne extends Y {
+class Ne extends Z {
   constructor({ postEvent: s, ...n }) {
     super(n);
     c(this, "postEvent");
@@ -1495,13 +1491,13 @@ class Ne extends Y {
      * @param event - event to listen.
      * @param listener - listener to add.
      */
-    c(this, "on", (s, n) => s === "click" ? b("main_button_pressed", n) : this.state.on(s, n));
+    c(this, "on", (s, n) => s === "click" ? w("main_button_pressed", n) : this.state.on(s, n));
     /**
      * Removes the event listener.
      * @param event - event to listen.
      * @param listener - listener to remove.
      */
-    c(this, "off", (s, n) => s === "click" ? L("main_button_pressed", n) : this.state.off(s, n));
+    c(this, "off", (s, n) => s === "click" ? $("main_button_pressed", n) : this.state.off(s, n));
     this.postEvent = s;
   }
   /**
@@ -1647,7 +1643,7 @@ const hs = l(
   }) => new Ne({ ...s, postEvent: e })
 );
 function De() {
-  return K({
+  return X({
     contact: d({
       userId: {
         type: y(),
@@ -1667,13 +1663,13 @@ function De() {
       }
     }),
     authDate: {
-      type: mt(),
+      type: Pt(),
       from: "auth_date"
     },
     hash: h()
   }, "RequestedContact");
 }
-function It(e, t) {
+function Vt(e, t) {
   return (s) => {
     const [n, r] = t[s];
     return v(n, r, e);
@@ -1684,9 +1680,9 @@ function Ve(e) {
     setTimeout(t, e);
   });
 }
-class $e extends q {
-  constructor({ postEvent: s, createRequestId: n, version: r, botInline: i, ...a }) {
-    super(a, r, {
+class Me extends q {
+  constructor({ postEvent: s, createRequestId: n, version: r, botInline: i, ...o }) {
+    super(o, r, {
       requestPhoneAccess: "web_app_request_phone",
       requestWriteAccess: "web_app_request_write_access",
       switchInlineQuery: "web_app_switch_inline_query",
@@ -1703,8 +1699,8 @@ class $e extends q {
      */
     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 = It(r, {
+    const a = this.supports.bind(this);
+    this.supports = (p) => a(p) ? p !== "switchInlineQuery" || i : !1, this.supportsParam = Vt(r, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"]
     });
   }
@@ -1755,7 +1751,7 @@ class $e extends q {
    * True if current Mini App background color is recognized as dark.
    */
   get isDark() {
-    return bt(this.bgColor);
+    return vt(this.bgColor);
   }
   /**
    * Informs the Telegram app that the Mini App is ready to be displayed.
@@ -1784,7 +1780,7 @@ class $e extends q {
       throw new Error("Access denied.");
     const r = Date.now() + s;
     let i = 50;
-    return gt(async () => {
+    return yt(async () => {
       for (; Date.now() < r; ) {
         try {
           return await this.getRequestedContact();
@@ -1792,7 +1788,7 @@ class $e extends q {
         }
         await Ve(i), i += 50;
       }
-      throw ft(s);
+      throw mt(s);
     }, s);
   }
   /**
@@ -1847,7 +1843,7 @@ class $e extends q {
    * @param color - color key or RGB color.
    */
   setHeaderColor(s) {
-    this.postEvent("web_app_set_header_color", Q(s) ? { color: s } : { color_key: s }), this.set("headerColor", s);
+    this.postEvent("web_app_set_header_color", Y(s) ? { color: s } : { color_key: s }), this.set("headerColor", s);
   }
   /**
    * Updates current Mini App background color.
@@ -1885,9 +1881,9 @@ const ps = l(
       headerColor: e.headerBgColor || "#000000"
     },
     ...n
-  }) => new $e({ ...n, ...s, botInline: t })
+  }) => new Me({ ...n, ...s, botInline: t })
 );
-function Me(e) {
+function $e(e) {
   const t = e.message.trim(), s = (e.title || "").trim(), n = e.buttons || [];
   let r;
   if (s.length > 64)
@@ -1897,18 +1893,18 @@ function Me(e) {
   if (n.length > 3)
     throw new Error(`Buttons have incorrect size: ${n.length}`);
   return n.length ? r = n.map((i) => {
-    const { id: a = "" } = i;
-    if (a.length > 64)
-      throw new Error(`Button ID has incorrect size: ${a}`);
+    const { id: o = "" } = i;
+    if (o.length > 64)
+      throw new Error(`Button ID has incorrect size: ${o}`);
     if (!i.type || i.type === "default" || i.type === "destructive") {
-      const o = i.text.trim();
-      if (!o.length || o.length > 64) {
+      const a = i.text.trim();
+      if (!a.length || a.length > 64) {
         const p = i.type || "default";
         throw new Error(`Button text with type "${p}" has incorrect size: ${i.text.length}`);
       }
-      return { ...i, text: o, id: a };
+      return { ...i, text: a, id: o };
     }
-    return { ...i, id: a };
+    return { ...i, id: o };
   }) : r = [{ type: "close", id: "" }], { title: s, message: t, buttons: r };
 }
 class Le extends q {
@@ -1944,7 +1940,7 @@ class Le extends q {
         event: "popup_closed",
         method: "web_app_open_popup",
         postEvent: this.postEvent,
-        params: Me(t)
+        params: $e(t)
       });
       return s;
     } finally {
@@ -1977,32 +1973,31 @@ class Be extends q {
   get isOpened() {
     return this.get("isOpened");
   }
-  /**
-   * Opens scanner with specified title shown to user. Method returns promise
-   * with scanned QR content in case, it was scanned. It will contain null in
-   * case, scanner was closed.
-   * @param text - title to display.
-   */
   async open(t) {
     if (this.isOpened)
       throw new Error("QR scanner is already opened.");
+    const { text: s, capture: n } = (typeof t == "string" ? { text: t } : t) || {};
     this.isOpened = !0;
     try {
-      return (await _({
+      const i = (await _({
         method: "web_app_open_scan_qr_popup",
         event: ["qr_text_received", "scan_qr_popup_closed"],
         postEvent: this.postEvent,
-        params: { text: t }
+        params: { text: s },
+        capture(o) {
+          return o.event === "scan_qr_popup_closed" || !n || n(o.payload);
+        }
       }) || {}).data || null;
-    } finally {
-      this.isOpened = !1;
+      return i && this.close(), i;
+    } catch (r) {
+      throw this.isOpened = !1, r;
     }
   }
 }
 const ls = l(
   ({ version: e, postEvent: t }) => new Be(!1, e, t)
 );
-class Oe extends Z {
+class We extends K {
   constructor(s, n, r) {
     super({ isVisible: s }, n, {
       show: "web_app_setup_settings_button",
@@ -2013,13 +2008,13 @@ class Oe extends Z {
      * @param event - event to listen.
      * @param listener - listener to add.
      */
-    c(this, "on", (s, n) => s === "click" ? b("settings_button_pressed", n) : this.state.on(s, n));
+    c(this, "on", (s, n) => s === "click" ? w("settings_button_pressed", n) : this.state.on(s, n));
     /**
      * Removes the event listener.
      * @param event - event to listen.
      * @param listener - listener to remove.
      */
-    c(this, "off", (s, n) => s === "click" ? L("settings_button_pressed", n) : this.state.off(s, n));
+    c(this, "off", (s, n) => s === "click" ? $("settings_button_pressed", n) : this.state.off(s, n));
     this.postEvent = r;
   }
   set isVisible(s) {
@@ -2050,12 +2045,12 @@ const ds = l(
     version: e,
     postEvent: t,
     state: s = { isVisible: !1 }
-  }) => new Oe(s.isVisible, e, t)
+  }) => new We(s.isVisible, e, t)
 );
-function qt(e) {
-  return vt().parse(e);
+function Mt(e) {
+  return St().parse(e);
 }
-class Ue extends X {
+class Oe extends et {
   /**
    * @since v6.10
    */
@@ -2094,7 +2089,7 @@ class Ue extends X {
    * value is calculated according to theme bg color.
    */
   get isDark() {
-    return !this.bgColor || bt(this.bgColor);
+    return !this.bgColor || vt(this.bgColor);
   }
   get linkColor() {
     return this.get("linkColor");
@@ -2119,8 +2114,8 @@ class Ue extends X {
    * @returns Function to stop listening.
    */
   listen() {
-    return b("theme_changed", (t) => {
-      this.set(qt(t.theme_params));
+    return w("theme_changed", (t) => {
+      this.set(Mt(t.theme_params));
     });
   }
   /**
@@ -2136,7 +2131,7 @@ class Ue extends X {
 const _s = l(
   "themeParams",
   ({ themeParams: e, state: t = e, addCleanup: s }) => {
-    const n = new Ue(t);
+    const n = new Oe(t);
     return s(n.listen()), n;
   }
 );
@@ -2145,16 +2140,16 @@ function fs(e = {}) {
     ...e,
     method: "web_app_request_theme",
     event: "theme_changed"
-  }).then(qt);
+  }).then(Mt);
 }
-class We extends tt {
+class Ue extends st {
   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 = It(s, {
+    this.version = s, this.createRequestId = n, this.postEvent = r, this.supportsParam = Vt(s, {
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
   }
@@ -2208,15 +2203,15 @@ class We extends tt {
       event: "clipboard_text_received",
       postEvent: this.postEvent,
       params: { req_id: s },
-      capture: _t(s)
+      capture: bt(s)
     });
     return n;
   }
 }
 const gs = l(
-  ({ version: e, postEvent: t, createRequestId: s }) => new We(e, s, t)
+  ({ version: e, postEvent: t, createRequestId: s }) => new Ue(e, s, t)
 );
-async function kt(e = {}) {
+async function $t(e = {}) {
   const {
     is_expanded: t,
     is_state_stable: s,
@@ -2231,11 +2226,11 @@ async function kt(e = {}) {
 function x(e) {
   return e < 0 ? 0 : e;
 }
-class He extends X {
-  constructor({ postEvent: s, stableHeight: n, height: r, width: i, isExpanded: a }) {
+class He extends et {
+  constructor({ postEvent: s, stableHeight: n, height: r, width: i, isExpanded: o }) {
     super({
       height: x(r),
-      isExpanded: a,
+      isExpanded: o,
       stableHeight: x(n),
       width: x(i)
     });
@@ -2248,7 +2243,7 @@ class He extends X {
    * @param options - options to request fresh data.
    */
   async sync(s) {
-    const { isStateStable: n, ...r } = await kt(s);
+    const { isStateStable: n, ...r } = await $t(s);
     this.set({
       ...r,
       stableHeight: n ? r.height : this.get("stableHeight")
@@ -2295,18 +2290,18 @@ class He extends X {
    * @returns Function to stop listening.
    */
   listen() {
-    return b("viewport_changed", (s) => {
+    return w("viewport_changed", (s) => {
       const {
         height: n,
         width: r,
         is_expanded: i,
-        is_state_stable: a
-      } = s, o = x(n);
+        is_state_stable: o
+      } = s, a = x(n);
       this.set({
-        height: o,
+        height: a,
         isExpanded: i,
         width: x(r),
-        ...a ? { stableHeight: o } : {}
+        ...o ? { stableHeight: a } : {}
       });
     });
   }
@@ -2340,23 +2335,23 @@ class He extends X {
     return this.stableHeight === this.height;
   }
 }
-const bs = l(
+const ws = l(
   "viewport",
   async ({ state: e, platform: t, postEvent: s, addCleanup: n }) => {
-    let r = !1, i = 0, a = 0, o = 0;
+    let r = !1, i = 0, o = 0, a = 0;
     if (e)
-      r = e.isExpanded, i = e.height, a = e.width, o = e.stableHeight;
+      r = e.isExpanded, i = e.height, o = e.width, a = e.stableHeight;
     else if (["macos", "tdesktop", "unigram", "webk", "weba", "web"].includes(t))
-      r = !0, i = window.innerHeight, a = window.innerWidth, o = window.innerHeight;
+      r = !0, i = window.innerHeight, o = window.innerWidth, a = window.innerHeight;
     else {
-      const u = await kt({ timeout: 1e3, postEvent: s });
-      r = u.isExpanded, i = u.height, a = u.width, o = u.isStateStable ? i : 0;
+      const u = await $t({ timeout: 1e3, postEvent: s });
+      r = u.isExpanded, i = u.height, o = u.width, a = u.isStateStable ? i : 0;
     }
     const p = new He({
       postEvent: s,
       height: i,
-      width: a,
-      stableHeight: o,
+      width: o,
+      stableHeight: a,
       isExpanded: r
     });
     return n(p.listen()), p;
@@ -2365,22 +2360,22 @@ const bs = l(
 function m(e, t) {
   document.documentElement.style.setProperty(e, t);
 }
-function ws(e, t, s) {
-  s || (s = (o) => `--tg-${o}-color`);
+function bs(e, t, s) {
+  s || (s = (a) => `--tg-${a}-color`);
   const n = s("header"), r = s("bg"), i = () => {
-    const { headerColor: o } = e;
-    if (Q(o))
-      m(n, o);
+    const { headerColor: a } = e;
+    if (Y(a))
+      m(n, a);
     else {
       const { bgColor: p, secondaryBgColor: u } = t;
-      o === "bg_color" && p ? m(n, p) : o === "secondary_bg_color" && u && m(n, u);
+      a === "bg_color" && p ? m(n, p) : a === "secondary_bg_color" && u && m(n, u);
     }
     m(r, e.bgColor);
-  }, a = [
+  }, o = [
     t.on("change", i),
     e.on("change", i)
   ];
-  return i(), () => a.forEach((o) => o());
+  return i(), () => o.forEach((a) => a());
 }
 function ms(e, t) {
   t || (t = (n) => `--tg-theme-${n.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`)}`);
@@ -2397,35 +2392,35 @@ function ys(e, t) {
     s,
     n,
     r
-  ] = ["height", "width", "stable-height"].map((u) => t(u)), i = () => m(s, `${e.height}px`), a = () => m(n, `${e.width}px`), o = () => m(r, `${e.stableHeight}px`), p = [
+  ] = ["height", "width", "stable-height"].map((u) => t(u)), i = () => m(s, `${e.height}px`), o = () => m(n, `${e.width}px`), a = () => m(r, `${e.stableHeight}px`), p = [
     e.on("change:height", i),
-    e.on("change:width", a),
-    e.on("change:stableHeight", o)
+    e.on("change:width", o),
+    e.on("change:stableHeight", a)
   ];
-  return i(), a(), o(), () => p.forEach((u) => u());
+  return i(), o(), a(), () => p.forEach((u) => u());
 }
 function vs(e = !0) {
   const t = [
-    b("reload_iframe", () => {
-      A("iframe_will_reload"), window.location.reload();
+    w("reload_iframe", () => {
+      R("iframe_will_reload"), window.location.reload();
     })
   ], s = () => t.forEach((n) => n());
   if (e) {
     const n = document.createElement("style");
     n.id = "telegram-custom-styles", document.head.appendChild(n), t.push(
-      b("set_custom_style", (r) => {
+      w("set_custom_style", (r) => {
         n.innerHTML = r;
       }),
       () => document.head.removeChild(n)
     );
   }
-  return A("iframe_ready", { reload_supported: !0 }), s;
+  return R("iframe_ready", { reload_supported: !0 }), s;
 }
 function Es() {
   return typeof window > "u";
 }
 async function Ps() {
-  if (lt(window))
+  if (ft(window))
     return !0;
   try {
     return await _({ method: "web_app_request_theme", event: "theme_changed", timeout: 100 }), !0;
@@ -2433,13 +2428,53 @@ async function Ps() {
     return !1;
   }
 }
+function xs(e) {
+  const t = typeof e == "string" ? tt(e) : e;
+  kt(t);
+  function s(r) {
+    if (typeof r == "string")
+      try {
+        const { eventType: i } = dt(r);
+        i === "web_app_request_theme" && j("theme_changed", {
+          theme_params: JSON.parse(qt(t.themeParams))
+        }), i === "web_app_request_viewport" && j("viewport_changed", {
+          width: window.innerWidth,
+          height: window.innerHeight,
+          is_state_stable: !0,
+          is_expanded: !0
+        });
+      } catch {
+      }
+  }
+  if (gt()) {
+    const r = window.parent.postMessage.bind(window.parent);
+    window.parent.postMessage = (i) => {
+      s(i), r(i);
+    };
+    return;
+  }
+  if (_t(window)) {
+    const r = window.external.notify.bind(window.external);
+    window.external.notify = (i) => {
+      s(i), r(i);
+    };
+    return;
+  }
+  const n = window.TelegramWebviewProxy;
+  window.TelegramWebviewProxy = {
+    ...n || {},
+    postEvent(...r) {
+      s(JSON.stringify({ eventType: r[0], eventData: r[1] })), n && n.postEvent(...r);
+    }
+  };
+}
 function Ge(e) {
-  return e instanceof V;
+  return e instanceof D;
 }
-function xs(e, t) {
+function Ss(e, t) {
   return Ge(e) && e.type === t;
 }
-function B(e, t) {
+function L(e, t) {
   let s, n, r;
   return typeof e == "string" ? s = e : (s = e.pathname === void 0 ? t : e.pathname, n = e.params, r = e.id), Object.freeze({
     id: r || (Math.random() * 2 ** 14 | 0).toString(16),
@@ -2448,12 +2483,12 @@ function B(e, t) {
   });
 }
 class je {
-  constructor(t, s, n = A) {
+  constructor(t, s, n = R) {
     /**
      * Navigation history.
      */
     c(this, "history");
-    c(this, "ee", new R());
+    c(this, "ee", new T());
     /**
      * True, if current navigator is currently attached.
      */
@@ -2471,20 +2506,20 @@ class je {
      */
     c(this, "off", this.ee.off.bind(this.ee));
     if (this._index = s, this.postEvent = n, t.length === 0)
-      throw f(zt, "History should not be empty.");
+      throw f(Kt, "History should not be empty.");
     if (s < 0 || s >= t.length)
       throw f(
-        Ft,
+        Xt,
         "Index should not be zero and higher or equal than history size."
       );
-    this.history = t.map((r) => B(r, ""));
+    this.history = t.map((r) => L(r, ""));
   }
   /**
    * Allows this navigator to control the `BackButton` visibility state. It also tracks the
    * `BackButton` clicks and calls the `back` method.
    */
   attach() {
-    this.attached || (this.attached = !0, this.sync(), b("back_button_pressed", this.back));
+    this.attached || (this.attached = !0, this.sync(), w("back_button_pressed", this.back));
   }
   /**
    * Currently active history item.
@@ -2496,7 +2531,7 @@ class je {
    * Prevents current navigator from controlling the BackButton visibility state.
    */
   detach() {
-    this.attached = !1, L("back_button_pressed", this.back);
+    this.attached = !1, $("back_button_pressed", this.back);
   }
   /**
    * Goes to the next history item.
@@ -2552,14 +2587,14 @@ class je {
    * @param item - item to add.
    */
   push(t) {
-    this.hasNext && this.history.splice(this.index + 1), this.replaceAndMove(this.index + 1, B(t, this.current.pathname));
+    this.hasNext && this.history.splice(this.index + 1), this.replaceAndMove(this.index + 1, L(t, this.current.pathname));
   }
   /**
    * Replaces the current history item.
    * @param item - item to replace the current item with.
    */
   replace(t) {
-    this.replaceAndMove(this.index, B(t, this.current.pathname));
+    this.replaceAndMove(this.index, L(t, this.current.pathname));
   }
   /**
    * Sets history item by the specified index.
@@ -2589,35 +2624,35 @@ class je {
     this.postEvent("web_app_setup_back_button", { is_visible: !!this.index });
   }
 }
-function O({
+function B({
   params: e,
   ...t
 }) {
   return { ...e || { hash: "", search: "" }, ...t };
 }
-function T(e, t) {
+function A(e, t) {
   return e.startsWith(t) ? e : `${t}${e}`;
 }
-function N(e) {
+function k(e) {
   return new URL(
-    typeof e == "string" ? e : `${e.pathname || ""}${T(e.search || "", "?")}${T(e.hash || "", "#")}`,
+    typeof e == "string" ? e : `${e.pathname || ""}${A(e.search || "", "?")}${A(e.hash || "", "#")}`,
     "http://a"
   );
 }
-function D(e) {
-  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = N(e);
+function N(e) {
+  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = k(e);
   return `${t ? s.pathname : s.pathname.slice(1)}${s.search}${s.hash}`;
 }
-function U(e, t, s) {
+function W(e, t, s) {
   let n, r;
-  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 } };
+  typeof e == "string" ? n = e : (n = N(e), s = e.state, r = e.id);
+  const { pathname: i, search: o, hash: a } = new URL(n, `http://a${A(t, "/")}`);
+  return { id: r, pathname: i, params: { hash: a, search: o, state: s } };
 }
 async function C(e) {
   return e === 0 ? !0 : Promise.race([
     new Promise((t) => {
-      const s = j("popstate", () => {
+      const s = G("popstate", () => {
         s(), t(!0);
       });
       window.history.go(e);
@@ -2635,14 +2670,14 @@ async function ze() {
   for (; t; )
     t = await C(-1);
 }
-function Nt(e) {
-  return N(e).pathname;
+function Lt(e) {
+  return k(e).pathname;
 }
-const rt = 0, W = 1, H = 2;
-class Dt {
+const ot = 0, O = 1, U = 2;
+class Bt {
   constructor(t, s, { postEvent: n, hashMode: r = "classic", base: i } = {}) {
     c(this, "navigator");
-    c(this, "ee", new R());
+    c(this, "ee", new T());
     c(this, "hashMode");
     c(this, "base");
     /**
@@ -2656,7 +2691,7 @@ class Dt {
     c(this, "onPopState", ({ state: t }) => {
       if (t === null)
         return this.push(this.parsePath(window.location.href));
-      t === rt ? window.history.forward() : t === W && this.back(), t === H && this.forward();
+      t === ot ? window.history.forward() : t === O && this.back(), t === U && this.forward();
     });
     /**
      * Underlying navigator change event listener.
@@ -2668,8 +2703,8 @@ class Dt {
     }) => {
       this.attached && await this.syncHistory(), this.ee.emit("change", {
         delta: n,
-        from: O(s),
-        to: O(t),
+        from: B(s),
+        to: B(t),
         navigator: this
       });
     });
@@ -2682,10 +2717,10 @@ class Dt {
      */
     c(this, "off", this.ee.off.bind(this.ee));
     this.navigator = new je(
-      t.map((a) => U(a, "/")),
+      t.map((o) => W(o, "/")),
       s,
       n
-    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = Nt(i || "");
+    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = Lt(i || "");
   }
   /**
    * Attaches current navigator to the browser history allowing navigator to manipulate it.
@@ -2769,7 +2804,7 @@ class Dt {
    * Navigation history.
    */
   get history() {
-    return this.navigator.history.map(O);
+    return this.navigator.history.map(B);
   }
   /**
    * Path, including pathname, search and hash.
@@ -2783,7 +2818,7 @@ class Dt {
    * "/pathname?search#hash"
    */
   get path() {
-    return D(this);
+    return N(this);
   }
   /**
    * Current pathname. Always starts with the slash.
@@ -2812,19 +2847,19 @@ class Dt {
    * // { pathname: '/tma', search: '?is=cool', hash: '#yeah' }
    */
   parsePath(t) {
-    let s = N(t);
-    return this.hashMode && (s = N(s.hash.slice(1))), {
+    let s = k(t);
+    return this.hashMode && (s = k(s.hash.slice(1))), {
       pathname: s.pathname,
       search: s.search,
       hash: s.hash
     };
   }
   push(t, s) {
-    const n = U(t, this.path), { state: r = s } = n.params;
+    const n = W(t, this.path), { state: r = s } = n.params;
     this.navigator.push({ ...n, params: { ...n.params, state: r } });
   }
   replace(t, s) {
-    const n = U(t, this.path), { state: r = s } = n.params;
+    const n = W(t, this.path), { state: r = s } = n.params;
     this.navigator.replace({ ...n, params: { ...n.params, state: r } });
   }
   /**
@@ -2833,8 +2868,8 @@ class Dt {
    * @param value - path presented as string or URLLike.
    */
   renderPath(t) {
-    const s = (this.base.length === 1 ? "" : this.base) + T(D(t), "/");
-    return this.hashMode ? T(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
+    const s = (this.base.length === 1 ? "" : this.base) + A(N(t), "/");
+    return this.hashMode ? A(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
   }
   /**
    * Synchronizes current navigator state with browser history.
@@ -2842,7 +2877,7 @@ class Dt {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const { state: t } = this, s = this.renderPath(this);
-    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);
+    await ze(), this.hasPrev && this.hasNext ? (window.history.replaceState(O, ""), window.history.pushState(t, "", s), window.history.pushState(U, ""), await C(-1)) : this.hasPrev ? (window.history.replaceState(O, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(U, ""), await C(-1)) : (window.history.replaceState(ot, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
   }
   /**
    * Current query parameters.
@@ -2863,38 +2898,38 @@ class Dt {
 function Fe(e) {
   e || (e = {});
   const { href: t, hash: s } = window.location;
-  let n = D(
+  let n = N(
     e.hashMode === null ? t : s.includes("?") ? s.slice(1) : `?${s.slice(1)}`
   );
-  const r = e.base ? Nt(e.base) : void 0;
+  const r = e.base ? Lt(e.base) : void 0;
   if (r) {
     if (!n.startsWith(r))
       throw f(
-        Jt,
+        te,
         `Path "${n}" expected to be starting with "${r}"`
       );
     n = n.slice(r.length);
   }
-  return new Dt([n], 0, e);
+  return new Bt([n], 0, e);
 }
-function Ss(e) {
+function Cs(e) {
   const t = e.match(/#(.+)/);
   return t ? t[1] : null;
 }
 function Je(e, t) {
-  if (At()) {
+  if (Nt()) {
     const s = sessionStorage.getItem(e);
     if (s)
       try {
         const { index: n, history: r } = JSON.parse(s);
-        return new Dt(r, n, t);
+        return new Bt(r, n, t);
       } catch (n) {
         console.error("Unable to restore hash navigator state.", n);
       }
   }
   return Fe(t);
 }
-function Cs(e, t) {
+function Ts(e, t) {
   const s = Je(e, t), n = () => sessionStorage.setItem(e, JSON.stringify({
     index: s.index,
     history: s.history
@@ -2902,51 +2937,51 @@ function Cs(e, t) {
   return s.on("change", n), n(), s;
 }
 export {
-  pe as BackButton,
+  le as BackButton,
   je as BasicNavigator,
   Pe as BiometryManager,
-  Dt as BrowserNavigator,
+  Bt as BrowserNavigator,
   Se as ClosingBehavior,
-  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,
+  Ae as CloudStorage,
+  te as ERR_INVALID_PATH_BASE,
+  Qt as ERR_INVOKE_CUSTOM_METHOD_RESPONSE,
+  Ft as ERR_METHOD_PARAMETER_UNSUPPORTED,
+  zt as ERR_METHOD_UNSUPPORTED,
+  Kt as ERR_NAVIGATION_HISTORY_EMPTY,
+  Xt as ERR_NAVIGATION_INDEX_INVALID,
   Ze as ERR_NAVIGATION_ITEM_INVALID,
-  ct as ERR_PARSE,
+  ht 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,
+  Yt as ERR_TIMED_OUT,
+  Zt as ERR_UNEXPECTED_TYPE,
+  Jt as ERR_UNKNOWN_ENV,
+  T as EventEmitter,
   Ie as HapticFeedback,
   qe as InitData,
   ke as Invoice,
   Ne as MainButton,
-  $e as MiniApp,
+  Me as MiniApp,
   Le as Popup,
   Be as QRScanner,
-  V as SDKError,
-  Oe as SettingsButton,
-  Ue as ThemeParams,
-  We as Utils,
+  D as SDKError,
+  We as SettingsButton,
+  Oe as ThemeParams,
+  Ue as Utils,
   He as Viewport,
-  Ae as array,
-  ws as bindMiniAppCSSVars,
+  Re as array,
+  bs as bindMiniAppCSSVars,
   ms as bindThemeParamsCSSVars,
   ys as bindViewportCSSVars,
-  w as boolean,
-  _t as captureSameReq,
+  b as boolean,
+  bt as captureSameReq,
   z as classNames,
-  re as compareVersions,
+  ce as compareVersions,
   Fe as createBrowserNavigatorFromLocation,
-  ce as createPostEvent,
-  N as createSafeURL,
-  mt as date,
-  Ss as getHash,
-  Nt as getPathname,
+  pe as createPostEvent,
+  k as createSafeURL,
+  Pt as date,
+  Cs as getHash,
+  Lt as getPathname,
   es as initBackButton,
   ss as initBiometryManager,
   ns as initClosingBehavior,
@@ -2956,52 +2991,53 @@ export {
   cs as initInvoice,
   hs as initMainButton,
   ps as initMiniApp,
-  Cs as initNavigator,
+  Ts as initNavigator,
   us as initPopup,
   ls as initQRScanner,
   ds as initSettingsButton,
   _s as initThemeParams,
   gs as initUtils,
-  bs as initViewport,
+  ws as initViewport,
   vs as initWeb,
   S as invokeCustomMethod,
-  bt as isColorDark,
-  oe as isIframe,
-  At as isPageReload,
-  Q as isRGB,
-  Qt as isRGBShort,
+  vt as isColorDark,
+  gt as isIframe,
+  Nt as isPageReload,
+  Y as isRGB,
+  ee as isRGBShort,
   Ge as isSDKError,
-  xs as isSDKErrorOfType,
+  Ss as isSDKErrorOfType,
   Es as isSSR,
   Ps as isTMA,
   d as json,
   ts as mergeClassNames,
+  xs as mockTelegramEnv,
   y as number,
-  L as off,
-  b as on,
+  $ as off,
+  w as on,
   as as parseInitData,
-  Et as parseLaunchParams,
-  qt as parseThemeParams,
-  A as postEvent,
+  tt as parseLaunchParams,
+  Mt as parseThemeParams,
+  R as postEvent,
   _ as request,
   xe as requestBiometryInfo,
   fs as requestThemeParams,
-  kt as requestViewport,
+  $t as requestViewport,
   ye as retrieveLaunchParams,
-  ut as rgb,
-  K as searchParams,
-  we as serializeLaunchParams,
-  be as serializeThemeParams,
+  lt as rgb,
+  X as searchParams,
+  me as serializeLaunchParams,
+  qt as serializeThemeParams,
   m as setCSSVar,
   Ye as setDebug,
   Xe as setTargetOrigin,
   h as string,
-  Mt as subscribe,
+  Ht as subscribe,
   v as supports,
-  ae as targetOrigin,
-  pt as toRGB,
-  ot as unsubscribe,
-  D as urlToPath,
-  gt as withTimeout
+  he as targetOrigin,
+  ut as toRGB,
+  ct as unsubscribe,
+  N as urlToPath,
+  yt as withTimeout
 };
 //# sourceMappingURL=index.js.map