@tma.js/sdk-react 2.2.3 → 2.2.5

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as Et } from "react/jsx-runtime";
-import { createContext as ie, useContext as oe, useState as Pt, useEffect as S, useMemo as Rt, useRef as ft, useCallback as ae } from "react";
-var ce = Object.defineProperty, he = (e, t, s) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => (he(e, typeof t != "symbol" ? t + "" : t, s), s);
+import { jsx as Rt } from "react/jsx-runtime";
+import { createContext as re, useContext as ie, useState as rt, useEffect as R, useRef as bt, useCallback as oe, useMemo as ae } from "react";
+var ce = Object.defineProperty, he = (e, t, s) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => he(e, typeof t != "symbol" ? t + "" : t, s);
 function xt(e, t) {
   let s;
   const n = () => {
@@ -55,19 +55,19 @@ class ue {
     this.print("log", ...t);
   }
 }
-const nt = new ue("SDK", {
+const it = new ue("SDK", {
   bgColor: "forestgreen",
   textColor: "white"
 });
 let X = !1;
-const mt = ({ name: e, payload: t }) => {
-  nt.log("Event received:", t ? { name: e, payload: t } : { name: e });
+const vt = ({ name: e, payload: t }) => {
+  it.log("Event received:", t ? { name: e, payload: t } : { name: e });
 };
 function le(e) {
-  X !== e && (X = e, e ? pe(mt) : Ct(mt));
+  X !== e && (X = e, e ? pe(vt) : Ct(vt));
 }
 function de(...e) {
-  X && nt.log(...e);
+  X && it.log(...e);
 }
 class D {
   constructor() {
@@ -142,7 +142,7 @@ class D {
 function tt(e, t, s) {
   return window.addEventListener(e, t, s), () => window.removeEventListener(e, t, s);
 }
-function rt(...e) {
+function ot(...e) {
   let t = !1;
   const s = [...e];
   return [
@@ -226,7 +226,7 @@ function Tt(e, t) {
   }
   return s;
 }
-function it(e) {
+function at(e) {
   let t = e;
   if (typeof t == "string" && (t = JSON.parse(t)), typeof t != "object" || t === null || Array.isArray(t))
     throw T();
@@ -234,11 +234,11 @@ function it(e) {
 }
 function w(e, t) {
   return new G((s) => {
-    const n = it(s);
+    const n = at(s);
     return Tt(e, (r) => n[r]);
   }, !1, t);
 }
-const R = A((e) => {
+const x = A((e) => {
   if (typeof e == "number")
     return e;
   if (typeof e == "string") {
@@ -248,7 +248,7 @@ const R = A((e) => {
   }
   throw T();
 }, "number");
-function ot(e) {
+function ct(e) {
   return /^#[\da-f]{6}$/i.test(e);
 }
 function Pe(e) {
@@ -256,7 +256,7 @@ function Pe(e) {
 }
 function At(e) {
   const t = e.replace(/\s/g, "").toLowerCase();
-  if (ot(t))
+  if (ct(t))
     return t;
   if (Pe(t)) {
     let n = "#";
@@ -337,12 +337,12 @@ const Ce = {
   theme_changed: w({
     theme_params: (e) => {
       const t = It().optional();
-      return Object.entries(it(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
+      return Object.entries(at(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
     }
   }),
   viewport_changed: w({
-    height: R(),
-    width: (e) => e == null ? window.innerWidth : R().parse(e),
+    height: x(),
+    width: (e) => e == null ? window.innerWidth : x().parse(e),
     is_state_stable: E(),
     is_expanded: E()
   }),
@@ -353,7 +353,7 @@ function Se() {
   t.subscribe((n) => {
     e.emit("event", { name: n.event, payload: n.args[0] });
   }), xe();
-  const [, s] = rt(
+  const [, s] = ot(
     // Don't forget to remove created handlers.
     Re,
     // Add "resize" event listener to make sure, we always have fresh viewport information.
@@ -385,7 +385,7 @@ function Se() {
         const p = a ? a.parse(o) : o;
         t.emit(...p ? [i, p] : [i]);
       } catch (p) {
-        nt.error(
+        it.error(
           `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
@@ -444,7 +444,7 @@ function Ie(e, t) {
 function v(e, t) {
   return Ie(e, t) <= 0;
 }
-function x(e, t, s) {
+function C(e, t, s) {
   if (typeof s == "string") {
     if (e === "web_app_open_link" && t === "try_instant_view")
       return v("6.4", s);
@@ -501,7 +501,7 @@ function qt(e) {
 function Ot(e) {
   return "TelegramWebviewProxy" in e && V(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
 }
-function at() {
+function ht() {
   try {
     return window.self !== window.top;
   } catch {
@@ -519,7 +519,7 @@ function B(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 = ke() } = n;
-  if (de("Posting event:", r ? { event: e, data: r } : { event: e }), at()) {
+  if (de("Posting event:", r ? { event: e, data: r } : { event: e }), ht()) {
     window.parent.postMessage(JSON.stringify({ eventType: e, eventData: r }), i);
     return;
   }
@@ -538,11 +538,11 @@ function B(e, t, s) {
 }
 function qe(e) {
   return (t, s) => {
-    if (!x(t, e))
+    if (!C(t, e))
       throw m(_e, `Method "${t}" is unsupported in Mini Apps version ${e}`);
     if (V(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 && !x(t, n, e))
+      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 && !C(t, n, e))
         throw m(
           we,
           `Parameter "${n}" of "${t}" method is unsupported in Mini Apps version ${e}`
@@ -571,7 +571,7 @@ async function g(e) {
   let t;
   const s = new Promise((a) => {
     t = a;
-  }), { event: n, capture: r, timeout: i } = e, [, o] = rt(
+  }), { event: n, capture: r, timeout: i } = e, [, o] = ot(
     ...(Array.isArray(n) ? n : [n]).map(
       (a) => y(a, (p) => (!r || r(p)) && t(p))
     )
@@ -647,20 +647,20 @@ class Oe {
     return this.state[t];
   }
 }
-class ct {
+class pt {
   constructor(t) {
     c(this, "state"), c(this, "get"), c(this, "set"), c(this, "clone"), this.state = new Oe(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 Lt(e, t) {
-  return (s) => x(t[s], e);
+  return (s) => C(t[s], e);
 }
-class ht extends ct {
+class ut extends pt {
   constructor(t, s, n) {
     super(t), c(this, "supports"), this.supports = Lt(s, n);
   }
 }
-class Ne extends ht {
+class Ne extends ut {
   constructor(t, s, n) {
     super({ isVisible: t }, s, {
       show: "web_app_setup_back_button",
@@ -689,8 +689,8 @@ class Ne extends ht {
     this.isVisible = !0;
   }
 }
-const $t = A((e) => e instanceof Date ? e : new Date(R().parse(e) * 1e3), "Date");
-function pt(e, t) {
+const $t = A((e) => e instanceof Date ? e : new Date(x().parse(e) * 1e3), "Date");
+function lt(e, t) {
   return new G((s) => {
     if (typeof s != "string" && !(s instanceof URLSearchParams))
       throw T();
@@ -702,7 +702,7 @@ function pt(e, t) {
   }, !1, t);
 }
 const De = w({
-  id: R(),
+  id: x(),
   type: h(),
   title: h(),
   photoUrl: {
@@ -710,7 +710,7 @@ const De = w({
     from: "photo_url"
   },
   username: h().optional()
-}, "Chat").optional(), bt = w({
+}, "Chat").optional(), yt = w({
   addedToAttachmentMenu: {
     type: E().optional(),
     from: "added_to_attachment_menu"
@@ -723,7 +723,7 @@ const De = w({
     type: h(),
     from: "first_name"
   },
-  id: R(),
+  id: x(),
   isBot: {
     type: E().optional(),
     from: "is_bot"
@@ -747,13 +747,13 @@ const De = w({
   username: h().optional()
 }, "User").optional();
 function Ut() {
-  return pt({
+  return lt({
     authDate: {
       type: $t(),
       from: "auth_date"
     },
     canSendAfter: {
-      type: R().optional(),
+      type: x().optional(),
       from: "can_send_after"
     },
     chat: De,
@@ -770,12 +770,12 @@ function Ut() {
       type: h().optional(),
       from: "query_id"
     },
-    receiver: bt,
+    receiver: yt,
     startParam: {
       type: h().optional(),
       from: "start_param"
     },
-    user: bt
+    user: yt
   }, "InitData");
 }
 function Be(e) {
@@ -787,12 +787,12 @@ function Me(e) {
 const Ht = A(
   (e) => {
     const t = It().optional();
-    return Object.entries(it(e)).reduce((s, [n, r]) => (s[Be(n)] = t.parse(r), s), {});
+    return Object.entries(at(e)).reduce((s, [n, r]) => (s[Be(n)] = t.parse(r), s), {});
   },
   "ThemeParams"
 );
-function ut(e) {
-  return pt({
+function dt(e) {
+  return lt({
     botInline: {
       type: E().optional(),
       from: "tgWebAppBotInline"
@@ -828,7 +828,7 @@ function ut(e) {
   }).parse(e);
 }
 function Wt(e) {
-  return ut(
+  return dt(
     e.replace(/^[^?#]*[?#]/, "").replace(/[?#]/g, "&")
   );
 }
@@ -858,7 +858,7 @@ function Kt(e) {
   }
 }
 function $e() {
-  return ut(Kt("launchParams") || "");
+  return dt(Kt("launchParams") || "");
 }
 function Jt(e) {
   return JSON.stringify(
@@ -882,7 +882,7 @@ function Ue(e) {
 function Ft(e) {
   zt("launchParams", Ue(e));
 }
-function Qt() {
+function nt() {
   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.
@@ -899,7 +899,7 @@ function Qt() {
     }
   throw new Error("Unable to retrieve launch parameters from any known source.");
 }
-function Yt() {
+function Qt() {
   const e = Gt();
   return !!(e && e.type === "reload");
 }
@@ -910,23 +910,23 @@ function He() {
 const [We] = xt(He);
 function l(e, t) {
   return () => {
-    const s = Qt(), n = {
+    const s = nt(), n = {
       ...s,
       postEvent: qe(s.version),
       createRequestId: We()
     };
     if (typeof e == "function")
       return e(n);
-    const [r, i, o] = rt(), a = t({
+    const [r, i, o] = ot(), 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: Yt() ? Kt(e) : void 0,
+      state: Qt() ? Kt(e) : void 0,
       addCleanup: r
     }), p = (u) => (o || r(
-      u.on("change", (C) => {
-        zt(e, C);
+      u.on("change", (S) => {
+        zt(e, S);
       })
     ), u);
     return [
@@ -940,12 +940,12 @@ const Ge = l("backButton", ({
   version: t,
   state: s = { isVisible: !1 }
 }) => new Ne(s.isVisible, t, e));
-class L extends ht {
+class L extends ut {
   constructor() {
     super(...arguments), c(this, "on", this.state.on.bind(this.state)), c(this, "off", this.state.off.bind(this.state));
   }
 }
-function Zt(e) {
+function Yt(e) {
   const t = e.available ? e : {
     available: !1,
     device_id: "",
@@ -1041,7 +1041,7 @@ class je extends L {
       event: "biometry_info_received",
       params: { reason: t || "" }
     }).then((n) => {
-      const r = Zt(n);
+      const r = Yt(n);
       return this.set(r), r.accessGranted;
     }).finally(() => this.accessPromise = void 0)), this.accessPromise;
   }
@@ -1074,7 +1074,7 @@ class je extends L {
   }
 }
 async function ze(e) {
-  return Zt(
+  return Yt(
     await g({
       ...e || {},
       method: "web_app_biometry_get_info",
@@ -1085,7 +1085,7 @@ async function ze(e) {
 const Ke = l(
   "biometryManager",
   async ({ postEvent: e, version: t, state: s }) => new je({
-    ...s || x("web_app_biometry_get_info", t) ? s || await ze({ timeout: 1e3 }) : {
+    ...s || C("web_app_biometry_get_info", t) ? s || await ze({ timeout: 1e3 }) : {
       available: !1,
       accessGranted: !1,
       accessRequested: !1,
@@ -1096,12 +1096,12 @@ const Ke = l(
     postEvent: e
   })
 );
-class lt extends ct {
+class _t extends pt {
   constructor() {
     super(...arguments), c(this, "on", this.state.on.bind(this.state)), c(this, "off", this.state.off.bind(this.state));
   }
 }
-class Je extends lt {
+class Je extends _t {
   constructor(t, s) {
     super({ isConfirmationNeeded: t }), this.postEvent = s;
   }
@@ -1135,7 +1135,7 @@ const Fe = l(
     state: t = { isConfirmationNeeded: !1 }
   }) => new Je(t.isConfirmationNeeded, e)
 );
-class dt {
+class wt {
   constructor(t, s) {
     c(this, "supports"), this.supports = Lt(t, s);
   }
@@ -1173,10 +1173,10 @@ class Ye extends G {
 function Ze(e) {
   return new Ye((t) => t, !1, e);
 }
-function vt(e, t) {
+function Et(e, t) {
   return Object.fromEntries(e.map((s) => [s, t]));
 }
-class Xe extends dt {
+class Xe extends wt {
   constructor(t, s, n) {
     super(t, {
       delete: "web_app_invoke_custom_method",
@@ -1216,13 +1216,13 @@ class Xe extends dt {
   async get(t, s = {}) {
     const n = Array.isArray(t) ? t : [t];
     if (!n.length)
-      return vt(n, "");
+      return Et(n, "");
     const r = await O(
       "getStorageValues",
       { keys: n },
       this.createRequestId(),
       { ...s, postEvent: this.postEvent }
-    ), i = w(vt(n, h()), "CloudStorageData").parse(r);
+    ), i = w(Et(n, h()), "CloudStorageData").parse(r);
     return Array.isArray(t) ? i : i[t];
   }
   /**
@@ -1243,7 +1243,7 @@ class Xe extends dt {
 const ts = l(
   ({ createRequestId: e, postEvent: t, version: s }) => new Xe(s, e, t)
 );
-class es extends dt {
+class es extends wt {
   constructor(t, s) {
     super(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
@@ -1414,7 +1414,7 @@ class is extends L {
 const os = l(
   ({ version: e, postEvent: t }) => new is(!1, e, t)
 );
-class as extends ct {
+class as extends pt {
   constructor({ postEvent: t, ...s }) {
     super(s), c(this, "postEvent"), c(this, "on", (n, r) => n === "click" ? y("main_button_pressed", r) : this.state.on(n, r)), c(this, "off", (n, r) => n === "click" ? z("main_button_pressed", r) : this.state.off(n, r)), this.postEvent = t;
   }
@@ -1561,10 +1561,10 @@ const cs = l(
   }) => new as({ ...s, postEvent: e })
 );
 function hs() {
-  return pt({
+  return lt({
     contact: w({
       userId: {
-        type: R(),
+        type: x(),
         from: "user_id"
       },
       phoneNumber: {
@@ -1587,10 +1587,10 @@ function hs() {
     hash: h()
   }, "RequestedContact");
 }
-function Xt(e, t) {
+function Zt(e, t) {
   return (s) => {
     const [n, r] = t[s];
-    return x(n, r, e);
+    return C(n, r, e);
   };
 }
 function ps(e) {
@@ -1608,7 +1608,7 @@ class us extends L {
       setBackgroundColor: "web_app_set_background_color"
     }), c(this, "botInline"), c(this, "postEvent"), c(this, "createRequestId"), c(this, "requestPhoneAccessPromise"), c(this, "requestWriteAccessPromise"), c(this, "supportsParam"), this.createRequestId = s, this.postEvent = t, this.botInline = r;
     const o = this.supports.bind(this);
-    this.supports = (a) => o(a) ? a !== "switchInlineQuery" || r : !1, this.supportsParam = Xt(n, {
+    this.supports = (a) => o(a) ? a !== "switchInlineQuery" || r : !1, this.supportsParam = Zt(n, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"]
     });
   }
@@ -1751,7 +1751,7 @@ class us extends L {
    * @param color - color key or RGB color.
    */
   setHeaderColor(t) {
-    this.postEvent("web_app_set_header_color", ot(t) ? { color: t } : { color_key: t }), this.set("headerColor", t);
+    this.postEvent("web_app_set_header_color", ct(t) ? { color: t } : { color_key: t }), this.set("headerColor", t);
   }
   /**
    * Updates current Mini App background color.
@@ -1905,7 +1905,7 @@ class gs extends L {
 const fs = l(
   ({ version: e, postEvent: t }) => new gs(!1, e, t)
 );
-class ms extends ht {
+class ms extends ut {
   constructor(t, s, n) {
     super({ isVisible: t }, s, {
       show: "web_app_setup_settings_button",
@@ -1942,10 +1942,10 @@ const bs = l(
     state: s = { isVisible: !1 }
   }) => new ms(s.isVisible, e, t)
 );
-function te(e) {
+function Xt(e) {
   return Ht().parse(e);
 }
-class vs extends lt {
+class vs extends _t {
   /**
    * @since v6.10
    */
@@ -2010,7 +2010,7 @@ class vs extends lt {
    */
   listen() {
     return y("theme_changed", (t) => {
-      this.set(te(t.theme_params));
+      this.set(Xt(t.theme_params));
     });
   }
   /**
@@ -2035,11 +2035,11 @@ function mn(e = {}) {
     ...e,
     method: "web_app_request_theme",
     event: "theme_changed"
-  }).then(te);
+  }).then(Xt);
 }
-class Es extends dt {
+class Es extends wt {
   constructor(t, s, n) {
-    super(t, { readTextFromClipboard: "web_app_read_text_from_clipboard" }), c(this, "supportsParam"), this.version = t, this.createRequestId = s, this.postEvent = n, this.supportsParam = Xt(t, {
+    super(t, { readTextFromClipboard: "web_app_read_text_from_clipboard" }), c(this, "supportsParam"), this.version = t, this.createRequestId = s, this.postEvent = n, this.supportsParam = Zt(t, {
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
   }
@@ -2054,7 +2054,7 @@ class Es extends dt {
    */
   openLink(t, s) {
     const n = new URL(t, window.location.href).toString();
-    if (!x("web_app_open_link", this.version)) {
+    if (!C("web_app_open_link", this.version)) {
       window.open(n, "_blank");
       return;
     }
@@ -2073,7 +2073,7 @@ class Es extends dt {
     const { hostname: s, pathname: n, search: r } = new URL(t, "https://t.me");
     if (s !== "t.me")
       throw new Error(`URL has not allowed hostname: ${s}. Only "t.me" is allowed`);
-    if (!x("web_app_open_tg_link", this.version)) {
+    if (!C("web_app_open_tg_link", this.version)) {
       window.location.href = t;
       return;
     }
@@ -2105,17 +2105,18 @@ class Es extends dt {
    * @param url - URL to share.
    * @param text - text to append after the URL.
    * @see https://core.telegram.org/api/links#share-links
+   * @see https://core.telegram.org/widgets/share#custom-buttons
    */
   shareURL(t, s) {
     this.openTelegramLink(
-      "https://t.me/share?" + new URLSearchParams({ url: t, text: s || "" }).toString()
+      "https://t.me/share/url?" + new URLSearchParams({ url: t, text: s || "" }).toString()
     );
   }
 }
 const Ps = l(
   ({ version: e, postEvent: t, createRequestId: s }) => new Es(e, s, t)
 );
-async function ee(e = {}) {
+async function te(e = {}) {
   const {
     is_expanded: t,
     is_state_stable: s,
@@ -2130,7 +2131,7 @@ async function ee(e = {}) {
 function q(e) {
   return e < 0 ? 0 : e;
 }
-class Rs extends lt {
+class Rs extends _t {
   constructor({ postEvent: t, stableHeight: s, height: n, width: r, isExpanded: i }) {
     super({
       height: q(n),
@@ -2145,7 +2146,7 @@ class Rs extends lt {
    * @param options - options to request fresh data.
    */
   async sync(t) {
-    const { isStateStable: s, ...n } = await ee(t);
+    const { isStateStable: s, ...n } = await te(t);
     this.set({
       ...n,
       stableHeight: s ? n.height : this.get("stableHeight")
@@ -2246,7 +2247,7 @@ const xs = l(
     else if (["macos", "tdesktop", "unigram", "webk", "weba", "web"].includes(t))
       r = !0, i = window.innerHeight, o = window.innerWidth, a = window.innerHeight;
     else {
-      const u = await ee({ timeout: 1e3, postEvent: s });
+      const u = await te({ timeout: 1e3, postEvent: s });
       r = u.isExpanded, i = u.height, o = u.width, a = u.isStateStable ? i : 0;
     }
     const p = new Rs({
@@ -2266,7 +2267,7 @@ function bn(e, t, s) {
   s || (s = (a) => `--tg-${a}-color`);
   const n = s("header"), r = s("bg"), i = () => {
     const { headerColor: a } = e;
-    if (ot(a))
+    if (ct(a))
       P(n, a);
     else {
       const { bgColor: p, secondaryBgColor: u } = t;
@@ -2331,7 +2332,7 @@ async function En() {
   }
 }
 function Pn(e) {
-  const t = typeof e == "string" ? ut(e) : e;
+  const t = typeof e == "string" ? dt(e) : e;
   Ft(t);
   function s(r) {
     if (typeof r == "string")
@@ -2348,7 +2349,7 @@ function Pn(e) {
       } catch {
       }
   }
-  if (at()) {
+  if (ht()) {
     const r = window.parent.postMessage.bind(window.parent);
     window.parent.postMessage = (i) => {
       s(i), r(i);
@@ -2551,16 +2552,16 @@ async function Is() {
   for (; e; )
     e = await N(-1);
 }
-function se(e) {
+function ee(e) {
   return U(e).pathname;
 }
-const yt = 0, Y = 1, Z = 2;
-class ne {
+const Pt = 0, Y = 1, Z = 2;
+class se {
   constructor(t, s, { postEvent: n, hashMode: r = "classic", base: i } = {}) {
     c(this, "navigator"), c(this, "ee", new D()), c(this, "hashMode"), c(this, "base"), c(this, "attached", !1), c(this, "onPopState", ({ state: o }) => {
       if (o === null)
         return this.push(this.parsePath(window.location.href));
-      o === yt ? window.history.forward() : o === Y && this.back(), o === Z && this.forward();
+      o === Pt ? window.history.forward() : o === Y && this.back(), o === Z && this.forward();
     }), c(this, "onNavigatorChange", async ({
       to: o,
       from: a,
@@ -2578,7 +2579,7 @@ class ne {
       n
     ), this.navigator.on("change", (o) => {
       this.onNavigatorChange(o);
-    }), this.hashMode = r, this.base = se(i || "");
+    }), this.hashMode = r, this.base = ee(i || "");
   }
   /**
    * Attaches current navigator to the browser history allowing navigator to manipulate it.
@@ -2735,7 +2736,7 @@ class ne {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const { state: t } = this, s = this.renderPath(this);
-    await Is(), this.hasPrev && this.hasNext ? (window.history.replaceState(Y, ""), window.history.pushState(t, "", s), window.history.pushState(Z, ""), await N(-1)) : this.hasPrev ? (window.history.replaceState(Y, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(Z, ""), await N(-1)) : (window.history.replaceState(yt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
+    await Is(), this.hasPrev && this.hasNext ? (window.history.replaceState(Y, ""), window.history.pushState(t, "", s), window.history.pushState(Z, ""), await N(-1)) : this.hasPrev ? (window.history.replaceState(Y, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(Z, ""), await N(-1)) : (window.history.replaceState(Pt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
   }
   /**
    * Current query parameters.
@@ -2759,7 +2760,7 @@ function ks(e) {
   let n = H(
     e.hashMode === null ? t : s.includes("?") ? s.slice(1) : `?${s.slice(1)}`
   );
-  const r = e.base ? se(e.base) : void 0;
+  const r = e.base ? ee(e.base) : void 0;
   if (r) {
     if (!n.startsWith(r))
       throw m(
@@ -2768,19 +2769,19 @@ function ks(e) {
       );
     n = n.slice(r.length);
   }
-  return new ne([n], 0, e);
+  return new se([n], 0, e);
 }
 function xn(e) {
   const t = e.match(/#(.+)/);
   return t ? t[1] : null;
 }
 function qs(e, t) {
-  if (Yt()) {
+  if (Qt()) {
     const s = sessionStorage.getItem(e);
     if (s)
       try {
         const { index: n, history: r } = JSON.parse(s);
-        return new ne(
+        return new se(
           r,
           n,
           t
@@ -2806,29 +2807,29 @@ function d(e, t) {
           ...p,
           [i]: n(o)
         };
-        return /* @__PURE__ */ Et(a, { ...u });
+        return /* @__PURE__ */ Rt(a, { ...u });
       };
     };
   }
   return [s(e), s(t)];
 }
-const re = ie(void 0);
+const ne = re(void 0);
 function Os() {
-  const e = oe(re);
+  const e = ie(ne);
   if (!e)
     throw new Error("useSDK was used outside the SDKProvider.");
   return e;
 }
 function _(e) {
   function t(n) {
-    const r = Os(), [i, o] = Pt(
+    const r = Os(), [i, o] = rt(
       n ? void 0 : () => {
         if (Ss())
           throw new Error("Using hooks on the server side, you must explicitly specify ssr = true option");
         return r.use(e);
       }
     );
-    return S(() => {
+    return R(() => {
       o(r.use(e));
     }, [r]), i;
   }
@@ -2861,24 +2862,27 @@ const [Ns, Ds] = _(Ge), [Sn, Tn] = d(
   sn,
   nn
 ), [rn, on] = _(ys), [Yn, Zn] = d(rn, on);
-function Xn() {
-  return Rt(Qt, []);
+function Xn(e) {
+  const [t, s] = rt(() => e ? void 0 : nt());
+  return R(() => {
+    e && s(nt());
+  }, []), t;
 }
 const [an, cn] = _(Ps), [tr, er] = d(an, cn), [hn, pn] = _(xs), [sr, nr] = d(hn, pn);
 function rr({ children: e, acceptCustomStyles: t, debug: s }) {
-  const n = ft(!0), [r, i] = Pt(/* @__PURE__ */ new Map()), o = ft(r), a = ae(
+  const n = bt(!0), [r, i] = rt(/* @__PURE__ */ new Map()), o = bt(r), a = oe(
     (u) => {
-      n.current && i((C) => (u && u(C), new Map(C)));
+      n.current && i((S) => (u && u(S), new Map(S)));
     },
     []
-  ), p = Rt(() => ({
-    use(u, ...C) {
-      const _t = r.get(u);
-      if (_t)
-        return _t;
+  ), p = ae(() => ({
+    use(u, ...S) {
+      const gt = r.get(u);
+      if (gt)
+        return gt;
       let b, K;
       try {
-        b = u(...C);
+        b = u(...S);
       } catch (f) {
         K = f;
       }
@@ -2890,41 +2894,41 @@ function rr({ children: e, acceptCustomStyles: t, debug: s }) {
       let I;
       if (Array.isArray(b) && (I = b[1], b = b[0]), !b)
         return $({ result: b, cleanup: I });
-      function wt(f) {
+      function ft(f) {
         if ("on" in f) {
-          const k = f.on("change", () => a()), gt = I;
+          const k = f.on("change", () => a()), mt = I;
           I = () => {
-            gt && gt(), k();
+            mt && mt(), k();
           };
         }
         return { result: f, cleanup: I };
       }
       return b instanceof Promise ? (b.then(
-        (f) => a((k) => k.set(u, wt(f))),
+        (f) => a((k) => k.set(u, ft(f))),
         (f) => a((k) => k.set(u, { error: f }))
-      ), $({})) : $(wt(b));
+      ), $({})) : $(ft(b));
     }
   }), [r]);
-  return S(() => (n.current = !0, () => {
+  return R(() => (n.current = !0, () => {
     n.current = !1;
-  }), []), S(() => {
-    if (at())
+  }), []), R(() => {
+    if (ht())
       return Cs(t);
-  }, [t]), S(() => {
+  }, [t]), R(() => {
     le(s || !1);
-  }, [s]), S(() => {
+  }, [s]), R(() => {
     o.current = r;
-  }, [r]), S(() => () => {
+  }, [r]), R(() => () => {
     o.current.forEach((u) => {
       "cleanup" in u && u.cleanup && u.cleanup();
     });
-  }, []), /* @__PURE__ */ Et(re.Provider, { value: p, children: e });
+  }, []), /* @__PURE__ */ Rt(ne.Provider, { value: p, children: e });
 }
 export {
   Ne as BackButton,
   As as BasicNavigator,
   je as BiometryManager,
-  ne as BrowserNavigator,
+  se as BrowserNavigator,
   Je as ClosingBehavior,
   Xe as CloudStorage,
   Ee as ERR_INVALID_PATH_BASE,
@@ -2966,7 +2970,7 @@ export {
   U as createSafeURL,
   $t as date,
   xn as getHash,
-  se as getPathname,
+  ee as getPathname,
   Ge as initBackButton,
   Ke as initBiometryManager,
   Fe as initClosingBehavior,
@@ -2986,9 +2990,9 @@ export {
   Cs as initWeb,
   O as invokeCustomMethod,
   Vt as isColorDark,
-  at as isIframe,
-  Yt as isPageReload,
-  ot as isRGB,
+  ht as isIframe,
+  Qt as isPageReload,
+  ct as isRGB,
   Pe as isRGBShort,
   Ts as isSDKError,
   Rn as isSDKErrorOfType,
@@ -2997,20 +3001,20 @@ export {
   w as json,
   gn as mergeClassNames,
   Pn as mockTelegramEnv,
-  R as number,
+  x as number,
   z as off,
   y as on,
   fn as parseInitData,
-  ut as parseLaunchParams,
-  te as parseThemeParams,
+  dt as parseLaunchParams,
+  Xt as parseThemeParams,
   B as postEvent,
   g as request,
   ze as requestBiometryInfo,
   mn as requestThemeParams,
-  ee as requestViewport,
-  Qt as retrieveLaunchParams,
+  te as requestViewport,
+  nt as retrieveLaunchParams,
   It as rgb,
-  pt as searchParams,
+  lt as searchParams,
   Ue as serializeLaunchParams,
   Jt as serializeThemeParams,
   P as setCSSVar,
@@ -3018,7 +3022,7 @@ export {
   wn as setTargetOrigin,
   h as string,
   pe as subscribe,
-  x as supports,
+  C as supports,
   ke as targetOrigin,
   At as toRGB,
   Ct as unsubscribe,