@tma.js/sdk-solid 2.1.5 → 2.1.7

package/dist/index.js

@@ -1,18 +1,18 @@
-import { createComponent as mt, mergeProps as pt, createContext as ee, useContext as se, createEffect as ut, onCleanup as dt, createResource as ne, createMemo as lt, from as re } from "solid-js";
+import { createComponent as bt, mergeProps as ut, createContext as ee, useContext as se, createEffect as dt, onCleanup as lt, createResource as ne, createMemo as _t, from as re } from "solid-js";
 var ie = Object.defineProperty, oe = (e, t, s) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => (oe(e, typeof t != "symbol" ? t + "" : t, s), s);
-function bt(e, t) {
+function vt(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 vt(e) {
-  const t = H(), { count: s } = t;
+function yt(e) {
+  const t = U(), { count: s } = t;
   t.unsubscribe(e), s && !t.count && Se();
 }
 function ae(e) {
-  return H().subscribe(e), () => vt(e);
+  return U().subscribe(e), () => yt(e);
 }
 class ce {
   constructor(t, s = {}) {
@@ -59,16 +59,16 @@ const X = new ce("SDK", {
   textColor: "white"
 });
 let F = !1;
-const _t = ({ name: e, payload: t }) => {
+const gt = ({ name: e, payload: t }) => {
   X.log("Event received:", t ? { name: e, payload: t } : { name: e });
 };
 function he(e) {
-  F !== e && (F = e, e ? ae(_t) : vt(_t));
+  F !== e && (F = e, e ? ae(gt) : yt(gt));
 }
 function pe(...e) {
   F && X.log(...e);
 }
-class O {
+class k {
   constructor() {
     c(this, "listeners", /* @__PURE__ */ new Map()), c(this, "listenersCount", 0), c(this, "subscribeListeners", []);
   }
@@ -141,7 +141,7 @@ class O {
 function Q(e, t, s) {
   return window.addEventListener(e, t, s), () => window.removeEventListener(e, t, s);
 }
-function yt(...e) {
+function tt(...e) {
   let t = !1;
   const s = [...e];
   return [
@@ -190,10 +190,10 @@ class L {
     return this.isOptional = !0, this;
   }
 }
-function T(e, t) {
+function R(e, t) {
   return () => new L(e, !1, t);
 }
-const y = T((e) => {
+const y = R((e) => {
   if (typeof e == "boolean")
     return e;
   const t = String(e);
@@ -225,7 +225,7 @@ function Pt(e, t) {
   }
   return s;
 }
-function tt(e) {
+function et(e) {
   let t = e;
   if (typeof t == "string" && (t = JSON.parse(t)), typeof t != "object" || t === null || Array.isArray(t))
     throw S();
@@ -233,11 +233,11 @@ function tt(e) {
 }
 function f(e, t) {
   return new L((s) => {
-    const n = tt(s);
+    const n = et(s);
     return Pt(e, (r) => n[r]);
   }, !1, t);
 }
-const P = T((e) => {
+const P = R((e) => {
   if (typeof e == "number")
     return e;
   if (typeof e == "string") {
@@ -247,7 +247,7 @@ const P = T((e) => {
   }
   throw S();
 }, "number");
-function et(e) {
+function st(e) {
   return /^#[\da-f]{6}$/i.test(e);
 }
 function ve(e) {
@@ -255,7 +255,7 @@ function ve(e) {
 }
 function xt(e) {
   const t = e.replace(/\s/g, "").toLowerCase();
-  if (et(t))
+  if (st(t))
     return t;
   if (ve(t)) {
     let n = "#";
@@ -271,11 +271,11 @@ function xt(e) {
     return n + (i.length === 1 ? "0" : "") + i;
   }, "#");
 }
-const p = T((e) => {
+const p = R((e) => {
   if (typeof e == "string" || typeof e == "number")
     return e.toString();
   throw S();
-}, "string"), Ct = T((e) => xt(p().parse(e)), "rgb");
+}, "string"), Ct = R((e) => xt(p().parse(e)), "rgb");
 function St(e) {
   return f({
     eventType: p(),
@@ -336,7 +336,7 @@ const Pe = {
   theme_changed: f({
     theme_params: (e) => {
       const t = Ct().optional();
-      return Object.entries(tt(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
+      return Object.entries(et(e)).reduce((s, [n, r]) => (s[n] = t.parse(r), s), {});
     }
   }),
   viewport_changed: f({
@@ -348,11 +348,11 @@ const Pe = {
   write_access_requested: f({ status: p() })
 };
 function xe() {
-  const e = new O(), t = new O();
+  const e = new k(), t = new k();
   t.subscribe((n) => {
     e.emit("event", { name: n.event, payload: n.args[0] });
   }), Ee();
-  const [, s] = yt(
+  const [, s] = tt(
     // Don't forget to remove created handlers.
     ye,
     // Add "resize" event listener to make sure, we always have fresh viewport information.
@@ -409,7 +409,7 @@ function xe() {
     }
   }, s];
 }
-const [Ce, Se] = bt(
+const [Ce, Se] = vt(
   (e) => {
     const [t, s] = xe(), n = t.off.bind(t);
     return t.off = (r, i) => {
@@ -419,19 +419,19 @@ const [Ce, Se] = bt(
   },
   ([, e]) => e()
 );
-function H() {
+function U() {
   return Ce()[0];
 }
-function U(e, t) {
-  H().off(e, t);
+function H(e, t) {
+  U().off(e, t);
 }
 function v(e, t, s) {
-  return H().on(e, t, s);
+  return U().on(e, t, s);
 }
 function N(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function Te(e, t) {
+function Re(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 o = parseInt(s[i] || "0", 10), a = parseInt(n[i] || "0", 10);
@@ -441,7 +441,7 @@ function Te(e, t) {
   return 0;
 }
 function b(e, t) {
-  return Te(e, t) <= 0;
+  return Re(e, t) <= 0;
 }
 function x(e, t, s) {
   if (typeof s == "string") {
@@ -494,13 +494,13 @@ function x(e, t, s) {
       ].includes(e);
   }
 }
-function Tt(e) {
+function Rt(e) {
   return "external" in e && N(e.external) && "notify" in e.external && typeof e.external.notify == "function";
 }
-function Rt(e) {
+function Tt(e) {
   return "TelegramWebviewProxy" in e && N(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
 }
-function st() {
+function nt() {
   try {
     return window.self !== window.top;
   } catch {
@@ -511,22 +511,22 @@ let At = "https://web.telegram.org";
 function Fs(e) {
   At = e;
 }
-function Re() {
+function Te() {
   return At;
 }
 function q(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 = Re() } = n;
-  if (pe("Posting event:", r ? { event: e, data: r } : { event: e }), st()) {
+  const { targetOrigin: i = Te() } = n;
+  if (pe("Posting event:", r ? { event: e, data: r } : { event: e }), nt()) {
     window.parent.postMessage(JSON.stringify({ eventType: e, eventData: r }), i);
     return;
   }
-  if (Tt(window)) {
+  if (Rt(window)) {
     window.external.notify(JSON.stringify({ eventType: e, eventData: r }));
     return;
   }
-  if (Rt(window)) {
+  if (Tt(window)) {
     window.TelegramWebviewProxy.postEvent(e, JSON.stringify(r));
     return;
   }
@@ -553,7 +553,7 @@ function Ae(e) {
 function It(e) {
   return ({ req_id: t }) => t === e;
 }
-function Ot(e) {
+function kt(e) {
   return m(ge, `Timeout reached: ${e}ms`);
 }
 function qt(e, t) {
@@ -561,28 +561,24 @@ function qt(e, t) {
     typeof e == "function" ? e() : e,
     new Promise((s, n) => {
       setTimeout(() => {
-        n(Ot(t));
+        n(kt(t));
       }, t);
     })
   ]);
 }
 async function w(e) {
   let t;
-  const s = new Promise((u) => {
-    t = u;
-  }), {
-    method: n,
-    event: r,
-    capture: i,
-    postEvent: o = q,
-    timeout: a
-  } = e, h = (Array.isArray(r) ? r : [r]).map(
-    (u) => v(u, (d) => (!i || i(d)) && t(d))
+  const s = new Promise((a) => {
+    t = a;
+  }), { event: n, capture: r, timeout: i } = e, [, o] = tt(
+    ...(Array.isArray(n) ? n : [n]).map(
+      (a) => v(a, (h) => (!r || r(h)) && t(h))
+    )
   );
   try {
-    return o(n, e.params), await (a ? qt(s, a) : s);
+    return (e.postEvent || q)(e.method, e.params), await (i ? qt(s, i) : s);
   } finally {
-    h.forEach((u) => u());
+    o();
   }
 }
 async function A(e, t, s, n = {}) {
@@ -620,7 +616,7 @@ function Qs(...e) {
     i.length && (t[n] = i);
   }), t), {});
 }
-function kt(e) {
+function Ot(e) {
   const t = xt(e);
   return Math.sqrt(
     [0.299, 0.587, 0.114].reduce((s, n, r) => {
@@ -631,7 +627,7 @@ function kt(e) {
 }
 class Ie {
   constructor(t) {
-    c(this, "ee", new O()), c(this, "on", this.ee.on.bind(this.ee)), c(this, "off", this.ee.off.bind(this.ee)), this.state = t;
+    c(this, "ee", new k()), c(this, "on", this.ee.on.bind(this.ee)), c(this, "off", this.ee.off.bind(this.ee)), this.state = t;
   }
   /**
    * Clones current state and returns its copy.
@@ -650,7 +646,7 @@ class Ie {
     return this.state[t];
   }
 }
-class nt {
+class rt {
   constructor(t) {
     c(this, "state"), c(this, "get"), c(this, "set"), c(this, "clone"), this.state = new Ie(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);
   }
@@ -658,17 +654,17 @@ class nt {
 function Nt(e, t) {
   return (s) => x(t[s], e);
 }
-class rt extends nt {
+class it extends rt {
   constructor(t, s, n) {
     super(t), c(this, "supports"), this.supports = Nt(s, n);
   }
 }
-class Oe extends rt {
+class ke extends it {
   constructor(t, s, n) {
     super({ isVisible: t }, s, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
-    }), c(this, "on", (r, i) => r === "click" ? v("back_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? U("back_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
+    }), c(this, "on", (r, i) => r === "click" ? v("back_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? H("back_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
   }
   set isVisible(t) {
     this.set("isVisible", t), this.postEvent("web_app_setup_back_button", { is_visible: t });
@@ -692,8 +688,8 @@ class Oe extends rt {
     this.isVisible = !0;
   }
 }
-const Dt = T((e) => e instanceof Date ? e : new Date(P().parse(e) * 1e3), "Date");
-function it(e, t) {
+const Dt = R((e) => e instanceof Date ? e : new Date(P().parse(e) * 1e3), "Date");
+function ot(e, t) {
   return new L((s) => {
     if (typeof s != "string" && !(s instanceof URLSearchParams))
       throw S();
@@ -713,7 +709,7 @@ const qe = f({
     from: "photo_url"
   },
   username: p().optional()
-}, "Chat").optional(), gt = f({
+}, "Chat").optional(), ft = f({
   addedToAttachmentMenu: {
     type: y().optional(),
     from: "added_to_attachment_menu"
@@ -750,7 +746,7 @@ const qe = f({
   username: p().optional()
 }, "User").optional();
 function Vt() {
-  return it({
+  return ot({
     authDate: {
       type: Dt(),
       from: "auth_date"
@@ -773,29 +769,29 @@ function Vt() {
       type: p().optional(),
       from: "query_id"
     },
-    receiver: gt,
+    receiver: ft,
     startParam: {
       type: p().optional(),
       from: "start_param"
     },
-    user: gt
+    user: ft
   }, "InitData");
 }
-function ke(e) {
+function Oe(e) {
   return e.replace(/_[a-z]/g, (t) => t[1].toUpperCase());
 }
 function Ne(e) {
   return e.replace(/[A-Z]/g, (t) => `_${t.toLowerCase()}`);
 }
-const Mt = T(
+const Mt = R(
   (e) => {
     const t = Ct().optional();
-    return Object.entries(tt(e)).reduce((s, [n, r]) => (s[ke(n)] = t.parse(r), s), {});
+    return Object.entries(et(e)).reduce((s, [n, r]) => (s[Oe(n)] = t.parse(r), s), {});
   },
   "ThemeParams"
 );
-function ot(e) {
-  return it({
+function at(e) {
+  return ot({
     botInline: {
       type: y().optional(),
       from: "tgWebAppBotInline"
@@ -831,7 +827,7 @@ function ot(e) {
   }).parse(e);
 }
 function Bt(e) {
-  return ot(
+  return at(
     e.replace(/^[^?#]*[?#]/, "").replace(/[?#]/g, "&")
   );
 }
@@ -850,10 +846,10 @@ function Ve() {
 function Lt(e) {
   return `tma.js/${e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`)}`;
 }
-function Ht(e, t) {
+function Ut(e, t) {
   sessionStorage.setItem(Lt(e), JSON.stringify(t));
 }
-function Ut(e) {
+function Ht(e) {
   const t = sessionStorage.getItem(Lt(e));
   try {
     return t ? JSON.parse(t) : void 0;
@@ -861,7 +857,7 @@ function Ut(e) {
   }
 }
 function Me() {
-  return ot(Ut("launchParams") || "");
+  return at(Ht("launchParams") || "");
 }
 function Wt(e) {
   return JSON.stringify(
@@ -883,7 +879,7 @@ function Be(e) {
   return h.set("tgWebAppPlatform", n), h.set("tgWebAppThemeParams", Wt(s)), h.set("tgWebAppVersion", r), t && h.set("tgWebAppData", t), o && h.set("tgWebAppStartParam", o), typeof i == "boolean" && h.set("tgWebAppShowSettings", i ? "1" : "0"), typeof a == "boolean" && h.set("tgWebAppBotInline", a ? "1" : "0"), h.toString();
 }
 function jt(e) {
-  Ht("launchParams", Be(e));
+  Ut("launchParams", Be(e));
 }
 function $e() {
   for (const e of [
@@ -910,26 +906,26 @@ function Le() {
   let e = 0;
   return () => (e += 1).toString();
 }
-const [He] = bt(Le);
+const [Ue] = vt(Le);
 function l(e, t) {
   return () => {
     const s = $e(), n = {
       ...s,
       postEvent: Ae(s.version),
-      createRequestId: He()
+      createRequestId: Ue()
     };
     if (typeof e == "function")
       return e(n);
-    const [r, i, o] = yt(), a = t({
+    const [r, i, o] = tt(), 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: Gt() ? Ut(e) : void 0,
+      state: Gt() ? Ht(e) : void 0,
       addCleanup: r
     }), h = (u) => (o || r(
       u.on("change", (d) => {
-        Ht(e, d);
+        Ut(e, d);
       })
     ), u);
     return [
@@ -938,12 +934,12 @@ function l(e, t) {
     ];
   };
 }
-const Ue = l("backButton", ({
+const He = l("backButton", ({
   postEvent: e,
   version: t,
   state: s = { isVisible: !1 }
-}) => new Oe(s.isVisible, t, e));
-class D extends rt {
+}) => new ke(s.isVisible, t, e));
+class D extends it {
   constructor() {
     super(...arguments), c(this, "on", this.state.on.bind(this.state)), c(this, "off", this.state.off.bind(this.state));
   }
@@ -1099,12 +1095,12 @@ const Ge = l(
     postEvent: e
   })
 );
-class at extends nt {
+class ct extends rt {
   constructor() {
     super(...arguments), c(this, "on", this.state.on.bind(this.state)), c(this, "off", this.state.off.bind(this.state));
   }
 }
-class Ke extends at {
+class Ke extends ct {
   constructor(t, s) {
     super({ isConfirmationNeeded: t }), this.postEvent = s;
   }
@@ -1138,7 +1134,7 @@ const ze = l(
     state: t = { isConfirmationNeeded: !1 }
   }) => new Ke(t.isConfirmationNeeded, e)
 );
-class ct {
+class ht {
   constructor(t, s) {
     c(this, "supports"), this.supports = Nt(t, s);
   }
@@ -1176,10 +1172,10 @@ class Fe extends L {
 function Qe(e) {
   return new Fe((t) => t, !1, e);
 }
-function ft(e, t) {
+function wt(e, t) {
   return Object.fromEntries(e.map((s) => [s, t]));
 }
-class Ye extends ct {
+class Ye extends ht {
   constructor(t, s, n) {
     super(t, {
       delete: "web_app_invoke_custom_method",
@@ -1219,13 +1215,13 @@ class Ye extends ct {
   async get(t, s = {}) {
     const n = Array.isArray(t) ? t : [t];
     if (!n.length)
-      return ft(n, "");
+      return wt(n, "");
     const r = await A(
       "getStorageValues",
       { keys: n },
       this.createRequestId(),
       { ...s, postEvent: this.postEvent }
-    ), i = f(ft(n, p()), "CloudStorageData").parse(r);
+    ), i = f(wt(n, p()), "CloudStorageData").parse(r);
     return Array.isArray(t) ? i : i[t];
   }
   /**
@@ -1246,7 +1242,7 @@ class Ye extends ct {
 const Ze = l(
   ({ createRequestId: e, postEvent: t, version: s }) => new Ye(s, e, t)
 );
-class Xe extends ct {
+class Xe extends ht {
   constructor(t, s) {
     super(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
@@ -1417,9 +1413,9 @@ class ns extends D {
 const rs = l(
   ({ version: e, postEvent: t }) => new ns(!1, e, t)
 );
-class is extends nt {
+class is extends rt {
   constructor({ postEvent: t, ...s }) {
-    super(s), c(this, "postEvent"), c(this, "on", (n, r) => n === "click" ? v("main_button_pressed", r) : this.state.on(n, r)), c(this, "off", (n, r) => n === "click" ? U("main_button_pressed", r) : this.state.off(n, r)), this.postEvent = t;
+    super(s), c(this, "postEvent"), c(this, "on", (n, r) => n === "click" ? v("main_button_pressed", r) : this.state.on(n, r)), c(this, "off", (n, r) => n === "click" ? H("main_button_pressed", r) : this.state.off(n, r)), this.postEvent = t;
   }
   /**
    * The MainButton background color.
@@ -1564,7 +1560,7 @@ const os = l(
   }) => new is({ ...s, postEvent: e })
 );
 function as() {
-  return it({
+  return ot({
     contact: f({
       userId: {
         type: P(),
@@ -1662,7 +1658,7 @@ class hs extends D {
    * True if current Mini App background color is recognized as dark.
    */
   get isDark() {
-    return kt(this.bgColor);
+    return Ot(this.bgColor);
   }
   /**
    * Informs the Telegram app that the Mini App is ready to be displayed.
@@ -1699,7 +1695,7 @@ class hs extends D {
         }
         await cs(n), n += 50;
       }
-      throw Ot(t);
+      throw kt(t);
     }, t);
   }
   /**
@@ -1754,7 +1750,7 @@ class hs extends D {
    * @param color - color key or RGB color.
    */
   setHeaderColor(t) {
-    this.postEvent("web_app_set_header_color", et(t) ? { color: t } : { color_key: t }), this.set("headerColor", t);
+    this.postEvent("web_app_set_header_color", st(t) ? { color: t } : { color_key: t }), this.set("headerColor", t);
   }
   /**
    * Updates current Mini App background color.
@@ -1884,37 +1880,36 @@ class _s extends D {
   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 w({
+      const r = (await w({
         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(i) {
+          return i.event === "scan_qr_popup_closed" || !n || n(i.payload);
+        }
       }) || {}).data || null;
-    } finally {
-      this.isOpened = !1;
+      return r && this.close(), r;
+    } catch (r) {
+      throw this.isOpened = !1, r;
     }
   }
 }
 const gs = l(
   ({ version: e, postEvent: t }) => new _s(!1, e, t)
 );
-class fs extends rt {
+class fs extends it {
   constructor(t, s, n) {
     super({ isVisible: t }, s, {
       show: "web_app_setup_settings_button",
       hide: "web_app_setup_settings_button"
-    }), c(this, "on", (r, i) => r === "click" ? v("settings_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? U("settings_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
+    }), c(this, "on", (r, i) => r === "click" ? v("settings_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? H("settings_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
   }
   set isVisible(t) {
     this.set("isVisible", t), this.postEvent("web_app_setup_settings_button", { is_visible: t });
@@ -1949,7 +1944,7 @@ const ws = l(
 function Jt(e) {
   return Mt().parse(e);
 }
-class ms extends at {
+class ms extends ct {
   /**
    * @since v6.10
    */
@@ -1988,7 +1983,7 @@ class ms extends at {
    * value is calculated according to theme bg color.
    */
   get isDark() {
-    return !this.bgColor || kt(this.bgColor);
+    return !this.bgColor || Ot(this.bgColor);
   }
   get linkColor() {
     return this.get("linkColor");
@@ -2041,7 +2036,7 @@ function Zs(e = {}) {
     event: "theme_changed"
   }).then(Jt);
 }
-class vs extends ct {
+class vs extends ht {
   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 = zt(t, {
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
@@ -2074,7 +2069,7 @@ class vs extends ct {
    * @throws {Error} URL has not allowed hostname.
    */
   openTelegramLink(t) {
-    const { hostname: s, pathname: n, search: r } = new URL(t, window.location.href);
+    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)) {
@@ -2101,6 +2096,20 @@ class vs extends ct {
     });
     return s;
   }
+  /**
+   * Shares specified URL with the passed to the chats, selected by user. After being called,
+   * it closes the mini application.
+   *
+   * This method uses Telegram's Share Links.
+   * @param url - URL to share.
+   * @param text - text to append after the URL.
+   * @see https://core.telegram.org/api/links#share-links
+   */
+  shareURL(t, s) {
+    this.openTelegramLink(
+      "https://t.me/share?" + new URLSearchParams({ url: t, text: s || "" }).toString()
+    );
+  }
 }
 const ys = l(
   ({ version: e, postEvent: t, createRequestId: s }) => new vs(e, s, t)
@@ -2117,16 +2126,16 @@ async function Ft(e = {}) {
   });
   return { ...n, isExpanded: t, isStateStable: s };
 }
-function R(e) {
+function T(e) {
   return e < 0 ? 0 : e;
 }
-class Es extends at {
+class Es extends ct {
   constructor({ postEvent: t, stableHeight: s, height: n, width: r, isExpanded: i }) {
     super({
-      height: R(n),
+      height: T(n),
       isExpanded: i,
-      stableHeight: R(s),
-      width: R(r)
+      stableHeight: T(s),
+      width: T(r)
     }), c(this, "postEvent"), this.postEvent = t;
   }
   /**
@@ -2188,11 +2197,11 @@ class Es extends at {
         width: n,
         is_expanded: r,
         is_state_stable: i
-      } = t, o = R(s);
+      } = t, o = T(s);
       this.set({
         height: o,
         isExpanded: r,
-        width: R(n),
+        width: T(n),
         ...i ? { stableHeight: o } : {}
       });
     });
@@ -2256,7 +2265,7 @@ function Xs(e, t, s) {
   s || (s = (a) => `--tg-${a}-color`);
   const n = s("header"), r = s("bg"), i = () => {
     const { headerColor: a } = e;
-    if (et(a))
+    if (st(a))
       E(n, a);
     else {
       const { bgColor: h, secondaryBgColor: u } = t;
@@ -2312,7 +2321,7 @@ function sn() {
   return typeof window > "u";
 }
 async function nn() {
-  if (Rt(window))
+  if (Tt(window))
     return !0;
   try {
     return await w({ method: "web_app_request_theme", event: "theme_changed", timeout: 100 }), !0;
@@ -2321,7 +2330,7 @@ async function nn() {
   }
 }
 function rn(e) {
-  const t = typeof e == "string" ? ot(e) : e;
+  const t = typeof e == "string" ? at(e) : e;
   jt(t);
   function s(r) {
     if (typeof r == "string")
@@ -2338,14 +2347,14 @@ function rn(e) {
       } catch {
       }
   }
-  if (st()) {
+  if (nt()) {
     const r = window.parent.postMessage.bind(window.parent);
     window.parent.postMessage = (i) => {
       s(i), r(i);
     };
     return;
   }
-  if (Tt(window)) {
+  if (Rt(window)) {
     const r = window.external.notify.bind(window.external);
     window.external.notify = (i) => {
       s(i), r(i);
@@ -2376,7 +2385,7 @@ function j(e, t) {
 }
 class Ss {
   constructor(t, s, n = q) {
-    if (c(this, "history"), c(this, "ee", new O()), c(this, "attached", !1), c(this, "back", () => this.go(-1)), c(this, "on", this.ee.on.bind(this.ee)), c(this, "off", this.ee.off.bind(this.ee)), this._index = s, this.postEvent = n, t.length === 0)
+    if (c(this, "history"), c(this, "ee", new k()), c(this, "attached", !1), c(this, "back", () => this.go(-1)), c(this, "on", this.ee.on.bind(this.ee)), c(this, "off", this.ee.off.bind(this.ee)), this._index = s, this.postEvent = n, t.length === 0)
       throw m(we, "History should not be empty.");
     if (s < 0 || s >= t.length)
       throw m(
@@ -2402,7 +2411,7 @@ class Ss {
    * Prevents current navigator from controlling the BackButton visibility state.
    */
   detach() {
-    this.attached = !1, U("back_button_pressed", this.back);
+    this.attached = !1, H("back_button_pressed", this.back);
   }
   /**
    * Goes to the next history item.
@@ -2501,12 +2510,12 @@ function G({
 }) {
   return { ...e || { hash: "", search: "" }, ...t };
 }
-function k(e, t) {
+function O(e, t) {
   return e.startsWith(t) ? e : `${t}${e}`;
 }
 function M(e) {
   return new URL(
-    typeof e == "string" ? e : `${e.pathname || ""}${k(e.search || "", "?")}${k(e.hash || "", "#")}`,
+    typeof e == "string" ? e : `${e.pathname || ""}${O(e.search || "", "?")}${O(e.hash || "", "#")}`,
     "http://a"
   );
 }
@@ -2517,7 +2526,7 @@ function B(e) {
 function K(e, t, s) {
   let n, r;
   typeof e == "string" ? n = e : (n = B(e), s = e.state, r = e.id);
-  const { pathname: i, search: o, hash: a } = new URL(n, `http://a${k(t, "/")}`);
+  const { pathname: i, search: o, hash: a } = new URL(n, `http://a${O(t, "/")}`);
   return { id: r, pathname: i, params: { hash: a, search: o, state: s } };
 }
 async function I(e) {
@@ -2534,7 +2543,7 @@ async function I(e) {
     })
   ]);
 }
-async function Ts() {
+async function Rs() {
   if (window.history.length <= 1 || (window.history.pushState(null, ""), await I(1 - window.history.length)))
     return;
   let e = await I(-1);
@@ -2544,13 +2553,13 @@ async function Ts() {
 function Qt(e) {
   return M(e).pathname;
 }
-const wt = 0, z = 1, J = 2;
+const mt = 0, z = 1, J = 2;
 class Yt {
   constructor(t, s, { postEvent: n, hashMode: r = "classic", base: i } = {}) {
-    c(this, "navigator"), c(this, "ee", new O()), c(this, "hashMode"), c(this, "base"), c(this, "attached", !1), c(this, "onPopState", ({ state: o }) => {
+    c(this, "navigator"), c(this, "ee", new k()), 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 === wt ? window.history.forward() : o === z && this.back(), o === J && this.forward();
+      o === mt ? window.history.forward() : o === z && this.back(), o === J && this.forward();
     }), c(this, "onNavigatorChange", async ({
       to: o,
       from: a,
@@ -2566,7 +2575,9 @@ class Yt {
       t.map((o) => K(o, "/")),
       s,
       n
-    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = Qt(i || "");
+    ), this.navigator.on("change", (o) => {
+      this.onNavigatorChange(o);
+    }), this.hashMode = r, this.base = Qt(i || "");
   }
   /**
    * Attaches current navigator to the browser history allowing navigator to manipulate it.
@@ -2714,8 +2725,8 @@ class Yt {
    * @param value - path presented as string or URLLike.
    */
   renderPath(t) {
-    const s = (this.base.length === 1 ? "" : this.base) + k(B(t), "/");
-    return this.hashMode ? k(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
+    const s = (this.base.length === 1 ? "" : this.base) + O(B(t), "/");
+    return this.hashMode ? O(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
   }
   /**
    * Synchronizes current navigator state with browser history.
@@ -2723,7 +2734,7 @@ class Yt {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const { state: t } = this, s = this.renderPath(this);
-    await Ts(), this.hasPrev && this.hasNext ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s), window.history.pushState(J, ""), await I(-1)) : this.hasPrev ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(J, ""), await I(-1)) : (window.history.replaceState(wt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
+    await Rs(), this.hasPrev && this.hasNext ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s), window.history.pushState(J, ""), await I(-1)) : this.hasPrev ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(J, ""), await I(-1)) : (window.history.replaceState(mt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
   }
   /**
    * Current query parameters.
@@ -2741,7 +2752,7 @@ class Yt {
     return (this.navigator.current.params || {}).state;
   }
 }
-function Rs(e) {
+function Ts(e) {
   e || (e = {});
   const { href: t, hash: s } = window.location;
   let n = B(
@@ -2768,12 +2779,16 @@ function As(e, t) {
     if (s)
       try {
         const { index: n, history: r } = JSON.parse(s);
-        return new Yt(r, n, t);
+        return new Yt(
+          r,
+          n,
+          t
+        );
       } catch (n) {
         console.error("Unable to restore hash navigator state.", n);
       }
   }
-  return Rs(t);
+  return Ts(t);
 }
 function cn(e, t) {
   const s = As(e, t), n = () => sessionStorage.setItem(e, JSON.stringify({
@@ -2783,7 +2798,7 @@ function cn(e, t) {
   return s.on("change", n), n(), s;
 }
 function _(e) {
-  return (t, s, ...n) => (r) => mt(s, pt(() => pt({
+  return (t, s, ...n) => (r) => bt(s, ut(() => ut({
     [t]: e(...n)
   }, r)));
 }
@@ -2800,7 +2815,7 @@ function g(e) {
     return Object.defineProperty(n, "error", () => s.error), n;
   };
 }
-const Os = g(Ue), hn = _(Os), qs = g(Ge), pn = _(qs), ks = g(ze), un = _(ks), Ns = g(Ze), dn = _(Ns), Ds = g(ts), ln = _(Ds), Vs = g(ss), _n = _(Vs), Ms = g(rs), gn = _(Ms), Bs = g(os), fn = _(Bs), $s = g(ps), wn = _($s), Ls = g(ls), mn = _(Ls), Hs = g(gs), bn = _(Hs), Us = g(ws), vn = _(Us), Ws = g(bs), yn = _(Ws), js = g(ys), En = _(js), Gs = g(Ps), Pn = _(Gs), xn = (e) => {
+const ks = g(He), hn = _(ks), qs = g(Ge), pn = _(qs), Os = g(ze), un = _(Os), Ns = g(Ze), dn = _(Ns), Ds = g(ts), ln = _(Ds), Vs = g(ss), _n = _(Vs), Ms = g(rs), gn = _(Ms), Bs = g(os), fn = _(Bs), $s = g(ps), wn = _($s), Ls = g(ls), mn = _(Ls), Us = g(gs), bn = _(Us), Hs = g(ws), vn = _(Hs), Ws = g(bs), yn = _(Ws), js = g(ys), En = _(js), Gs = g(Ps), Pn = _(Gs), xn = (e) => {
   const t = /* @__PURE__ */ new Map(), s = (n, ...r) => {
     if (t.has(n))
       return t.get(n);
@@ -2820,7 +2835,7 @@ const Os = g(Ue), hn = _(Os), qs = g(Ge), pn = _(qs), ks = g(ze), un = _(ks), Ns
     }
     let a;
     Array.isArray(o) && ([o, a] = o);
-    const [h] = ne(() => o), u = lt(() => {
+    const [h] = ne(() => o), u = _t(() => {
       if (h.state !== "ready")
         return;
       const d = h();
@@ -2830,8 +2845,8 @@ const Os = g(Ue), hn = _(Os), qs = g(Ge), pn = _(qs), ks = g(ze), un = _(ks), Ns
       return new Proxy(d, {
         get(V, C) {
           if (!(C in W)) {
-            const ht = Reflect.getOwnPropertyDescriptor(te, C);
-            W[C] = ht && "get" in ht ? lt(() => Xt()[C]) : () => Reflect.get(V, C);
+            const pt = Reflect.getOwnPropertyDescriptor(te, C);
+            W[C] = pt && "get" in pt ? _t(() => Xt()[C]) : () => Reflect.get(V, C);
           }
           return W[C]();
         }
@@ -2849,13 +2864,13 @@ const Os = g(Ue), hn = _(Os), qs = g(Ge), pn = _(qs), ks = g(ze), un = _(ks), Ns
       cleanup: a
     });
   };
-  return ut(() => {
+  return dt(() => {
     he(e.debug || !1);
-  }), ut(() => {
-    st() && dt(xs(e.acceptCustomStyles));
   }), dt(() => {
+    nt() && lt(xs(e.acceptCustomStyles));
+  }), lt(() => {
     t.forEach((n) => n.cleanup && n.cleanup());
-  }), mt(Zt.Provider, {
+  }), bt(Zt.Provider, {
     value: s,
     get children() {
       return e.children;
@@ -2863,7 +2878,7 @@ const Os = g(Ue), hn = _(Os), qs = g(Ge), pn = _(qs), ks = g(ze), un = _(ks), Ns
   });
 };
 export {
-  Oe as BackButton,
+  ke as BackButton,
   Ss as BasicNavigator,
   We as BiometryManager,
   Yt as BrowserNavigator,
@@ -2881,7 +2896,7 @@ export {
   ge as ERR_TIMED_OUT,
   fe as ERR_UNEXPECTED_TYPE,
   le as ERR_UNKNOWN_ENV,
-  O as EventEmitter,
+  k as EventEmitter,
   Xe as HapticFeedback,
   es as InitData,
   ns as Invoice,
@@ -2902,14 +2917,14 @@ export {
   y as boolean,
   It as captureSameReq,
   Z as classNames,
-  Te as compareVersions,
-  Rs as createBrowserNavigatorFromLocation,
+  Re as compareVersions,
+  Ts as createBrowserNavigatorFromLocation,
   Ae as createPostEvent,
   M as createSafeURL,
   Dt as date,
   an as getHash,
   Qt as getPathname,
-  Ue as initBackButton,
+  He as initBackButton,
   Ge as initBiometryManager,
   ze as initClosingBehavior,
   Ze as initCloudStorage,
@@ -2927,10 +2942,10 @@ export {
   Ps as initViewport,
   xs as initWeb,
   A as invokeCustomMethod,
-  kt as isColorDark,
-  st as isIframe,
+  Ot as isColorDark,
+  nt as isIframe,
   Gt as isPageReload,
-  et as isRGB,
+  st as isRGB,
   ve as isRGBShort,
   Cs as isSDKError,
   on as isSDKErrorOfType,
@@ -2940,10 +2955,10 @@ export {
   Qs as mergeClassNames,
   rn as mockTelegramEnv,
   P as number,
-  U as off,
+  H as off,
   v as on,
   Ys as parseInitData,
-  ot as parseLaunchParams,
+  at as parseLaunchParams,
   Jt as parseThemeParams,
   q as postEvent,
   w as request,
@@ -2952,7 +2967,7 @@ export {
   Ft as requestViewport,
   $e as retrieveLaunchParams,
   Ct as rgb,
-  it as searchParams,
+  ot as searchParams,
   Be as serializeLaunchParams,
   Wt as serializeThemeParams,
   E as setCSSVar,
@@ -2961,13 +2976,13 @@ export {
   p as string,
   ae as subscribe,
   x as supports,
-  Re as targetOrigin,
+  Te as targetOrigin,
   xt as toRGB,
-  vt as unsubscribe,
+  yt as unsubscribe,
   B as urlToPath,
-  Os as useBackButton,
+  ks as useBackButton,
   qs as useBiometryManager,
-  ks as useClosingBehavior,
+  Os as useClosingBehavior,
   Ns as useCloudStorage,
   Ds as useHapticFeedback,
   Vs as useInitData,
@@ -2975,9 +2990,9 @@ export {
   Bs as useMainButton,
   $s as useMiniApp,
   Ls as usePopup,
-  Hs as useQRScanner,
+  Us as useQRScanner,
   Is as useSDK,
-  Us as useSettingsButton,
+  Hs as useSettingsButton,
   Ws as useThemeParams,
   js as useUtils,
   Gs as useViewport,