@tma.js/sdk 0.13.1 → 0.13.3

package/dist/index.mjs

@@ -1,23 +1,23 @@
-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 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";
+var st = Object.defineProperty;
+var rt = (s, t, e) => t in s ? st(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (rt(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { retrieveLaunchData as N, parse as ot } from "@tma.js/launch-params";
+import { EventEmitter as f } from "@tma.js/event-emitter";
+import { supports as S, postEvent as g, on as E, off as z, request as _, setDebug as nt, setTargetOrigin as it, createPostEvent as at, isIframe as ct } from "@tma.js/bridge";
+import { array as ht, string as W, json as ut } 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);
+import { isColorDark as U, isRGB as pt } from "@tma.js/colors";
+import { compareVersions as lt, withTimeout as dt } from "@tma.js/utils";
+function m(s, t) {
+  return (e) => S(t[e], s);
 }
-function bt(s, t) {
+function gt(s, t) {
   return (e) => {
-    const [o, n] = t[e];
-    return P(o, n, s);
+    const [r, o] = t[e];
+    return S(r, o, s);
   };
 }
-class m {
+class b {
   constructor(t, e) {
     this.state = t, this.ee = e;
   }
@@ -25,24 +25,27 @@ class m {
     this.ee && this.ee.emit(t, e);
   }
   internalSet(t, e) {
-    return this.state[t] === e ? !1 : (this.state[t] = e, this.emit(`${t}Changed`, e), !0);
+    return this.state[t] === e ? !1 : (this.state[t] = e, this.emit(`${String(t)}Changed`, e), !0);
   }
   set(t, e) {
-    let o = !1;
+    let r = !1;
     if (typeof t == "string")
-      o = this.internalSet(t, e);
+      r = this.internalSet(t, e);
     else
-      for (const n in t)
-        this.internalSet(n, t[n]) && (o = !0);
-    o && this.emit("changed");
+      for (const o in t)
+        this.internalSet(o, t[o]) && (r = !0);
+    r && this.emit("changed");
   }
   get(t) {
     return this.state[t];
   }
+  getState() {
+    return { ...this.state };
+  }
 }
 class _t {
-  constructor(t, e, o = g) {
-    i(this, "ee", new w());
+  constructor(t, e, r = g) {
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds event listener.
@@ -57,14 +60,14 @@ class _t {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return W("back_button_pressed", e);
+        return z("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 m({ isVisible: t }, this.ee), this.supports = C(e, {
+    this.postEvent = r, this.state = new b({ isVisible: t }, this.ee), this.supports = m(e, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
     });
@@ -91,9 +94,9 @@ class _t {
     this.isVisible = !0;
   }
 }
-class ft {
+class bt {
   constructor(t, e = g) {
-    i(this, "ee", new w());
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -103,7 +106,7 @@ class ft {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = e, this.state = new m({ isConfirmationNeeded: t }, this.ee);
+    this.postEvent = e, this.state = new b({ isConfirmationNeeded: t }, this.ee);
   }
   set isConfirmationNeeded(t) {
     this.state.set("isConfirmationNeeded", t), this.postEvent("web_app_setup_closing_behavior", { need_confirmation: t });
@@ -130,17 +133,17 @@ class ft {
     this.isConfirmationNeeded = !0;
   }
 }
-const mt = ut().of(U());
+const ft = ht().of(W());
 function L(s, t) {
-  return s.reduce((e, o) => (e[o] = t, e), {});
+  return s.reduce((e, r) => (e[r] = t, e), {});
 }
 class wt {
-  constructor(t, e, o = g) {
+  constructor(t, e, r = g) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.createRequestId = e, this.postEvent = o, this.supports = C(t, {
+    this.createRequestId = e, this.postEvent = r, this.supports = m(t, {
       deleteKeys: "web_app_invoke_custom_method",
       getKeys: "web_app_invoke_custom_method",
       getValues: "web_app_invoke_custom_method",
@@ -153,16 +156,16 @@ class wt {
    * @param params - method parameters.
    * @param options - execution options.
    */
-  async invokeCustomMethod(t, e, o = {}) {
-    const { result: n, error: r } = await f(
+  async invokeCustomMethod(t, e, r = {}) {
+    const { result: o, error: n } = await _(
       "web_app_invoke_custom_method",
       { method: t, params: e, req_id: this.createRequestId() },
       "custom_method_invoked",
-      { ...o, postEvent: this.postEvent }
+      { ...r, postEvent: this.postEvent }
     );
-    if (r)
-      throw new Error(typeof r == "string" ? r : `Unknown error: ${JSON.stringify(r)}`);
-    return n;
+    if (n)
+      throw new Error(typeof n == "string" ? n : `Unknown error: ${JSON.stringify(n)}`);
+    return o;
   }
   /**
    * Deletes specified keys from the CloudStorage.
@@ -178,7 +181,7 @@ class wt {
    */
   async getKeys(t) {
     const e = await this.invokeCustomMethod("getStorageKeys", {}, t);
-    return mt.parse(e);
+    return ft.parse(e);
   }
   /**
    * Returns map, where key is one of the specified in keys argument, and value is according
@@ -189,11 +192,11 @@ class wt {
   async getValues(t, e) {
     if (t.length === 0)
       return L(t, "");
-    const o = lt(
-      L(t, U())
+    const r = ut(
+      L(t, W())
       // fixme
-    ), n = await this.invokeCustomMethod("getStorageValues", { keys: t }, e);
-    return o.parse(n);
+    ), o = await this.invokeCustomMethod("getStorageValues", { keys: t }, e);
+    return r.parse(o);
   }
   /**
    * Saves specified value by key.
@@ -201,17 +204,17 @@ class wt {
    * @param value - storage value.
    * @param options - request execution options.
    */
-  async saveValue(t, e, o) {
-    await this.invokeCustomMethod("saveStorageValue", { key: t, value: e }, o);
+  async saveValue(t, e, r) {
+    await this.invokeCustomMethod("saveStorageValue", { key: t, value: e }, r);
   }
 }
-class Ct {
+class mt {
   constructor(t, e = g) {
     /**
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.supports = C(t, {
+    this.postEvent = e, this.supports = m(t, {
       impactOccurred: "web_app_trigger_haptic_feedback",
       notificationOccurred: "web_app_trigger_haptic_feedback",
       selectionChanged: "web_app_trigger_haptic_feedback"
@@ -248,29 +251,29 @@ class Ct {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-class vt {
-  constructor(t, e, o = {}) {
+class Ct {
+  constructor(t, e, r = {}) {
     i(this, "state");
     const {
-      chat: n = null,
-      canSendAfter: r = null,
+      chat: o = null,
+      canSendAfter: n = null,
       chatType: a = null,
-      chatInstance: h = null,
+      chatInstance: u = null,
       user: c = null,
-      queryId: l = null,
-      receiver: u = null,
-      startParam: p = null
-    } = o;
-    this.state = new m({
+      queryId: p = null,
+      receiver: h = null,
+      startParam: d = null
+    } = r;
+    this.state = new b({
       authDate: t,
-      canSendAfter: r === null ? null : new Date(t.getTime() + r * 1e3),
-      chat: n,
+      canSendAfter: n === null ? null : new Date(t.getTime() + n * 1e3),
+      chat: o,
       chatType: a,
-      chatInstance: h,
+      chatInstance: u,
       user: c,
-      queryId: l,
-      receiver: u,
-      startParam: p,
+      queryId: p,
+      receiver: h,
+      startParam: d,
       hash: e
     });
   }
@@ -347,9 +350,9 @@ class vt {
     return this.state.get("user");
   }
 }
-class yt {
-  constructor(t, e, o, n, r, a, h = g) {
-    i(this, "ee", new w());
+class vt {
+  constructor(t, e, r, o, n, a, u = g) {
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -367,15 +370,15 @@ class yt {
      */
     i(this, "off", (t, e) => {
       if (t === "click")
-        return W("main_button_pressed", e);
+        return z("main_button_pressed", e);
       this.ee.off(t, e);
     });
-    this.postEvent = h, this.state = new m({
+    this.postEvent = u, this.state = new b({
       backgroundColor: t,
       isEnabled: e,
-      isVisible: o,
-      isProgressVisible: n,
-      text: r,
+      isVisible: r,
+      isProgressVisible: o,
+      text: n,
       textColor: a
     }, this.ee);
   }
@@ -512,33 +515,33 @@ class yt {
     return this.state.set("backgroundColor", t), this.commit(), this;
   }
 }
-function kt(s) {
-  const t = s.message.trim(), e = (s.title || "").trim(), o = s.buttons || [];
-  let n;
+function yt(s) {
+  const t = s.message.trim(), e = (s.title || "").trim(), r = s.buttons || [];
+  let o;
   if (e.length > 64)
     throw new Error(`Title has incorrect size: ${e.length}`);
   if (t.length === 0 || t.length > 256)
     throw new Error(`Message has incorrect size: ${t.length}`);
-  if (o.length > 3)
-    throw new Error(`Buttons have incorrect size: ${o.length}`);
-  return o.length === 0 ? n = [{ type: "close", id: "" }] : n = o.map((r) => {
-    const { id: a = "" } = r;
+  if (r.length > 3)
+    throw new Error(`Buttons have incorrect size: ${r.length}`);
+  return r.length === 0 ? o = [{ type: "close", id: "" }] : o = r.map((n) => {
+    const { id: a = "" } = n;
     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 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}`);
+    if (n.type === void 0 || n.type === "default" || n.type === "destructive") {
+      const u = n.text.trim();
+      if (u.length === 0 || u.length > 64) {
+        const c = n.type || "default";
+        throw new Error(`Button text with type "${c}" has incorrect size: ${n.text.length}`);
       }
-      return { ...r, text: h, id: a };
+      return { ...n, text: u, id: a };
     }
-    return { ...r, id: a };
-  }), { title: e, message: t, buttons: n };
+    return { ...n, id: a };
+  }), { title: e, message: t, buttons: o };
 }
 class Et {
   constructor(t, e = g) {
-    i(this, "ee", new w());
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -552,7 +555,7 @@ class Et {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(t, { open: "web_app_open_popup" });
+    this.postEvent = e, this.state = new b({ isOpened: !1 }, this.ee), this.supports = m(t, { open: "web_app_open_popup" });
   }
   /**
    * Shows whether popup is currently opened.
@@ -578,9 +581,9 @@ class Et {
       throw new Error("Popup is already opened.");
     this.state.set("isOpened", !0);
     try {
-      const { button_id: e = null } = await f(
+      const { button_id: e = null } = await _(
         "web_app_open_popup",
-        kt(t),
+        yt(t),
         "popup_closed",
         { postEvent: this.postEvent }
       );
@@ -590,9 +593,9 @@ class Et {
     }
   }
 }
-class xt {
+class kt {
   constructor(t, e = g) {
-    i(this, "ee", new w());
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -606,7 +609,7 @@ class xt {
      * Checks if specified method is supported by current component.
      */
     i(this, "supports");
-    this.postEvent = e, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(t, {
+    this.postEvent = e, this.state = new b({ isOpened: !1 }, this.ee), this.supports = m(t, {
       close: "web_app_close_scan_qr_popup",
       open: "web_app_open_scan_qr_popup"
     });
@@ -637,7 +640,7 @@ class xt {
       throw new Error("QR scanner is already opened.");
     this.isOpened = !0;
     try {
-      const e = await f(
+      const e = await _(
         "web_app_open_scan_qr_popup",
         { text: t },
         ["qr_text_received", "scan_qr_popup_closed"],
@@ -649,41 +652,9 @@ class xt {
     }
   }
 }
-function M(s) {
-  const {
-    accentTextColor: t = null,
-    backgroundColor: e = null,
-    buttonColor: o = 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 {
-    accentTextColor: t,
-    backgroundColor: e,
-    buttonColor: o,
-    buttonTextColor: n,
-    destructiveTextColor: r,
-    headerBackgroundColor: a,
-    hintColor: h,
-    linkColor: c,
-    secondaryBackgroundColor: l,
-    sectionBackgroundColor: u,
-    sectionHeaderTextColor: p,
-    subtitleTextColor: b,
-    textColor: S
-  };
-}
-class q {
+class V {
   constructor(t) {
-    i(this, "ee", new w());
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -693,7 +664,7 @@ class q {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.state = new m(M(t), this.ee);
+    this.state = new b(t, this.ee);
   }
   /**
    * Requests fresh information about current theme.
@@ -702,11 +673,11 @@ class q {
    * @param options - method options.
    */
   static async request(t = {}) {
-    const { timeout: e = 1e3, ...o } = t, n = await f("web_app_request_theme", "theme_changed", {
-      ...o,
+    const { timeout: e = 1e3, ...r } = t, o = await _("web_app_request_theme", "theme_changed", {
+      ...r,
       timeout: e
     });
-    return D(n.theme_params);
+    return D(o.theme_params);
   }
   /**
    * Synchronizes specified instance of ThemeParams with the actual value in the native
@@ -715,7 +686,7 @@ class q {
    */
   static sync(t) {
     E("theme_changed", (e) => {
-      t.state.set(M(D(e.theme_params)));
+      t.state.set(D(e.theme_params));
     });
   }
   /**
@@ -724,65 +695,93 @@ class q {
    * @param options - method options.
    */
   static async synced(t) {
-    const e = await this.request(t), o = new q(e);
-    return this.sync(o), o;
+    const e = await this.request(t), r = new V(e);
+    return this.sync(r), r;
+  }
+  get accentTextColor() {
+    return this.get("accentTextColor");
   }
   /**
    * Returns background color.
    */
   get backgroundColor() {
-    return this.state.get("backgroundColor");
+    return this.get("backgroundColor");
   }
   /**
    * Returns button color.
    */
   get buttonColor() {
-    return this.state.get("buttonColor");
+    return this.get("buttonColor");
   }
   /**
    * Returns button text color.
    */
   get buttonTextColor() {
-    return this.state.get("buttonTextColor");
+    return this.get("buttonTextColor");
+  }
+  get destructiveTextColor() {
+    return this.get("destructiveTextColor");
+  }
+  /**
+   * Retrieves palette color value by its name.
+   * @param key - palette key name.
+   */
+  get(t) {
+    return this.state.get(t) || null;
+  }
+  getState() {
+    return this.state.getState();
+  }
+  get headerBackgroundColor() {
+    return this.get("headerBackgroundColor");
   }
   /**
    * Returns hint color.
    */
   get hintColor() {
-    return this.state.get("hintColor");
+    return this.get("hintColor");
   }
   /**
    * Returns true in case, current color scheme is recognized as dark. This
    * value is calculated according to theme background color.
    */
   get isDark() {
-    return this.backgroundColor === null || K(this.backgroundColor);
+    return this.backgroundColor === null || U(this.backgroundColor);
   }
   /**
    * Returns current link color.
    */
   get linkColor() {
-    return this.state.get("linkColor");
+    return this.get("linkColor");
   }
   /**
    * Returns secondary background color.
    */
   get secondaryBackgroundColor() {
-    return this.state.get("secondaryBackgroundColor");
+    return this.get("secondaryBackgroundColor");
+  }
+  get sectionBackgroundColor() {
+    return this.get("sectionBackgroundColor");
+  }
+  get sectionHeaderTextColor() {
+    return this.get("sectionHeaderTextColor");
+  }
+  get subtitleTextColor() {
+    return this.get("subtitleTextColor");
   }
   /**
    * Returns text color.
    */
   get textColor() {
-    return this.state.get("textColor");
+    return this.get("textColor");
   }
 }
-function y(s) {
+function v(s) {
   return s < 0 ? 0 : s;
 }
-class k {
-  constructor(t, e, o, n, r = g) {
-    i(this, "ee", new w());
+class y {
+  constructor(t, e, r, o, n = g) {
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -792,11 +791,11 @@ class k {
      * Removes event listener.
      */
     i(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = r, this.state = new m({
-      height: y(t),
-      isExpanded: n,
-      stableHeight: y(o),
-      width: y(e)
+    this.postEvent = n, this.state = new b({
+      height: v(t),
+      isExpanded: o,
+      stableHeight: v(r),
+      width: v(e)
     }, this.ee);
   }
   /**
@@ -807,15 +806,15 @@ class k {
    * @param options - method options.
    */
   static async request(t = {}) {
-    const { timeout: e = 1e3, ...o } = t, {
-      is_expanded: n,
-      is_state_stable: r,
+    const { timeout: e = 1e3, ...r } = t, {
+      is_expanded: o,
+      is_state_stable: n,
       ...a
-    } = await f("web_app_request_viewport", "viewport_changed", {
-      ...o,
+    } = await _("web_app_request_viewport", "viewport_changed", {
+      ...r,
       timeout: e
     });
-    return { ...a, isExpanded: n, isStateStable: r };
+    return { ...a, isExpanded: o, isStateStable: n };
   }
   /**
    * Synchronizes specified instance of Viewport with the actual value in the native
@@ -825,16 +824,16 @@ class k {
   static sync(t) {
     E("viewport_changed", (e) => {
       const {
-        height: o,
-        width: n,
-        is_expanded: r,
+        height: r,
+        width: o,
+        is_expanded: n,
         is_state_stable: a
-      } = e, h = y(o);
+      } = e, u = v(r);
       t.state.set({
-        height: h,
-        isExpanded: r,
-        width: y(n),
-        stableHeight: a ? h : void 0
+        height: u,
+        isExpanded: n,
+        width: v(o),
+        stableHeight: a ? u : void 0
       });
     });
   }
@@ -844,8 +843,8 @@ class k {
    * @param options - method options.
    */
   static async synced(t = {}) {
-    const { height: e, isExpanded: o, width: n } = await this.request(t), r = new k(e, n, e, o, t.postEvent);
-    return this.sync(r), r;
+    const { height: e, isExpanded: r, width: o } = await this.request(t), n = new y(e, o, e, r, t.postEvent);
+    return this.sync(n), n;
   }
   /**
    * The current height of the visible area of the Mini App.
@@ -923,7 +922,7 @@ class k {
     return this.stableHeight === this.height;
   }
 }
-function I(s) {
+function T(s) {
   const t = document.createElement("a");
   if (t.href = s, t.protocol !== "http:" && t.protocol !== "https:")
     throw Error(
@@ -931,9 +930,9 @@ function I(s) {
     );
   return t.href;
 }
-class Vt {
-  constructor(t, e, o, n, r, a = g) {
-    i(this, "ee", new w());
+class xt {
+  constructor(t, e, r, o, n, a = g) {
+    i(this, "ee", new f());
     i(this, "state");
     /**
      * Adds new event listener.
@@ -951,17 +950,17 @@ class Vt {
      * 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 m({
+    this.currentVersion = r, this.currentPlatform = o, this.createRequestId = n, this.postEvent = a, this.state = new b({
       backgroundColor: e,
       headerColor: t
-    }, this.ee), this.supports = C(o, {
+    }, this.ee), this.supports = m(r, {
       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 = bt(o, {
+    }), this.supportsParam = gt(r, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"],
       "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
@@ -977,7 +976,7 @@ class Vt {
    * computed based on the current background color.
    */
   get colorScheme() {
-    return K(this.backgroundColor) ? "dark" : "light";
+    return U(this.backgroundColor) ? "dark" : "light";
   }
   /**
    * Closes the Mini App.
@@ -997,7 +996,7 @@ class Vt {
    * @param version - compared version.
    */
   isVersionAtLeast(t) {
-    return dt(t, this.version) >= 0;
+    return lt(t, this.version) >= 0;
   }
   /**
    * Opens a link in an external browser. The Mini App will not be closed.
@@ -1009,13 +1008,13 @@ class Vt {
    * @param tryInstantView
    */
   openLink(t, e) {
-    const o = I(t);
-    if (!P("web_app_open_link", this.version)) {
-      window.open(o, "_blank");
+    const r = T(t);
+    if (!S("web_app_open_link", this.version)) {
+      window.open(r, "_blank");
       return;
     }
     return this.postEvent("web_app_open_link", {
-      url: o,
+      url: r,
       ...typeof e == "boolean" ? { try_instant_view: e } : {}
     });
   }
@@ -1026,14 +1025,14 @@ class Vt {
    * @throws {Error} URL has not allowed hostname.
    */
   openTelegramLink(t) {
-    const { hostname: e, pathname: o, search: n } = new URL(I(t));
+    const { hostname: e, pathname: r, search: o } = new URL(T(t));
     if (e !== "t.me")
       throw new Error(`URL has not allowed hostname: ${e}. Only "t.me" is allowed`);
-    if (!P("web_app_open_tg_link", this.version)) {
+    if (!S("web_app_open_tg_link", this.version)) {
       window.location.href = t;
       return;
     }
-    return this.postEvent("web_app_open_tg_link", { path_full: o + n });
+    return this.postEvent("web_app_open_tg_link", { path_full: r + o });
   }
   /**
    * Opens an invoice using its url. It expects passing link in full format,
@@ -1041,16 +1040,16 @@ class Vt {
    * @param url - invoice URL.
    */
   async openInvoice(t) {
-    const { hostname: e, pathname: o } = new URL(I(t));
+    const { hostname: e, pathname: r } = new URL(T(t));
     if (e !== "t.me")
       throw new Error(`Incorrect hostname: ${e}`);
-    const n = o.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
-    if (n === null)
+    const o = r.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
+    if (o === null)
       throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/slug" or "/$slug"');
-    const [, , r] = n;
-    return (await f("web_app_open_invoice", { slug: r }, "invoice_closed", {
+    const [, , n] = o;
+    return (await _("web_app_open_invoice", { slug: n }, "invoice_closed", {
       postEvent: this.postEvent,
-      capture: ({ slug: h }) => r === h
+      capture: ({ slug: u }) => n === u
     })).status;
   }
   /**
@@ -1079,7 +1078,7 @@ class Vt {
    * - Access to clipboard is not allowed
    */
   async readTextFromClipboard() {
-    const { data: t = null } = await f(
+    const { data: t = null } = await _(
       "web_app_read_text_from_clipboard",
       { req_id: this.createRequestId() },
       "clipboard_text_received",
@@ -1091,7 +1090,7 @@ class Vt {
    * Requests current user phone access.
    */
   async requestPhoneAccess() {
-    const { status: t } = await f("web_app_request_phone", "phone_requested", {
+    const { status: t } = await _("web_app_request_phone", "phone_requested", {
       postEvent: this.postEvent
     });
     return t;
@@ -1100,7 +1099,7 @@ class Vt {
    * Requests write message access to current user.
    */
   async requestWriteAccess() {
-    const { status: t } = await f("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;
@@ -1151,242 +1150,236 @@ class Vt {
     return this.currentVersion;
   }
 }
-class F extends Error {
+class K extends Error {
   constructor(t, e) {
-    super(`Method "${t}" is not supported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, F.prototype);
+    super(`Method "${t}" is not supported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, K.prototype);
   }
 }
 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, j.prototype);
+  constructor(t, e, r) {
+    super(`Parameter "${e}" in method "${t}" is not supported in the Mini Apps version ${r}.`), Object.setPrototypeOf(this, j.prototype);
   }
 }
-function J(s, t) {
+function F(s, t) {
   document.documentElement.style.setProperty(s, t);
 }
-function _(s, t) {
-  t !== null && J(s, t);
+function B(s, t) {
+  t !== null && F(s, t);
 }
-function N(s, t) {
-  J(s, `${t}px`);
+function M(s, t) {
+  F(s, `${t}px`);
 }
-function St(s) {
-  const {
-    backgroundColor: t,
-    buttonTextColor: e,
-    secondaryBackgroundColor: o,
-    hintColor: n,
-    buttonColor: r,
-    linkColor: a,
-    textColor: h
-  } = s;
-  _("--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 Pt(s, t) {
-  const { backgroundColor: e, secondaryBackgroundColor: o } = t, { backgroundColor: n, headerColor: r } = s;
-  _("--tg-bg-color", n), _("--tg-header-color", r === "bg_color" ? e : o);
+function St(s, t) {
+  const { backgroundColor: e, secondaryBackgroundColor: r } = t, { backgroundColor: o, headerColor: n } = s;
+  B("--tg-bg-color", o), B("--tg-header-color", n === "bg_color" ? e : r);
 }
-function qt(s) {
-  const t = () => St(s);
+function Vt(s) {
+  const t = () => {
+    const e = s.getState();
+    Object.entries(e).forEach(([r, o]) => {
+      const n = r.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
+      B(`--tg-theme-${n}`, o || null);
+    });
+  };
   s.on("changed", t), t();
 }
-function Ot(s, t) {
-  const e = () => Pt(s, t);
+function Pt(s, t) {
+  const e = () => St(s, t);
   t.on("changed", e), s.on("backgroundColorChanged", e), s.on("headerColorChanged", e), e();
 }
-function Tt(s) {
+function qt(s) {
   const t = () => {
-    N("--tg-viewport-height", s.height);
+    M("--tg-viewport-height", s.height);
   }, e = () => {
-    N("--tg-viewport-stable-height", s.stableHeight);
+    M("--tg-viewport-stable-height", s.stableHeight);
   };
   s.on("heightChanged", t), s.on("stableHeightChanged", e), t(), e();
 }
-function Bt(s) {
+function Ot(s) {
   return typeof s == "boolean" ? s ? { themeParams: !0, viewport: !0, webApp: !0 } : {} : s;
 }
-function G(s) {
+function J(s) {
   return `telegram-mini-apps-${s}`;
 }
-function x(s, t) {
-  sessionStorage.setItem(G(s), JSON.stringify(t));
+function k(s, t) {
+  sessionStorage.setItem(J(s), JSON.stringify(t));
 }
-function V(s) {
-  const t = sessionStorage.getItem(G(s));
+function x(s) {
+  const t = sessionStorage.getItem(J(s));
   return t ? JSON.parse(t) : null;
 }
-function It(s, t, e) {
-  const { isVisible: o = !1 } = s ? V("back-button") || {} : {}, n = new _t(o, t, e);
-  return n.on("isVisibleChanged", () => {
-    x("back-button", { isVisible: n.isVisible });
-  }), n;
+function Tt(s, t, e) {
+  const { isVisible: r = !1 } = s ? x("back-button") || {} : {}, o = new _t(r, t, e);
+  return o.on("isVisibleChanged", () => {
+    k("back-button", { isVisible: o.isVisible });
+  }), o;
 }
-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 Bt(s, t) {
+  const { isConfirmationNeeded: e = !1 } = s ? x("closing-behavior") || {} : {}, r = new bt(e, t);
+  return r.on("isConfirmationNeededChanged", () => k("closing-behavior", {
+    isConfirmationNeeded: r.isConfirmationNeeded
+  })), r;
 }
-function At(s, t, e, o) {
+function $t(s, t, e, r) {
   const {
-    backgroundColor: n = t,
-    isEnabled: r = !1,
+    backgroundColor: o = t,
+    isEnabled: n = !1,
     isVisible: a = !1,
-    isProgressVisible: h = !1,
+    isProgressVisible: u = !1,
     textColor: c = e,
-    text: l = ""
-  } = s ? V("main-button") || {} : {}, u = new yt(
+    text: p = ""
+  } = s ? x("main-button") || {} : {}, h = new vt(
+    o,
     n,
-    r,
     a,
-    h,
-    l,
+    u,
+    p,
     c,
-    o
-  ), p = () => x("main-button", {
-    backgroundColor: u.backgroundColor,
-    isEnabled: u.isEnabled,
-    isVisible: u.isVisible,
-    isProgressVisible: u.isProgressVisible,
-    text: u.text,
-    textColor: u.textColor
+    r
+  ), d = () => k("main-button", {
+    backgroundColor: h.backgroundColor,
+    isEnabled: h.isEnabled,
+    isVisible: h.isVisible,
+    isProgressVisible: h.isProgressVisible,
+    text: h.text,
+    textColor: h.textColor
   });
-  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;
+  return h.on("backgroundColorChanged", d), h.on("isEnabledChanged", d), h.on("isVisibleChanged", d), h.on("isProgressVisibleChanged", d), h.on("textColorChanged", d), h.on("textChanged", d), h;
 }
-function Ht() {
+function It() {
   let s = 0;
   return () => (s += 1, s.toString());
 }
-function Rt(s) {
-  const t = new q(s);
-  return q.sync(t), t;
+function At(s) {
+  const t = new V(s);
+  return V.sync(t), t;
 }
-async function Dt(s, t, e) {
+async function Ht(s, t, e) {
   const {
-    height: o = window.innerHeight,
-    stableHeight: n = window.innerHeight,
-    width: r = window.innerWidth,
+    height: r = window.innerHeight,
+    stableHeight: o = window.innerHeight,
+    width: n = window.innerWidth,
     isExpanded: a = !1
-  } = 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", {
+  } = s ? x("viewport") || {} : {}, c = t === "macos" || t === "web" ? (() => {
+    const h = new y(r, n, o, a, e);
+    return y.sync(h), h;
+  })() : await y.synced({ postEvent: e }), p = () => k("viewport", {
     height: c.height,
     isExpanded: c.isExpanded,
     stableHeight: c.stableHeight,
     width: c.width
   });
-  return c.on("heightChanged", l), c.on("isExpandedChanged", l), c.on("stableHeightChanged", l), c.on("widthChanged", l), c;
+  return c.on("heightChanged", p), c.on("isExpandedChanged", p), c.on("stableHeightChanged", p), c.on("widthChanged", p), c;
 }
-function Lt(s, t, e, o, n, r) {
+function Rt(s, t, e, r, o, n) {
   const {
     backgroundColor: a = t,
-    headerColor: h = "bg_color"
-  } = s ? V("web-app") || {} : {}, c = new Vt(
-    h,
+    headerColor: u = "bg_color"
+  } = s ? x("web-app") || {} : {}, c = new xt(
+    u,
     a,
     e,
+    r,
     o,
-    n,
-    r
-  ), l = () => x("web-app", {
+    n
+  ), p = () => k("web-app", {
     backgroundColor: c.backgroundColor,
     headerColor: c.headerColor
   });
-  return c.on("backgroundColorChanged", l), c.on("headerColorChanged", l), c;
+  return c.on("backgroundColorChanged", p), c.on("headerColorChanged", p), c;
 }
-async function Mt(s = {}) {
+async function Dt(s = {}) {
   const {
     checkCompat: t = !0,
     cssVars: e = !1,
-    acceptScrollbarStyle: o = !0,
-    acceptCustomStyles: n = o,
-    targetOrigin: r,
+    acceptScrollbarStyle: r = !0,
+    acceptCustomStyles: o = r,
+    targetOrigin: n,
     launchParams: a,
-    debug: h = !1
+    debug: u = !1
   } = s;
-  h && it(h), typeof r == "string" && at(r);
-  const { launchParams: c, isPageReload: l } = z({
-    currentLaunchParams: typeof a == "string" || a instanceof URLSearchParams ? rt(a) : a
+  u && nt(u), typeof n == "string" && it(n);
+  const { launchParams: c, isPageReload: p } = N({
+    currentLaunchParams: typeof a == "string" || a instanceof URLSearchParams ? ot(a) : a
   }), {
-    initData: u,
-    initDataRaw: p,
-    version: b,
-    platform: S,
-    themeParams: $
+    initData: h,
+    initDataRaw: d,
+    version: w,
+    platform: $,
+    themeParams: I
   } = 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,
+    backgroundColor: G = "#ffffff",
+    buttonColor: Q = "#000000",
+    buttonTextColor: Z = "#ffffff"
+  } = I, A = It(), l = t ? at(w) : g, P = At(I), H = Rt(
+    p,
+    G,
+    w,
+    $,
     A,
-    d
+    l
   ), {
-    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 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 xt(b, d),
-    themeParams: O,
+    themeParams: X,
+    viewport: Y,
+    webApp: tt
+  } = Ot(e);
+  tt && Pt(H, P), X && Vt(P);
+  const R = await Ht(p, $, l);
+  if (Y && qt(R), o && ct()) {
+    const C = document.createElement("style");
+    C.id = "telegram-custom-styles", document.head.appendChild(C), E("set_custom_style", (O) => {
+      C.innerHTML = O;
+    }), l("iframe_ready");
+  }
+  const q = {
+    backButton: Tt(p, w, l),
+    closingBehavior: Bt(p, l),
+    cloudStorage: new wt(w, A, l),
+    haptic: new mt(w, l),
+    mainButton: $t(p, Q, Z, l),
+    popup: new Et(w, l),
+    postEvent: l,
+    qrScanner: new kt(w, l),
+    themeParams: P,
     viewport: R,
     webApp: H
   };
-  if (u !== void 0) {
-    const { authDate: v, hash: B, ...st } = u;
-    T.initData = new vt(v, B, st), T.initDataRaw = p;
+  if (h !== void 0) {
+    const { authDate: C, hash: O, ...et } = h;
+    q.initData = new Ct(C, O, et), q.initDataRaw = d;
   }
-  return T;
+  return q;
 }
-function Qt(s = {}) {
-  return gt(Mt(s), s.timeout || 1e3);
+function Jt(s = {}) {
+  return dt(Dt(s), s.timeout || 1e3);
 }
-function Nt() {
+function Lt() {
   try {
-    return z(), !0;
+    return N(), !0;
   } catch {
     return !1;
   }
 }
-function Zt() {
-  return Nt();
+function Gt() {
+  return Lt();
 }
 export {
   _t as BackButton,
-  ft as ClosingBehaviour,
+  bt as ClosingBehaviour,
   wt as CloudStorage,
-  Ct as HapticFeedback,
-  vt as InitData,
-  yt as MainButton,
-  F as MethodNotSupportedError,
+  mt as HapticFeedback,
+  Ct as InitData,
+  vt as MainButton,
+  K as MethodNotSupportedError,
   j as ParameterUnsupportedError,
   Et as Popup,
-  xt as QRScanner,
-  q as ThemeParams,
-  k as Viewport,
-  Vt as WebApp,
-  I as formatURL,
-  Qt as init,
-  Nt as isTMA,
-  Zt as isTWA
+  kt as QRScanner,
+  V as ThemeParams,
+  y as Viewport,
+  xt as WebApp,
+  T as formatURL,
+  Jt as init,
+  Lt as isTMA,
+  Gt as isTWA
 };
 //# sourceMappingURL=index.mjs.map