@tma.js/sdk 0.11.6 → 0.12.0

package/dist/index.js

@@ -1,13 +1,14 @@
-var nt = Object.defineProperty;
-var it = (s, t, e) => t in s ? nt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (it(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { array as at, string as P, json as j, rgb as w, searchParams as ct } from "@tma.js/parsing";
-import { initData as ht } from "@tma.js/init-data";
-import { supports as C, postEvent as l, on as S, off as F, request as g, detectSupportParams as pt, setDebug as ut, setTargetOrigin as lt, isIframe as dt } from "@tma.js/bridge";
-import { compareVersions as gt, isRecord as bt, withTimeout as _t } from "@tma.js/utils";
-import { EventEmitter as f } from "@tma.js/event-emitter";
-import { isColorDark as J, isRGB as ft } from "@tma.js/colors";
-function y(s, t) {
+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 U, retrieveFromStorage as F, saveToStorage as ct } from "@tma.js/launch-params";
+import { EventEmitter as w } from "@tma.js/event-emitter";
+import { supports as C, postEvent as d, 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);
 }
 function mt(s, t) {
@@ -16,7 +17,7 @@ function mt(s, t) {
     return C(o, r, s);
   };
 }
-class b {
+class f {
   constructor(t, e) {
     this.state = t, this.ee = e;
   }
@@ -39,9 +40,9 @@ class b {
     return this.state[t];
   }
 }
-class wt {
-  constructor(t, e, o = l) {
-    i(this, "ee", new f());
+class Ct {
+  constructor(t, e, o = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds event listener.
@@ -50,7 +51,7 @@ class wt {
      */
     i(this, "on", (t, e) => {
       if (t === "click")
-        return S("back_button_pressed", e);
+        return x("back_button_pressed", e);
       this.ee.on(t, e);
     });
     /**
@@ -60,14 +61,14 @@ class wt {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return F("back_button_pressed", e);
+        return K("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 b({ isVisible: t }, this.ee), this.supports = y(e, {
+    this.postEvent = o, this.state = new f({ isVisible: t }, this.ee), this.supports = v(e, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
     });
@@ -94,9 +95,9 @@ class wt {
     this.isVisible = !0;
   }
 }
-class Ct {
-  constructor(t, e = l) {
-    i(this, "ee", new f());
+class vt {
+  constructor(t, e = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -106,7 +107,7 @@ class Ct {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = e, this.state = new b({ isConfirmationNeeded: t }, this.ee);
+    this.postEvent = e, this.state = new f({ isConfirmationNeeded: t }, this.ee);
   }
   set isConfirmationNeeded(t) {
     this.state.set("isConfirmationNeeded", t), this.postEvent("web_app_setup_closing_behavior", { need_confirmation: t });
@@ -133,17 +134,17 @@ class Ct {
     this.isConfirmationNeeded = !0;
   }
 }
-const yt = at().of(P());
-function M(s, t) {
+const yt = dt().of(j());
+function z(s, t) {
   return s.reduce((e, o) => (e[o] = t, e), {});
 }
-class vt {
-  constructor(t, e, o = l) {
+class Et {
+  constructor(t, e, o = d) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.createRequestId = e, this.postEvent = o, this.supports = y(t, {
+    this.createRequestId = e, this.postEvent = o, this.supports = v(t, {
       deleteKeys: "web_app_invoke_custom_method",
       getKeys: "web_app_invoke_custom_method",
       getValues: "web_app_invoke_custom_method",
@@ -157,7 +158,7 @@ class vt {
    * @param options - execution options.
    */
   async invokeCustomMethod(t, e, o = {}) {
-    const { result: r, error: n } = await g(
+    const { result: r, error: n } = await _(
       "web_app_invoke_custom_method",
       { method: t, params: e, req_id: this.createRequestId() },
       "custom_method_invoked",
@@ -191,9 +192,9 @@ class vt {
    */
   async getValues(t, e) {
     if (t.length === 0)
-      return M(t, "");
-    const o = j(
-      M(t, P())
+      return z(t, "");
+    const o = gt(
+      z(t, j())
       // fixme
     ), r = await this.invokeCustomMethod("getStorageValues", { keys: t }, e);
     return o.parse(r);
@@ -209,12 +210,12 @@ class vt {
   }
 }
 class kt {
-  constructor(t, e = l) {
+  constructor(t, e = d) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.supports = y(t, {
+    this.postEvent = e, this.supports = v(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
       notificationOccurred: "web_app_trigger_haptic_feedback",
       selectionChanged: "web_app_trigger_haptic_feedback"
@@ -251,25 +252,25 @@ class kt {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-class Et {
+class xt {
   constructor(t, e, o = {}) {
     i(this, "state");
     const {
       chat: r = null,
       canSendAfter: n = null,
-      user: c = null,
-      queryId: a = null,
-      receiver: p = null,
-      startParam: h = null
+      user: a = null,
+      queryId: c = null,
+      receiver: h = null,
+      startParam: p = null
     } = o;
-    this.state = new b({
+    this.state = new f({
       authDate: t,
       canSendAfter: n,
       chat: r,
-      user: c,
-      queryId: a,
-      receiver: p,
-      startParam: h,
+      user: a,
+      queryId: c,
+      receiver: h,
+      startParam: p,
       hash: e
     });
   }
@@ -334,9 +335,9 @@ class Et {
     return this.state.get("user");
   }
 }
-class xt {
-  constructor(t, e, o, r, n, c, a = l) {
-    i(this, "ee", new f());
+class Vt {
+  constructor(t, e, o, r, n, a, c = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -348,7 +349,7 @@ class xt {
      */
     i(this, "on", (t, e) => {
       if (t === "click")
-        return S("main_button_pressed", e);
+        return x("main_button_pressed", e);
       this.ee.on(t, e);
     });
     /**
@@ -358,16 +359,16 @@ class xt {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return F("main_button_pressed", e);
+        return K("main_button_pressed", e);
       this.ee.off(t, e);
     });
-    this.postEvent = a, this.state = new b({
+    this.postEvent = c, this.state = new f({
       backgroundColor: t,
       isEnabled: e,
       isVisible: o,
       isProgressVisible: r,
       text: n,
-      textColor: c
+      textColor: a
     }, this.ee);
   }
   set isEnabled(t) {
@@ -503,7 +504,7 @@ class xt {
     return this.state.set("backgroundColor", t), this.commit(), this;
   }
 }
-function Pt(s) {
+function St(s) {
   const t = s.message.trim(), e = (s.title || "").trim(), o = s.buttons || [];
   let r;
   if (e.length > 64)
@@ -513,23 +514,23 @@ function Pt(s) {
   if (o.length > 3)
     throw new Error(`Buttons have incorrect size: ${o.length}`);
   return o.length === 0 ? r = [{ type: "close", id: "" }] : r = o.map((n) => {
-    const { id: c = "" } = n;
-    if (c.length > 64)
-      throw new Error(`Button ID has incorrect size: ${c}`);
+    const { id: a = "" } = n;
+    if (a.length > 64)
+      throw new Error(`Button ID has incorrect size: ${a}`);
     if (n.type === void 0 || n.type === "default" || n.type === "destructive") {
-      const a = n.text.trim();
-      if (a.length === 0 || a.length > 64) {
-        const p = n.type || "default";
-        throw new Error(`Button text with type "${p}" has incorrect size: ${n.text.length}`);
+      const c = n.text.trim();
+      if (c.length === 0 || c.length > 64) {
+        const h = n.type || "default";
+        throw new Error(`Button text with type "${h}" has incorrect size: ${n.text.length}`);
       }
-      return { ...n, text: a, id: c };
+      return { ...n, text: c, id: a };
     }
-    return { ...n, id: c };
+    return { ...n, id: a };
   }), { title: e, message: t, buttons: r };
 }
-class Vt {
-  constructor(t, e = l) {
-    i(this, "ee", new f());
+class Pt {
+  constructor(t, e = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -543,7 +544,7 @@ class Vt {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new b({ isOpened: !1 }, this.ee), this.supports = y(t, { open: "web_app_open_popup" });
+    this.postEvent = e, this.state = new f({ isOpened: !1 }, this.ee), this.supports = v(t, { open: "web_app_open_popup" });
   }
   /**
    * Shows whether popup is currently opened.
@@ -569,9 +570,9 @@ class Vt {
       throw new Error("Popup is already opened.");
     this.state.set("isOpened", !0);
     try {
-      const { button_id: e = null } = await g(
+      const { button_id: e = null } = await _(
         "web_app_open_popup",
-        Pt(t),
+        St(t),
         "popup_closed",
         { postEvent: this.postEvent }
       );
@@ -581,9 +582,9 @@ class Vt {
     }
   }
 }
-class St {
-  constructor(t, e = l) {
-    i(this, "ee", new f());
+class qt {
+  constructor(t, e = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -597,7 +598,7 @@ class St {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new b({ isOpened: !1 }, this.ee), this.supports = y(t, {
+    this.postEvent = e, this.state = new f({ isOpened: !1 }, this.ee), this.supports = v(t, {
       close: "web_app_close_scan_qr_popup",
       open: "web_app_open_scan_qr_popup"
     });
@@ -628,7 +629,7 @@ class St {
       throw new Error("QR scanner is already opened.");
     this.isOpened = !0;
     try {
-      const e = await g(
+      const e = await _(
         "web_app_open_scan_qr_popup",
         { text: t },
         ["qr_text_received", "scan_qr_popup_closed"],
@@ -640,27 +641,15 @@ class St {
     }
   }
 }
-const qt = j({
-  backgroundColor: { type: w().optional(), from: "bg_color" },
-  buttonColor: { type: w().optional(), from: "button_color" },
-  buttonTextColor: { type: w().optional(), from: "button_text_color" },
-  hintColor: { type: w().optional(), from: "hint_color" },
-  linkColor: { type: w().optional(), from: "link_color" },
-  textColor: { type: w().optional(), from: "text_color" },
-  secondaryBackgroundColor: { type: w().optional(), from: "secondary_bg_color" }
-});
-function $(s) {
-  return qt.parse(s);
-}
-function U(s) {
+function M(s) {
   const {
     backgroundColor: t = null,
     buttonTextColor: e = null,
     buttonColor: o = null,
     hintColor: r = null,
     linkColor: n = null,
-    textColor: c = null,
-    secondaryBackgroundColor: a = null
+    textColor: a = null,
+    secondaryBackgroundColor: c = null
   } = s;
   return {
     backgroundColor: t,
@@ -668,13 +657,13 @@ function U(s) {
     buttonColor: o,
     hintColor: r,
     linkColor: n,
-    textColor: c,
-    secondaryBackgroundColor: a
+    textColor: a,
+    secondaryBackgroundColor: c
   };
 }
-class q {
+class P {
   constructor(t) {
-    i(this, "ee", new f());
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -684,7 +673,7 @@ class q {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.state = new b(U(t), this.ee);
+    this.state = new f(M(t), this.ee);
   }
   /**
    * Requests fresh information about current theme.
@@ -693,11 +682,11 @@ class q {
    * @param options - method options.
    */
   static async request(t = {}) {
-    const { timeout: e = 1e3, ...o } = t, r = await g("web_app_request_theme", "theme_changed", {
+    const { timeout: e = 1e3, ...o } = t, r = await _("web_app_request_theme", "theme_changed", {
       ...o,
       timeout: e
     });
-    return $(r.theme_params);
+    return N(r.theme_params);
   }
   /**
    * Synchronizes specified instance of ThemeParams with the actual value in the native
@@ -705,8 +694,8 @@ class q {
    * @param themeParams - ThemeParams instance.
    */
   static sync(t) {
-    S("theme_changed", (e) => {
-      t.state.set(U($(e.theme_params)));
+    x("theme_changed", (e) => {
+      t.state.set(M(N(e.theme_params)));
     });
   }
   /**
@@ -715,7 +704,7 @@ class q {
    * @param options - method options.
    */
   static async synced(t) {
-    const e = await this.request(t), o = new q(e);
+    const e = await this.request(t), o = new P(e);
     return this.sync(o), o;
   }
   /**
@@ -768,12 +757,12 @@ class q {
     return this.state.get("textColor");
   }
 }
-function x(s) {
+function E(s) {
   return s < 0 ? 0 : s;
 }
-class V {
-  constructor(t, e, o, r, n = l) {
-    i(this, "ee", new f());
+class k {
+  constructor(t, e, o, r, n = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -783,11 +772,11 @@ class V {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = n, this.state = new b({
-      height: x(t),
+    this.postEvent = n, this.state = new f({
+      height: E(t),
       isExpanded: r,
-      stableHeight: x(o),
-      width: x(e)
+      stableHeight: E(o),
+      width: E(e)
     }, this.ee);
   }
   /**
@@ -801,12 +790,12 @@ class V {
     const { timeout: e = 1e3, ...o } = t, {
       is_expanded: r,
       is_state_stable: n,
-      ...c
-    } = await g("web_app_request_viewport", "viewport_changed", {
+      ...a
+    } = await _("web_app_request_viewport", "viewport_changed", {
       ...o,
       timeout: e
     });
-    return { ...c, isExpanded: r, isStateStable: n };
+    return { ...a, isExpanded: r, isStateStable: n };
   }
   /**
    * Synchronizes specified instance of Viewport with the actual value in the native
@@ -814,18 +803,18 @@ class V {
    * @param viewport - Viewport instance.
    */
   static sync(t) {
-    S("viewport_changed", (e) => {
+    x("viewport_changed", (e) => {
       const {
         height: o,
         width: r,
         is_expanded: n,
-        is_state_stable: c
-      } = e, a = x(o);
+        is_state_stable: a
+      } = e, c = E(o);
       t.state.set({
-        height: a,
+        height: c,
         isExpanded: n,
-        width: x(r),
-        stableHeight: c ? a : void 0
+        width: E(r),
+        stableHeight: a ? c : void 0
       });
     });
   }
@@ -835,7 +824,7 @@ class V {
    * @param options - method options.
    */
   static async synced(t = {}) {
-    const { height: e, isExpanded: o, width: r } = await this.request(t), n = new V(e, r, e, o, t.postEvent);
+    const { height: e, isExpanded: o, width: r } = await this.request(t), n = new k(e, r, e, o, t.postEvent);
     return this.sync(n), n;
   }
   /**
@@ -923,8 +912,8 @@ function T(s) {
   return t.href;
 }
 class Ot {
-  constructor(t, e, o, r, n, c = l) {
-    i(this, "ee", new f());
+  constructor(t, e, o, r, n, a = d) {
+    i(this, "ee", new w());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -942,10 +931,10 @@ class Ot {
      * Checks if specified method parameter is supported by current component.
      */
     i(this, "supportsParam");
-    this.currentVersion = o, this.currentPlatform = r, this.createRequestId = n, this.postEvent = c, this.state = new b({
+    this.currentVersion = o, this.currentPlatform = r, this.createRequestId = n, this.postEvent = a, this.state = new f({
       backgroundColor: e,
       headerColor: t
-    }, this.ee), this.supports = y(o, {
+    }, this.ee), this.supports = v(o, {
       openInvoice: "web_app_open_invoice",
       readTextFromClipboard: "web_app_read_text_from_clipboard",
       setHeaderColor: "web_app_set_header_color",
@@ -988,7 +977,7 @@ class Ot {
    * @param version - compared version.
    */
   isVersionAtLeast(t) {
-    return gt(t, this.version) >= 0;
+    return _t(t, this.version) >= 0;
   }
   /**
    * Opens a link in an external browser. The Web App will not be closed.
@@ -1039,9 +1028,9 @@ class Ot {
     if (r === null)
       throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/slug" or "/$slug"');
     const [, , n] = r;
-    return (await g("web_app_open_invoice", { slug: n }, "invoice_closed", {
+    return (await _("web_app_open_invoice", { slug: n }, "invoice_closed", {
       postEvent: this.postEvent,
-      capture: ({ slug: a }) => n === a
+      capture: ({ slug: c }) => n === c
     })).status;
   }
   /**
@@ -1070,7 +1059,7 @@ class Ot {
    * - Access to clipboard is not allowed
    */
   async readTextFromClipboard() {
-    const { data: t = null } = await g(
+    const { data: t = null } = await _(
       "web_app_read_text_from_clipboard",
       { req_id: this.createRequestId() },
       "clipboard_text_received",
@@ -1082,7 +1071,7 @@ class Ot {
    * Requests current user phone access.
    */
   async requestPhoneAccess() {
-    const { status: t } = await g("web_app_request_phone", "phone_requested", {
+    const { status: t } = await _("web_app_request_phone", "phone_requested", {
       postEvent: this.postEvent
     });
     return t;
@@ -1091,7 +1080,7 @@ class Ot {
    * Requests write message access to current user.
    */
   async requestWriteAccess() {
-    const { status: t } = await g("web_app_request_write_access", "write_access_requested", {
+    const { status: t } = await _("web_app_request_write_access", "write_access_requested", {
       postEvent: this.postEvent
     });
     return t;
@@ -1121,7 +1110,7 @@ class Ot {
    * @param color - color key or RGB color.
    */
   setHeaderColor(t) {
-    this.postEvent("web_app_set_header_color", ft(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
+    this.postEvent("web_app_set_header_color", bt(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
   }
   /**
    * Updates current application background color.
@@ -1142,187 +1131,178 @@ class Ot {
     return this.currentVersion;
   }
 }
-function G(s) {
-  return `telegram-web-apps-${s}`;
-}
-function v(s, t) {
-  sessionStorage.setItem(G(s), JSON.stringify(t));
-}
-function k(s) {
-  const t = sessionStorage.getItem(G(s));
-  return t ? JSON.parse(t) : null;
-}
-const Bt = ct({
-  version: { type: P(), from: "tgWebAppVersion" },
-  initData: { type: ht.optional(), from: "tgWebAppData" },
-  initDataRaw: { type: P().optional(), from: "tgWebAppData" },
-  platform: { type: P(), from: "tgWebAppPlatform" },
-  themeParams: { type: $, from: "tgWebAppThemeParams" }
-});
-function R(s) {
-  return Bt.parse(s);
+class $ extends Error {
+  constructor(t, e) {
+    super(`Method "${t}" is not supported in the Web Apps version ${e}.`), Object.setPrototypeOf(this, $.prototype);
+  }
 }
-function Q() {
-  const s = [];
-  try {
-    const t = window.location.hash.slice(1), e = R(t);
-    return v("launch-params", t), e;
-  } catch (t) {
-    s.push(t instanceof Error ? t.message : "unknown error");
+class H extends Error {
+  constructor(t, e, o) {
+    super(`Parameter "${e}" in method "${t}" is not supported in the Web Apps version ${o}.`), Object.setPrototypeOf(this, H.prototype);
   }
-  try {
-    const t = k("launch-params");
-    if (t)
-      return R(t);
-    s.push("Launch params are missing in local storage");
-  } catch (t) {
-    s.push(t instanceof Error ? t.message : "unknown error");
-  }
-  throw new Error(`Unable to extract launch params. Errors: "${s.join('", "')}"`);
 }
-function Z(s, t) {
+function G(s, t) {
   document.documentElement.style.setProperty(s, t);
 }
-function d(s, t) {
-  t !== null && Z(s, t);
+function b(s, t) {
+  t !== null && G(s, t);
 }
-function K(s, t) {
-  Z(s, `${t}px`);
+function W(s, t) {
+  G(s, `${t}px`);
 }
-function At(s) {
+function Bt(s) {
   const {
     backgroundColor: t,
     buttonTextColor: e,
     secondaryBackgroundColor: o,
     hintColor: r,
     buttonColor: n,
-    linkColor: c,
-    textColor: a
+    linkColor: a,
+    textColor: c
   } = s;
-  d("--tg-theme-bg-color", t), d("--tg-theme-button-color", n), d("--tg-theme-button-text-color", e), d("--tg-theme-hint-color", r), d("--tg-theme-link-color", c), d("--tg-theme-secondary-bg-color", o), d("--tg-theme-text-color", a);
+  b("--tg-theme-bg-color", t), b("--tg-theme-button-color", n), b("--tg-theme-button-text-color", e), b("--tg-theme-hint-color", r), b("--tg-theme-link-color", a), b("--tg-theme-secondary-bg-color", o), b("--tg-theme-text-color", c);
 }
 function Tt(s, t) {
   const { backgroundColor: e, secondaryBackgroundColor: o } = t, { backgroundColor: r, headerColor: n } = s;
-  d("--tg-bg-color", r), d("--tg-header-color", n === "bg_color" ? e : o);
+  b("--tg-bg-color", r), b("--tg-header-color", n === "bg_color" ? e : o);
 }
 function $t(s) {
-  const t = () => At(s);
+  const t = () => Bt(s);
   s.on("changed", t), t();
 }
-function Rt(s, t) {
+function Ht(s, t) {
   const e = () => Tt(s, t);
   t.on("changed", e), s.on("backgroundColorChanged", e), s.on("headerColorChanged", e), e();
 }
-function Ht(s) {
+function It(s) {
   const t = () => {
-    K("--tg-viewport-height", s.height);
+    W("--tg-viewport-height", s.height);
   }, e = () => {
-    K("--tg-viewport-stable-height", s.stableHeight);
+    W("--tg-viewport-stable-height", s.stableHeight);
   };
   s.on("heightChanged", t), s.on("stableHeightChanged", e), t(), e();
 }
-function It(s) {
+function Rt(s) {
   return typeof s == "boolean" ? s ? { themeParams: !0, viewport: !0, webApp: !0 } : {} : s;
 }
-function Dt(s, t) {
-  const { isVisible: e = !1 } = k("back-button") || {}, o = new wt(e, s, t);
-  return o.on("isVisibleChanged", () => {
-    v("back-button", { isVisible: o.isVisible });
-  }), o;
+function Q(s) {
+  return `telegram-mini-apps-${s}`;
 }
-function Wt(s) {
-  const { isConfirmationNeeded: t = !1 } = k("closing-behavior") || {}, e = new Ct(t, s);
-  return e.on("isConfirmationNeededChanged", () => v("closing-behavior", {
-    isConfirmationNeeded: e.isConfirmationNeeded
-  })), e;
+function V(s, t) {
+  sessionStorage.setItem(Q(s), JSON.stringify(t));
 }
-function Lt(s, t, e) {
+function S(s) {
+  const t = sessionStorage.getItem(Q(s));
+  return t ? JSON.parse(t) : null;
+}
+function At(s, t, e) {
+  const { isVisible: o = !1 } = s ? S("back-button") || {} : {}, r = new Ct(o, t, e);
+  return r.on("isVisibleChanged", () => {
+    V("back-button", { isVisible: r.isVisible });
+  }), r;
+}
+function Dt(s, t) {
+  const { isConfirmationNeeded: e = !1 } = s ? S("closing-behavior") || {} : {}, o = new vt(e, t);
+  return o.on("isConfirmationNeededChanged", () => V("closing-behavior", {
+    isConfirmationNeeded: o.isConfirmationNeeded
+  })), o;
+}
+function Lt(s, t, e, o) {
   const {
-    backgroundColor: o = s,
-    isEnabled: r = !1,
-    isVisible: n = !1,
+    backgroundColor: r = t,
+    isEnabled: n = !1,
+    isVisible: a = !1,
     isProgressVisible: c = !1,
-    textColor: a = t,
+    textColor: h = e,
     text: p = ""
-  } = k("main-button") || {}, h = new xt(
-    o,
+  } = s ? S("main-button") || {} : {}, u = new Vt(
     r,
     n,
+    a,
     c,
     p,
-    a,
-    e
-  ), _ = () => v("main-button", {
-    backgroundColor: h.backgroundColor,
-    isEnabled: h.isEnabled,
-    isVisible: h.isVisible,
-    isProgressVisible: h.isProgressVisible,
-    text: h.text,
-    textColor: h.textColor
+    h,
+    o
+  ), g = () => V("main-button", {
+    backgroundColor: u.backgroundColor,
+    isEnabled: u.isEnabled,
+    isVisible: u.isVisible,
+    isProgressVisible: u.isProgressVisible,
+    text: u.text,
+    textColor: u.textColor
   });
-  return h.on("backgroundColorChanged", _), h.on("isEnabledChanged", _), h.on("isVisibleChanged", _), h.on("isProgressVisibleChanged", _), h.on("textColorChanged", _), h.on("textChanged", _), h;
-}
-class H extends Error {
-  constructor(t, e) {
-    super(`Method "${t}" is not supported in the Web Apps version ${e}.`), Object.setPrototypeOf(this, H.prototype);
-  }
-}
-class I extends Error {
-  constructor(t, e, o) {
-    super(`Parameter "${e}" in method "${t}" is not supported in the Web Apps version ${o}.`), Object.setPrototypeOf(this, I.prototype);
-  }
+  return u.on("backgroundColorChanged", g), u.on("isEnabledChanged", g), u.on("isVisibleChanged", g), u.on("isProgressVisibleChanged", g), u.on("textColorChanged", g), u.on("textChanged", g), u;
 }
 function Nt(s, t) {
   return s ? (e, o) => {
     if (!C(e, t))
-      throw new H(e, t);
-    return bt(o) && pt(e, o).forEach((r) => {
+      throw new $(e, t);
+    return ft(o) && ht(e, o).forEach((r) => {
       if (!C(e, r, t))
-        throw new I(e, r, t);
-    }), l(e, o);
-  } : l;
+        throw new H(e, r, t);
+    }), d(e, o);
+  } : d;
 }
 function zt() {
   let s = 0;
   return () => (s += 1, s.toString());
 }
 function Mt(s) {
-  const t = new q(s);
-  return q.sync(t), t;
+  const t = new P(s);
+  return P.sync(t), t;
 }
-async function Ut(s, t) {
+async function Wt(s, t, e) {
   const {
-    height: e = window.innerHeight,
-    stableHeight: o = window.innerHeight,
-    width: r = window.innerWidth,
-    isExpanded: n = !1
-  } = k("viewport") || {}, a = s === "macos" || s === "web" ? (() => {
-    const h = new V(e, r, o, n, t);
-    return V.sync(h), h;
-  })() : await V.synced({ postEvent: t }), p = () => v("viewport", {
-    height: a.height,
-    isExpanded: a.isExpanded,
-    stableHeight: a.stableHeight,
-    width: a.width
+    height: o = window.innerHeight,
+    stableHeight: r = window.innerHeight,
+    width: n = window.innerWidth,
+    isExpanded: a = !1
+  } = s ? S("viewport") || {} : {}, h = t === "macos" || t === "web" ? (() => {
+    const u = new k(o, n, r, a, e);
+    return k.sync(u), u;
+  })() : await k.synced({ postEvent: e }), p = () => V("viewport", {
+    height: h.height,
+    isExpanded: h.isExpanded,
+    stableHeight: h.stableHeight,
+    width: h.width
   });
-  return a.on("heightChanged", p), a.on("isExpandedChanged", p), a.on("stableHeightChanged", p), a.on("widthChanged", p), a;
+  return h.on("heightChanged", p), h.on("isExpandedChanged", p), h.on("stableHeightChanged", p), h.on("widthChanged", p), h;
 }
-function Kt(s, t, e, o, r) {
+function Ut(s, t, e, o, r, n) {
   const {
-    backgroundColor: n = s,
+    backgroundColor: a = t,
     headerColor: c = "bg_color"
-  } = k("web-app") || {}, a = new Ot(
+  } = s ? S("web-app") || {} : {}, h = new Ot(
     c,
-    n,
-    t,
+    a,
     e,
     o,
-    r
-  ), p = () => v("web-app", {
-    backgroundColor: a.backgroundColor,
-    headerColor: a.headerColor
+    r,
+    n
+  ), p = () => V("web-app", {
+    backgroundColor: h.backgroundColor,
+    headerColor: h.headerColor
   });
-  return a.on("backgroundColorChanged", p), a.on("headerColorChanged", p), a;
+  return h.on("backgroundColorChanged", p), h.on("headerColorChanged", p), h;
+}
+function Z() {
+  let s;
+  try {
+    return U(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 = {}) {
   const {
@@ -1331,82 +1311,88 @@ async function jt(s = {}) {
     acceptScrollbarStyle: o = !0,
     acceptCustomStyles: r = o,
     targetOrigin: n,
-    debug: c = !1,
-    launchParams: a
+    debug: a = !1,
+    launchParams: c = Z()
   } = s;
-  c && ut(c), typeof n == "string" && lt(n);
-  let p;
-  a ? p = a instanceof URLSearchParams || typeof a == "string" ? R(a) : a : p = Q();
-  const {
-    initData: h,
-    initDataRaw: _,
+  a && ut(a), typeof n == "string" && pt(n);
+  const h = F(), p = c instanceof URLSearchParams || typeof c == "string" ? U(c) : c;
+  ct(p);
+  const u = Ft() || Kt(h, p), {
+    initData: g,
+    initDataRaw: X,
     version: m,
-    platform: D,
-    themeParams: W
+    platform: I,
+    themeParams: R
   } = p, {
-    backgroundColor: X = "#ffffff",
-    buttonColor: Y = "#000000",
-    buttonTextColor: tt = "#ffffff"
-  } = W, L = zt(), u = Nt(t, m), O = Mt(W), N = Kt(X, m, D, L, u), {
-    themeParams: et,
-    viewport: st,
-    webApp: ot
-  } = It(e);
-  ot && Rt(N, O), et && $t(O);
-  const z = await Ut(D, u);
-  if (st && Ht(z), r && dt()) {
-    const E = document.createElement("style");
-    E.id = "telegram-custom-styles", document.head.appendChild(E), S("set_custom_style", (A) => {
-      E.innerHTML = A;
-    }), u("iframe_ready");
-  }
-  const B = {
-    backButton: Dt(m, u),
-    closingBehavior: Wt(u),
-    cloudStorage: new vt(m, L, u),
-    haptic: new kt(m, u),
-    mainButton: Lt(Y, tt, u),
-    popup: new Vt(m, u),
-    postEvent: u,
-    qrScanner: new St(m, u),
-    themeParams: O,
-    viewport: z,
-    webApp: N
+    backgroundColor: Y = "#ffffff",
+    buttonColor: tt = "#000000",
+    buttonTextColor: et = "#ffffff"
+  } = R, A = zt(), l = Nt(t, m), q = Mt(R), D = Ut(
+    u,
+    Y,
+    m,
+    I,
+    A,
+    l
+  ), {
+    themeParams: st,
+    viewport: ot,
+    webApp: rt
+  } = Rt(e);
+  rt && Ht(D, q), st && $t(q);
+  const L = await Wt(u, I, l);
+  if (ot && It(L), r && lt()) {
+    const y = document.createElement("style");
+    y.id = "telegram-custom-styles", document.head.appendChild(y), x("set_custom_style", (B) => {
+      y.innerHTML = B;
+    }), l("iframe_ready");
+  }
+  const O = {
+    backButton: At(u, m, l),
+    closingBehavior: Dt(u, l),
+    cloudStorage: new Et(m, A, l),
+    haptic: new kt(m, l),
+    mainButton: Lt(u, tt, et, l),
+    popup: new Pt(m, l),
+    postEvent: l,
+    qrScanner: new qt(m, l),
+    themeParams: q,
+    viewport: L,
+    webApp: D
   };
-  if (h !== void 0) {
-    const { authDate: E, hash: A, ...rt } = h;
-    B.initData = new Et(E, A, rt), B.initDataRaw = _;
+  if (g !== void 0) {
+    const { authDate: y, hash: B, ...nt } = g;
+    O.initData = new xt(y, B, nt), O.initDataRaw = X;
   }
-  return B;
+  return O;
 }
-function te(s = {}) {
-  return _t(jt(s), s.timeout || 1e3);
+function se(s = {}) {
+  return wt(jt(s), s.timeout || 1e3);
 }
-function ee() {
+function oe() {
   try {
-    return Q(), !0;
+    return Z(), !0;
   } catch {
     return !1;
   }
 }
 export {
-  wt as BackButton,
-  Ct as ClosingBehaviour,
-  vt as CloudStorage,
+  Ct as BackButton,
+  vt as ClosingBehaviour,
+  Et as CloudStorage,
   kt as HapticFeedback,
-  Et as InitData,
-  xt as MainButton,
-  H as MethodNotSupportedError,
-  Vt as Popup,
-  St as QRScanner,
-  q as ThemeParams,
-  V as Viewport,
+  xt as InitData,
+  Vt as MainButton,
+  $ as MethodNotSupportedError,
+  H as ParameterUnsupportedError,
+  Pt as Popup,
+  qt as QRScanner,
+  P as ThemeParams,
+  k as Viewport,
   Ot as WebApp,
   T as formatURL,
-  te as init,
-  ee as isTWA,
-  R as parseLaunchParams,
-  $ as parseThemeParams,
-  Q as retrieveLaunchParams
+  se as init,
+  oe as isTWA,
+  Z as retrieveLaunchParams
 };
 //# sourceMappingURL=index.js.map