@tma.js/sdk 0.12.9 → 0.13.1

package/dist/index.mjs

@@ -1,23 +1,23 @@
-var it = Object.defineProperty;
-var at = (s, t, e) => t in s ? it(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (at(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { parse as W, retrieveFromStorage as F, saveToStorage as ct } from "@tma.js/launch-params";
+var ot = Object.defineProperty;
+var nt = (s, t, e) => t in s ? ot(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (nt(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { retrieveLaunchData as z, parse as rt } from "@tma.js/launch-params";
 import { EventEmitter as w } from "@tma.js/event-emitter";
-import { supports as C, postEvent as g, on as x, off as K, request as _, detectSupportParams as ht, setDebug as ut, setTargetOrigin as pt, isIframe as lt } from "@tma.js/bridge";
-import { array as dt, string as j, json as gt } from "@tma.js/parsing";
-import { parse as N } from "@tma.js/theme-params";
-import { isColorDark as J, isRGB as bt } from "@tma.js/colors";
-import { compareVersions as _t, isRecord as ft, withTimeout as wt } from "@tma.js/utils";
-function v(s, t) {
-  return (e) => C(t[e], s);
+import { supports as P, postEvent as g, on as E, off as W, request as f, setDebug as it, setTargetOrigin as at, createPostEvent as ct, isIframe as ht } from "@tma.js/bridge";
+import { array as ut, string as U, json as lt } from "@tma.js/parsing";
+import { parse as D } from "@tma.js/theme-params";
+import { isColorDark as K, isRGB as pt } from "@tma.js/colors";
+import { compareVersions as dt, withTimeout as gt } from "@tma.js/utils";
+function C(s, t) {
+  return (e) => P(t[e], s);
 }
-function mt(s, t) {
+function bt(s, t) {
   return (e) => {
     const [o, n] = t[e];
-    return C(o, n, s);
+    return P(o, n, s);
   };
 }
-class f {
+class m {
   constructor(t, e) {
     this.state = t, this.ee = e;
   }
@@ -40,7 +40,7 @@ class f {
     return this.state[t];
   }
 }
-class Ct {
+class _t {
   constructor(t, e, o = g) {
     i(this, "ee", new w());
     i(this, "state");
@@ -49,7 +49,7 @@ class Ct {
      * @param event - event name.
      * @param listener - event listener.
      */
-    i(this, "on", (t, e) => t === "click" ? x("back_button_pressed", e) : this.ee.on(t, e));
+    i(this, "on", (t, e) => t === "click" ? E("back_button_pressed", e) : this.ee.on(t, e));
     /**
      * Removes event listener.
      * @param event - event name.
@@ -57,14 +57,14 @@ class Ct {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return K("back_button_pressed", e);
+        return W("back_button_pressed", e);
       this.ee.off(t, e);
     });
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = o, this.state = new f({ isVisible: t }, this.ee), this.supports = v(e, {
+    this.postEvent = o, this.state = new m({ isVisible: t }, this.ee), this.supports = C(e, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
     });
@@ -91,7 +91,7 @@ class Ct {
     this.isVisible = !0;
   }
 }
-class vt {
+class ft {
   constructor(t, e = g) {
     i(this, "ee", new w());
     i(this, "state");
@@ -103,7 +103,7 @@ class vt {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = e, this.state = new f({ isConfirmationNeeded: t }, this.ee);
+    this.postEvent = e, this.state = new m({ isConfirmationNeeded: t }, this.ee);
   }
   set isConfirmationNeeded(t) {
     this.state.set("isConfirmationNeeded", t), this.postEvent("web_app_setup_closing_behavior", { need_confirmation: t });
@@ -130,17 +130,17 @@ class vt {
     this.isConfirmationNeeded = !0;
   }
 }
-const yt = dt().of(j());
-function M(s, t) {
+const mt = ut().of(U());
+function L(s, t) {
   return s.reduce((e, o) => (e[o] = t, e), {});
 }
-class Et {
+class wt {
   constructor(t, e, o = g) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.createRequestId = e, this.postEvent = o, this.supports = v(t, {
+    this.createRequestId = e, this.postEvent = o, this.supports = C(t, {
       deleteKeys: "web_app_invoke_custom_method",
       getKeys: "web_app_invoke_custom_method",
       getValues: "web_app_invoke_custom_method",
@@ -154,7 +154,7 @@ class Et {
    * @param options - execution options.
    */
   async invokeCustomMethod(t, e, o = {}) {
-    const { result: n, error: r } = await _(
+    const { result: n, error: r } = await f(
       "web_app_invoke_custom_method",
       { method: t, params: e, req_id: this.createRequestId() },
       "custom_method_invoked",
@@ -178,7 +178,7 @@ class Et {
    */
   async getKeys(t) {
     const e = await this.invokeCustomMethod("getStorageKeys", {}, t);
-    return yt.parse(e);
+    return mt.parse(e);
   }
   /**
    * Returns map, where key is one of the specified in keys argument, and value is according
@@ -188,9 +188,9 @@ class Et {
    */
   async getValues(t, e) {
     if (t.length === 0)
-      return M(t, "");
-    const o = gt(
-      M(t, j())
+      return L(t, "");
+    const o = lt(
+      L(t, U())
       // fixme
     ), n = await this.invokeCustomMethod("getStorageValues", { keys: t }, e);
     return o.parse(n);
@@ -205,13 +205,13 @@ class Et {
     await this.invokeCustomMethod("saveStorageValue", { key: t, value: e }, o);
   }
 }
-class kt {
+class Ct {
   constructor(t, e = g) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.supports = v(t, {
+    this.postEvent = e, this.supports = C(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
       notificationOccurred: "web_app_trigger_haptic_feedback",
       selectionChanged: "web_app_trigger_haptic_feedback"
@@ -248,29 +248,29 @@ class kt {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-class xt {
+class vt {
   constructor(t, e, o = {}) {
     i(this, "state");
     const {
       chat: n = null,
       canSendAfter: r = null,
       chatType: a = null,
-      chatInstance: c = null,
-      user: u = null,
-      queryId: p = null,
-      receiver: h = null,
-      startParam: l = null
+      chatInstance: h = null,
+      user: c = null,
+      queryId: l = null,
+      receiver: u = null,
+      startParam: p = null
     } = o;
-    this.state = new f({
+    this.state = new m({
       authDate: t,
       canSendAfter: r === null ? null : new Date(t.getTime() + r * 1e3),
       chat: n,
       chatType: a,
-      chatInstance: c,
-      user: u,
-      queryId: p,
-      receiver: h,
-      startParam: l,
+      chatInstance: h,
+      user: c,
+      queryId: l,
+      receiver: u,
+      startParam: p,
       hash: e
     });
   }
@@ -347,8 +347,8 @@ class xt {
     return this.state.get("user");
   }
 }
-class Vt {
-  constructor(t, e, o, n, r, a, c = g) {
+class yt {
+  constructor(t, e, o, n, r, a, h = g) {
     i(this, "ee", new w());
     i(this, "state");
     /**
@@ -359,7 +359,7 @@ class Vt {
      * @param event - event name.
      * @param listener - event listener.
      */
-    i(this, "on", (t, e) => t === "click" ? x("main_button_pressed", e) : this.ee.on(t, e));
+    i(this, "on", (t, e) => t === "click" ? E("main_button_pressed", e) : this.ee.on(t, e));
     /**
      * Removes event listener.
      * @param event - event name.
@@ -367,10 +367,10 @@ class Vt {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return K("main_button_pressed", e);
+        return W("main_button_pressed", e);
       this.ee.off(t, e);
     });
-    this.postEvent = c, this.state = new f({
+    this.postEvent = h, this.state = new m({
       backgroundColor: t,
       isEnabled: e,
       isVisible: o,
@@ -512,7 +512,7 @@ class Vt {
     return this.state.set("backgroundColor", t), this.commit(), this;
   }
 }
-function St(s) {
+function kt(s) {
   const t = s.message.trim(), e = (s.title || "").trim(), o = s.buttons || [];
   let n;
   if (e.length > 64)
@@ -526,17 +526,17 @@ function St(s) {
     if (a.length > 64)
       throw new Error(`Button ID has incorrect size: ${a}`);
     if (r.type === void 0 || r.type === "default" || r.type === "destructive") {
-      const c = r.text.trim();
-      if (c.length === 0 || c.length > 64) {
-        const u = r.type || "default";
-        throw new Error(`Button text with type "${u}" has incorrect size: ${r.text.length}`);
+      const h = r.text.trim();
+      if (h.length === 0 || h.length > 64) {
+        const c = r.type || "default";
+        throw new Error(`Button text with type "${c}" has incorrect size: ${r.text.length}`);
       }
-      return { ...r, text: c, id: a };
+      return { ...r, text: h, id: a };
     }
     return { ...r, id: a };
   }), { title: e, message: t, buttons: n };
 }
-class Pt {
+class Et {
   constructor(t, e = g) {
     i(this, "ee", new w());
     i(this, "state");
@@ -552,7 +552,7 @@ class Pt {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new f({ isOpened: !1 }, this.ee), this.supports = v(t, { open: "web_app_open_popup" });
+    this.postEvent = e, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(t, { open: "web_app_open_popup" });
   }
   /**
    * Shows whether popup is currently opened.
@@ -578,9 +578,9 @@ class Pt {
       throw new Error("Popup is already opened.");
     this.state.set("isOpened", !0);
     try {
-      const { button_id: e = null } = await _(
+      const { button_id: e = null } = await f(
         "web_app_open_popup",
-        St(t),
+        kt(t),
         "popup_closed",
         { postEvent: this.postEvent }
       );
@@ -590,7 +590,7 @@ class Pt {
     }
   }
 }
-class qt {
+class xt {
   constructor(t, e = g) {
     i(this, "ee", new w());
     i(this, "state");
@@ -606,7 +606,7 @@ class qt {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new f({ isOpened: !1 }, this.ee), this.supports = v(t, {
+    this.postEvent = e, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(t, {
       close: "web_app_close_scan_qr_popup",
       open: "web_app_open_scan_qr_popup"
     });
@@ -637,7 +637,7 @@ class qt {
       throw new Error("QR scanner is already opened.");
     this.isOpened = !0;
     try {
-      const e = await _(
+      const e = await f(
         "web_app_open_scan_qr_popup",
         { text: t },
         ["qr_text_received", "scan_qr_popup_closed"],
@@ -649,27 +649,39 @@ class qt {
     }
   }
 }
-function z(s) {
+function M(s) {
   const {
-    backgroundColor: t = null,
-    buttonTextColor: e = null,
+    accentTextColor: t = null,
+    backgroundColor: e = null,
     buttonColor: o = null,
-    hintColor: n = null,
-    linkColor: r = null,
-    textColor: a = null,
-    secondaryBackgroundColor: c = null
+    buttonTextColor: n = null,
+    destructiveTextColor: r = null,
+    headerBackgroundColor: a = null,
+    hintColor: h = null,
+    linkColor: c = null,
+    secondaryBackgroundColor: l = null,
+    sectionBackgroundColor: u = null,
+    sectionHeaderTextColor: p = null,
+    subtitleTextColor: b = null,
+    textColor: S = null
   } = s;
   return {
-    backgroundColor: t,
-    buttonTextColor: e,
+    accentTextColor: t,
+    backgroundColor: e,
     buttonColor: o,
-    hintColor: n,
-    linkColor: r,
-    textColor: a,
-    secondaryBackgroundColor: c
+    buttonTextColor: n,
+    destructiveTextColor: r,
+    headerBackgroundColor: a,
+    hintColor: h,
+    linkColor: c,
+    secondaryBackgroundColor: l,
+    sectionBackgroundColor: u,
+    sectionHeaderTextColor: p,
+    subtitleTextColor: b,
+    textColor: S
   };
 }
-class P {
+class q {
   constructor(t) {
     i(this, "ee", new w());
     i(this, "state");
@@ -681,7 +693,7 @@ class P {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.state = new f(z(t), this.ee);
+    this.state = new m(M(t), this.ee);
   }
   /**
    * Requests fresh information about current theme.
@@ -690,11 +702,11 @@ class P {
    * @param options - method options.
    */
   static async request(t = {}) {
-    const { timeout: e = 1e3, ...o } = t, n = await _("web_app_request_theme", "theme_changed", {
+    const { timeout: e = 1e3, ...o } = t, n = await f("web_app_request_theme", "theme_changed", {
       ...o,
       timeout: e
     });
-    return N(n.theme_params);
+    return D(n.theme_params);
   }
   /**
    * Synchronizes specified instance of ThemeParams with the actual value in the native
@@ -702,8 +714,8 @@ class P {
    * @param themeParams - ThemeParams instance.
    */
   static sync(t) {
-    x("theme_changed", (e) => {
-      t.state.set(z(N(e.theme_params)));
+    E("theme_changed", (e) => {
+      t.state.set(M(D(e.theme_params)));
     });
   }
   /**
@@ -712,7 +724,7 @@ class P {
    * @param options - method options.
    */
   static async synced(t) {
-    const e = await this.request(t), o = new P(e);
+    const e = await this.request(t), o = new q(e);
     return this.sync(o), o;
   }
   /**
@@ -744,7 +756,7 @@ class P {
    * value is calculated according to theme background color.
    */
   get isDark() {
-    return this.backgroundColor === null || J(this.backgroundColor);
+    return this.backgroundColor === null || K(this.backgroundColor);
   }
   /**
    * Returns current link color.
@@ -765,7 +777,7 @@ class P {
     return this.state.get("textColor");
   }
 }
-function E(s) {
+function y(s) {
   return s < 0 ? 0 : s;
 }
 class k {
@@ -780,11 +792,11 @@ class k {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = r, this.state = new f({
-      height: E(t),
+    this.postEvent = r, this.state = new m({
+      height: y(t),
       isExpanded: n,
-      stableHeight: E(o),
-      width: E(e)
+      stableHeight: y(o),
+      width: y(e)
     }, this.ee);
   }
   /**
@@ -799,7 +811,7 @@ class k {
       is_expanded: n,
       is_state_stable: r,
       ...a
-    } = await _("web_app_request_viewport", "viewport_changed", {
+    } = await f("web_app_request_viewport", "viewport_changed", {
       ...o,
       timeout: e
     });
@@ -811,18 +823,18 @@ class k {
    * @param viewport - Viewport instance.
    */
   static sync(t) {
-    x("viewport_changed", (e) => {
+    E("viewport_changed", (e) => {
       const {
         height: o,
         width: n,
         is_expanded: r,
         is_state_stable: a
-      } = e, c = E(o);
+      } = e, h = y(o);
       t.state.set({
-        height: c,
+        height: h,
         isExpanded: r,
-        width: E(n),
-        stableHeight: a ? c : void 0
+        width: y(n),
+        stableHeight: a ? h : void 0
       });
     });
   }
@@ -911,7 +923,7 @@ class k {
     return this.stableHeight === this.height;
   }
 }
-function T(s) {
+function I(s) {
   const t = document.createElement("a");
   if (t.href = s, t.protocol !== "http:" && t.protocol !== "https:")
     throw Error(
@@ -919,7 +931,7 @@ function T(s) {
     );
   return t.href;
 }
-class Ot {
+class Vt {
   constructor(t, e, o, n, r, a = g) {
     i(this, "ee", new w());
     i(this, "state");
@@ -939,17 +951,17 @@ class Ot {
      * Checks if specified method parameter is supported by current component.
      */
     i(this, "supportsParam");
-    this.currentVersion = o, this.currentPlatform = n, this.createRequestId = r, this.postEvent = a, this.state = new f({
+    this.currentVersion = o, this.currentPlatform = n, this.createRequestId = r, this.postEvent = a, this.state = new m({
       backgroundColor: e,
       headerColor: t
-    }, this.ee), this.supports = v(o, {
+    }, this.ee), this.supports = C(o, {
       openInvoice: "web_app_open_invoice",
       readTextFromClipboard: "web_app_read_text_from_clipboard",
       setHeaderColor: "web_app_set_header_color",
       setBackgroundColor: "web_app_set_background_color",
       requestPhoneAccess: "web_app_request_phone",
       requestWriteAccess: "web_app_request_write_access"
-    }), this.supportsParam = mt(o, {
+    }), this.supportsParam = bt(o, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"],
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
@@ -965,7 +977,7 @@ class Ot {
    * computed based on the current background color.
    */
   get colorScheme() {
-    return J(this.backgroundColor) ? "dark" : "light";
+    return K(this.backgroundColor) ? "dark" : "light";
   }
   /**
    * Closes the Mini App.
@@ -985,7 +997,7 @@ class Ot {
    * @param version - compared version.
    */
   isVersionAtLeast(t) {
-    return _t(t, this.version) >= 0;
+    return dt(t, this.version) >= 0;
   }
   /**
    * Opens a link in an external browser. The Mini App will not be closed.
@@ -997,8 +1009,8 @@ class Ot {
    * @param tryInstantView
    */
   openLink(t, e) {
-    const o = T(t);
-    if (!C("web_app_open_link", this.version)) {
+    const o = I(t);
+    if (!P("web_app_open_link", this.version)) {
       window.open(o, "_blank");
       return;
     }
@@ -1014,10 +1026,10 @@ class Ot {
    * @throws {Error} URL has not allowed hostname.
    */
   openTelegramLink(t) {
-    const { hostname: e, pathname: o, search: n } = new URL(T(t));
+    const { hostname: e, pathname: o, search: n } = new URL(I(t));
     if (e !== "t.me")
       throw new Error(`URL has not allowed hostname: ${e}. Only "t.me" is allowed`);
-    if (!C("web_app_open_tg_link", this.version)) {
+    if (!P("web_app_open_tg_link", this.version)) {
       window.location.href = t;
       return;
     }
@@ -1029,16 +1041,16 @@ class Ot {
    * @param url - invoice URL.
    */
   async openInvoice(t) {
-    const { hostname: e, pathname: o } = new URL(T(t));
+    const { hostname: e, pathname: o } = new URL(I(t));
     if (e !== "t.me")
       throw new Error(`Incorrect hostname: ${e}`);
     const n = o.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
     if (n === null)
       throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/slug" or "/$slug"');
     const [, , r] = n;
-    return (await _("web_app_open_invoice", { slug: r }, "invoice_closed", {
+    return (await f("web_app_open_invoice", { slug: r }, "invoice_closed", {
       postEvent: this.postEvent,
-      capture: ({ slug: c }) => r === c
+      capture: ({ slug: h }) => r === h
     })).status;
   }
   /**
@@ -1067,7 +1079,7 @@ class Ot {
    * - Access to clipboard is not allowed
    */
   async readTextFromClipboard() {
-    const { data: t = null } = await _(
+    const { data: t = null } = await f(
       "web_app_read_text_from_clipboard",
       { req_id: this.createRequestId() },
       "clipboard_text_received",
@@ -1079,7 +1091,7 @@ class Ot {
    * Requests current user phone access.
    */
   async requestPhoneAccess() {
-    const { status: t } = await _("web_app_request_phone", "phone_requested", {
+    const { status: t } = await f("web_app_request_phone", "phone_requested", {
       postEvent: this.postEvent
     });
     return t;
@@ -1088,7 +1100,7 @@ class Ot {
    * Requests write message access to current user.
    */
   async requestWriteAccess() {
-    const { status: t } = await _("web_app_request_write_access", "write_access_requested", {
+    const { status: t } = await f("web_app_request_write_access", "write_access_requested", {
       postEvent: this.postEvent
     });
     return t;
@@ -1118,7 +1130,7 @@ class Ot {
    * @param color - color key or RGB color.
    */
   setHeaderColor(t) {
-    this.postEvent("web_app_set_header_color", bt(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
+    this.postEvent("web_app_set_header_color", pt(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
   }
   /**
    * Updates current application background color.
@@ -1139,26 +1151,26 @@ class Ot {
     return this.currentVersion;
   }
 }
-class I extends Error {
+class F extends Error {
   constructor(t, e) {
-    super(`Method "${t}" is not supported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, I.prototype);
+    super(`Method "${t}" is not supported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, F.prototype);
   }
 }
-class $ extends Error {
+class j extends Error {
   constructor(t, e, o) {
-    super(`Parameter "${e}" in method "${t}" is not supported in the Mini Apps version ${o}.`), Object.setPrototypeOf(this, $.prototype);
+    super(`Parameter "${e}" in method "${t}" is not supported in the Mini Apps version ${o}.`), Object.setPrototypeOf(this, j.prototype);
   }
 }
-function G(s, t) {
+function J(s, t) {
   document.documentElement.style.setProperty(s, t);
 }
-function b(s, t) {
-  t !== null && G(s, t);
+function _(s, t) {
+  t !== null && J(s, t);
 }
-function U(s, t) {
-  G(s, `${t}px`);
+function N(s, t) {
+  J(s, `${t}px`);
 }
-function Bt(s) {
+function St(s) {
   const {
     backgroundColor: t,
     buttonTextColor: e,
@@ -1166,241 +1178,215 @@ function Bt(s) {
     hintColor: n,
     buttonColor: r,
     linkColor: a,
-    textColor: c
+    textColor: h
   } = s;
-  b("--tg-theme-bg-color", t), b("--tg-theme-button-color", r), b("--tg-theme-button-text-color", e), b("--tg-theme-hint-color", n), b("--tg-theme-link-color", a), b("--tg-theme-secondary-bg-color", o), b("--tg-theme-text-color", c);
+  _("--tg-theme-bg-color", t), _("--tg-theme-button-color", r), _("--tg-theme-button-text-color", e), _("--tg-theme-hint-color", n), _("--tg-theme-link-color", a), _("--tg-theme-secondary-bg-color", o), _("--tg-theme-text-color", h);
 }
-function Tt(s, t) {
+function Pt(s, t) {
   const { backgroundColor: e, secondaryBackgroundColor: o } = t, { backgroundColor: n, headerColor: r } = s;
-  b("--tg-bg-color", n), b("--tg-header-color", r === "bg_color" ? e : o);
+  _("--tg-bg-color", n), _("--tg-header-color", r === "bg_color" ? e : o);
 }
-function It(s) {
-  const t = () => Bt(s);
+function qt(s) {
+  const t = () => St(s);
   s.on("changed", t), t();
 }
-function $t(s, t) {
-  const e = () => Tt(s, t);
+function Ot(s, t) {
+  const e = () => Pt(s, t);
   t.on("changed", e), s.on("backgroundColorChanged", e), s.on("headerColorChanged", e), e();
 }
-function At(s) {
+function Tt(s) {
   const t = () => {
-    U("--tg-viewport-height", s.height);
+    N("--tg-viewport-height", s.height);
   }, e = () => {
-    U("--tg-viewport-stable-height", s.stableHeight);
+    N("--tg-viewport-stable-height", s.stableHeight);
   };
   s.on("heightChanged", t), s.on("stableHeightChanged", e), t(), e();
 }
-function Ht(s) {
+function Bt(s) {
   return typeof s == "boolean" ? s ? { themeParams: !0, viewport: !0, webApp: !0 } : {} : s;
 }
-function Q(s) {
+function G(s) {
   return `telegram-mini-apps-${s}`;
 }
-function V(s, t) {
-  sessionStorage.setItem(Q(s), JSON.stringify(t));
+function x(s, t) {
+  sessionStorage.setItem(G(s), JSON.stringify(t));
 }
-function S(s) {
-  const t = sessionStorage.getItem(Q(s));
+function V(s) {
+  const t = sessionStorage.getItem(G(s));
   return t ? JSON.parse(t) : null;
 }
-function Rt(s, t, e) {
-  const { isVisible: o = !1 } = s ? S("back-button") || {} : {}, n = new Ct(o, t, e);
+function It(s, t, e) {
+  const { isVisible: o = !1 } = s ? V("back-button") || {} : {}, n = new _t(o, t, e);
   return n.on("isVisibleChanged", () => {
-    V("back-button", { isVisible: n.isVisible });
+    x("back-button", { isVisible: n.isVisible });
   }), n;
 }
-function Dt(s, t) {
-  const { isConfirmationNeeded: e = !1 } = s ? S("closing-behavior") || {} : {}, o = new vt(e, t);
-  return o.on("isConfirmationNeededChanged", () => V("closing-behavior", {
+function $t(s, t) {
+  const { isConfirmationNeeded: e = !1 } = s ? V("closing-behavior") || {} : {}, o = new ft(e, t);
+  return o.on("isConfirmationNeededChanged", () => x("closing-behavior", {
     isConfirmationNeeded: o.isConfirmationNeeded
   })), o;
 }
-function Lt(s, t, e, o) {
+function At(s, t, e, o) {
   const {
     backgroundColor: n = t,
     isEnabled: r = !1,
     isVisible: a = !1,
-    isProgressVisible: c = !1,
-    textColor: u = e,
-    text: p = ""
-  } = s ? S("main-button") || {} : {}, h = new Vt(
+    isProgressVisible: h = !1,
+    textColor: c = e,
+    text: l = ""
+  } = s ? V("main-button") || {} : {}, u = new yt(
     n,
     r,
     a,
+    h,
+    l,
     c,
-    p,
-    u,
     o
-  ), l = () => V("main-button", {
-    backgroundColor: h.backgroundColor,
-    isEnabled: h.isEnabled,
-    isVisible: h.isVisible,
-    isProgressVisible: h.isProgressVisible,
-    text: h.text,
-    textColor: h.textColor
+  ), p = () => x("main-button", {
+    backgroundColor: u.backgroundColor,
+    isEnabled: u.isEnabled,
+    isVisible: u.isVisible,
+    isProgressVisible: u.isProgressVisible,
+    text: u.text,
+    textColor: u.textColor
   });
-  return h.on("backgroundColorChanged", l), h.on("isEnabledChanged", l), h.on("isVisibleChanged", l), h.on("isProgressVisibleChanged", l), h.on("textColorChanged", l), h.on("textChanged", l), h;
+  return u.on("backgroundColorChanged", p), u.on("isEnabledChanged", p), u.on("isVisibleChanged", p), u.on("isProgressVisibleChanged", p), u.on("textColorChanged", p), u.on("textChanged", p), u;
 }
-function Nt(s, t) {
-  return s ? (e, o) => {
-    if (!C(e, t))
-      throw new I(e, t);
-    return ft(o) && ht(e, o).forEach((n) => {
-      if (!C(e, n, t))
-        throw new $(e, n, t);
-    }), g(e, o);
-  } : g;
-}
-function Mt() {
+function Ht() {
   let s = 0;
   return () => (s += 1, s.toString());
 }
-function zt(s) {
-  const t = new P(s);
-  return P.sync(t), t;
+function Rt(s) {
+  const t = new q(s);
+  return q.sync(t), t;
 }
-async function Ut(s, t, e) {
+async function Dt(s, t, e) {
   const {
     height: o = window.innerHeight,
     stableHeight: n = window.innerHeight,
     width: r = window.innerWidth,
     isExpanded: a = !1
-  } = s ? S("viewport") || {} : {}, u = t === "macos" || t === "web" ? (() => {
-    const h = new k(o, r, n, a, e);
-    return k.sync(h), h;
-  })() : await k.synced({ postEvent: e }), p = () => V("viewport", {
-    height: u.height,
-    isExpanded: u.isExpanded,
-    stableHeight: u.stableHeight,
-    width: u.width
+  } = s ? V("viewport") || {} : {}, c = t === "macos" || t === "web" ? (() => {
+    const u = new k(o, r, n, a, e);
+    return k.sync(u), u;
+  })() : await k.synced({ postEvent: e }), l = () => x("viewport", {
+    height: c.height,
+    isExpanded: c.isExpanded,
+    stableHeight: c.stableHeight,
+    width: c.width
   });
-  return u.on("heightChanged", p), u.on("isExpandedChanged", p), u.on("stableHeightChanged", p), u.on("widthChanged", p), u;
+  return c.on("heightChanged", l), c.on("isExpandedChanged", l), c.on("stableHeightChanged", l), c.on("widthChanged", l), c;
 }
-function Wt(s, t, e, o, n, r) {
+function Lt(s, t, e, o, n, r) {
   const {
     backgroundColor: a = t,
-    headerColor: c = "bg_color"
-  } = s ? S("web-app") || {} : {}, u = new Ot(
-    c,
+    headerColor: h = "bg_color"
+  } = s ? V("web-app") || {} : {}, c = new Vt(
+    h,
     a,
     e,
     o,
     n,
     r
-  ), p = () => V("web-app", {
-    backgroundColor: u.backgroundColor,
-    headerColor: u.headerColor
+  ), l = () => x("web-app", {
+    backgroundColor: c.backgroundColor,
+    headerColor: c.headerColor
   });
-  return u.on("backgroundColorChanged", p), u.on("headerColorChanged", p), u;
+  return c.on("backgroundColorChanged", l), c.on("headerColorChanged", l), c;
 }
-function Z() {
-  let s;
-  try {
-    return W(window.location.hash.slice(1));
-  } catch (e) {
-    s = e;
-  }
-  const t = F();
-  if (t)
-    return t;
-  throw new Error("Unable to extract launch params", { cause: s });
-}
-function Ft() {
-  return window.performance.getEntriesByType("navigation").some((s) => s.type === "reload");
-}
-function Kt(s, t) {
-  var e, o;
-  return s ? ((e = s.initData) == null ? void 0 : e.hash) === ((o = t.initData) == null ? void 0 : o.hash) : !1;
-}
-async function jt(s = {}) {
+async function Mt(s = {}) {
   const {
     checkCompat: t = !0,
     cssVars: e = !1,
     acceptScrollbarStyle: o = !0,
     acceptCustomStyles: n = o,
     targetOrigin: r,
-    debug: a = !1,
-    launchParams: c
+    launchParams: a,
+    debug: h = !1
   } = s;
-  a && ut(a), typeof r == "string" && pt(r);
-  const u = F(), p = c instanceof URLSearchParams || typeof c == "string" ? W(c) : Z();
-  ct(p);
-  const h = Ft() || Kt(u, p), {
-    initData: l,
-    initDataRaw: X,
-    version: m,
-    platform: A,
-    themeParams: H
-  } = p, {
-    backgroundColor: Y = "#ffffff",
-    buttonColor: tt = "#000000",
-    buttonTextColor: et = "#ffffff"
-  } = H, R = Mt(), d = Nt(t, m), q = zt(H), D = Wt(
-    h,
-    Y,
-    m,
+  h && it(h), typeof r == "string" && at(r);
+  const { launchParams: c, isPageReload: l } = z({
+    currentLaunchParams: typeof a == "string" || a instanceof URLSearchParams ? rt(a) : a
+  }), {
+    initData: u,
+    initDataRaw: p,
+    version: b,
+    platform: S,
+    themeParams: $
+  } = c, {
+    backgroundColor: Q = "#ffffff",
+    buttonColor: Z = "#000000",
+    buttonTextColor: X = "#ffffff"
+  } = $, A = Ht(), d = t ? ct(b) : g, O = Rt($), H = Lt(
+    l,
+    Q,
+    b,
+    S,
     A,
-    R,
     d
   ), {
-    themeParams: st,
-    viewport: ot,
-    webApp: nt
-  } = Ht(e);
-  nt && $t(D, q), st && It(q);
-  const L = await Ut(h, A, d);
-  if (ot && At(L), n && lt()) {
-    const y = document.createElement("style");
-    y.id = "telegram-custom-styles", document.head.appendChild(y), x("set_custom_style", (B) => {
-      y.innerHTML = B;
+    themeParams: Y,
+    viewport: tt,
+    webApp: et
+  } = Bt(e);
+  et && Ot(H, O), Y && qt(O);
+  const R = await Dt(l, S, d);
+  if (tt && Tt(R), n && ht()) {
+    const v = document.createElement("style");
+    v.id = "telegram-custom-styles", document.head.appendChild(v), E("set_custom_style", (B) => {
+      v.innerHTML = B;
     }), d("iframe_ready");
   }
-  const O = {
-    backButton: Rt(h, m, d),
-    closingBehavior: Dt(h, d),
-    cloudStorage: new Et(m, R, d),
-    haptic: new kt(m, d),
-    mainButton: Lt(h, tt, et, d),
-    popup: new Pt(m, d),
+  const T = {
+    backButton: It(l, b, d),
+    closingBehavior: $t(l, d),
+    cloudStorage: new wt(b, A, d),
+    haptic: new Ct(b, d),
+    mainButton: At(l, Z, X, d),
+    popup: new Et(b, d),
     postEvent: d,
-    qrScanner: new qt(m, d),
-    themeParams: q,
-    viewport: L,
-    webApp: D
+    qrScanner: new xt(b, d),
+    themeParams: O,
+    viewport: R,
+    webApp: H
   };
-  if (l !== void 0) {
-    const { authDate: y, hash: B, ...rt } = l;
-    O.initData = new xt(y, B, rt), O.initDataRaw = X;
+  if (u !== void 0) {
+    const { authDate: v, hash: B, ...st } = u;
+    T.initData = new vt(v, B, st), T.initDataRaw = p;
   }
-  return O;
+  return T;
 }
-function se(s = {}) {
-  return wt(jt(s), s.timeout || 1e3);
+function Qt(s = {}) {
+  return gt(Mt(s), s.timeout || 1e3);
 }
-function oe() {
+function Nt() {
   try {
-    return Z(), !0;
+    return z(), !0;
   } catch {
     return !1;
   }
 }
+function Zt() {
+  return Nt();
+}
 export {
-  Ct as BackButton,
-  vt as ClosingBehaviour,
-  Et as CloudStorage,
-  kt as HapticFeedback,
-  xt as InitData,
-  Vt as MainButton,
-  I as MethodNotSupportedError,
-  $ as ParameterUnsupportedError,
-  Pt as Popup,
-  qt as QRScanner,
-  P as ThemeParams,
+  _t as BackButton,
+  ft as ClosingBehaviour,
+  wt as CloudStorage,
+  Ct as HapticFeedback,
+  vt as InitData,
+  yt as MainButton,
+  F as MethodNotSupportedError,
+  j as ParameterUnsupportedError,
+  Et as Popup,
+  xt as QRScanner,
+  q as ThemeParams,
   k as Viewport,
-  Ot as WebApp,
-  T as formatURL,
-  se as init,
-  oe as isTWA,
-  Z as retrieveLaunchParams
+  Vt as WebApp,
+  I as formatURL,
+  Qt as init,
+  Nt as isTMA,
+  Zt as isTWA
 };
 //# sourceMappingURL=index.mjs.map