@tma.js/sdk 1.4.8 → 1.5.0

package/dist/index.mjs

@@ -1,8 +1,75 @@
 var Re = Object.defineProperty;
 var Ie = (r, e, t) => e in r ? Re(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var o = (r, e, t) => (Ie(r, typeof e != "symbol" ? e + "" : e, t), t);
-function ue() {
-  return performance.getEntriesByType("navigation")[0];
+class he {
+  constructor(e, t) {
+    this.prefix = e, this.enabled = t;
+  }
+  /**
+   * Prints message into a console in case, logger is currently enabled.
+   * @param level - log level.
+   * @param args - arguments.
+   */
+  print(e, ...t) {
+    if (!this.enabled)
+      return;
+    const s = /* @__PURE__ */ new Date(), n = Intl.DateTimeFormat("en-GB", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      fractionalSecondDigits: 3,
+      timeZone: "UTC"
+    }).format(s);
+    console[e](`[${n}]`, this.prefix, ...t);
+  }
+  /**
+   * Disables the logger.
+   */
+  disable() {
+    this.enabled = !1;
+  }
+  /**
+   * Prints error message into a console.
+   * @param args
+   */
+  error(...e) {
+    this.print("error", ...e);
+  }
+  /**
+   * Enables the logger.
+   */
+  enable() {
+    this.enabled = !0;
+  }
+  /**
+   * Prints log message into a console.
+   * @param args
+   */
+  log(...e) {
+    this.print("log", ...e);
+  }
+  /**
+   * Prints warning message into a console.
+   * @param args
+   */
+  warn(...e) {
+    this.print("warn", ...e);
+  }
+}
+let ue = "https://web.telegram.org";
+const k = new he("[SDK]", !1);
+function Qt(r) {
+  if (r) {
+    k.enable();
+    return;
+  }
+  k.disable();
+}
+function Zt(r) {
+  ue = r;
+}
+function Te() {
+  return ue;
 }
 function pe() {
   try {
@@ -11,74 +78,121 @@ function pe() {
     return !0;
   }
 }
-function le() {
-  var r;
-  return ((r = ue()) == null ? void 0 : r.type) === "reload";
-}
-function R(r) {
+function M(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function L() {
-  return new TypeError("Value has unexpected type");
+function $e(r) {
+  return "external" in r && M(r.external) && "notify" in r.external && typeof r.external.notify == "function";
 }
-class F extends Error {
-  constructor(t, { cause: s, type: n } = {}) {
-    super(`Unable to parse value${n ? ` as ${n}` : ""}`, { cause: s });
-    /**
-     * Parser name.
-     */
-    o(this, "type");
-    this.value = t, Object.setPrototypeOf(this, F.prototype), this.type = n;
-  }
+function Le(r) {
+  return "TelegramWebviewProxy" in r && M(r.TelegramWebviewProxy) && "postEvent" in r.TelegramWebviewProxy && typeof r.TelegramWebviewProxy.postEvent == "function";
 }
-class z {
-  constructor(e, t, s) {
-    this.parser = e, this.isOptional = t, this.type = s;
+function d(r, e, t) {
+  let s = {}, n;
+  e === void 0 && t === void 0 ? s = {} : e !== void 0 && t !== void 0 ? (s = t, n = e) : e !== void 0 && ("targetOrigin" in e ? s = e : n = e);
+  const { targetOrigin: i = Te() } = s;
+  if (k.log(`Calling method "${r}"`, n), pe()) {
+    window.parent.postMessage(JSON.stringify({
+      eventType: r,
+      eventData: n
+    }), i);
+    return;
   }
-  parse(e) {
-    if (!(this.isOptional && e === void 0))
-      try {
-        return this.parser(e);
-      } catch (t) {
-        throw new F(e, { type: this.type, cause: t });
-      }
+  if ($e(window)) {
+    window.external.notify(JSON.stringify({ eventType: r, eventData: n }));
+    return;
   }
-  optional() {
-    return this.isOptional = !0, this;
+  if (Le(window)) {
+    window.TelegramWebviewProxy.postEvent(r, JSON.stringify(n));
+    return;
   }
+  throw new Error(
+    "Unable to determine current environment and possible way to send event."
+  );
 }
-function Le(r) {
-  if (Array.isArray(r))
-    return r;
-  if (typeof r == "string")
-    try {
-      const e = JSON.parse(r);
-      if (Array.isArray(e))
-        return e;
-    } catch {
-    }
-  throw L();
+function Be(r, e) {
+  const t = r.split("."), s = e.split("."), n = Math.max(t.length, s.length);
+  for (let i = 0; i < n; i += 1) {
+    const a = parseInt(t[i] || "0", 10), c = parseInt(s[i] || "0", 10);
+    if (a !== c)
+      return a > c ? 1 : -1;
+  }
+  return 0;
 }
-class Te extends z {
-  constructor(t, s, n) {
-    super(Le, s, n);
-    o(this, "itemParser");
-    this.itemParser = typeof t == "function" ? t : t.parse.bind(t);
+function v(r, e) {
+  return Be(r, e) <= 0;
+}
+function A(r, e, t) {
+  if (typeof t == "string") {
+    if (r === "web_app_open_link" && e === "try_instant_view")
+      return v("6.4", t);
+    if (r === "web_app_set_header_color" && e === "color")
+      return v("6.9", t);
   }
-  parse(t) {
-    const s = super.parse(t);
-    return s === void 0 ? s : s.map(this.itemParser);
+  switch (r) {
+    case "web_app_open_tg_link":
+    case "web_app_open_invoice":
+    case "web_app_setup_back_button":
+    case "web_app_set_background_color":
+    case "web_app_set_header_color":
+    case "web_app_trigger_haptic_feedback":
+      return v("6.1", e);
+    case "web_app_open_popup":
+      return v("6.2", e);
+    case "web_app_close_scan_qr_popup":
+    case "web_app_open_scan_qr_popup":
+    case "web_app_read_text_from_clipboard":
+      return v("6.4", e);
+    case "web_app_switch_inline_query":
+      return v("6.7", e);
+    case "web_app_invoke_custom_method":
+    case "web_app_request_write_access":
+    case "web_app_request_phone":
+      return v("6.9", e);
+    case "web_app_setup_settings_button":
+      return v("6.10", e);
+    default:
+      return !0;
   }
-  of(t) {
-    return this.itemParser = typeof t == "function" ? t : t.parse.bind(t), this;
+}
+class Z extends Error {
+  constructor(e, t) {
+    super(`Method "${e}" is unsupported in the Mini Apps version ${t}.`), Object.setPrototypeOf(this, Z.prototype);
   }
 }
-function T(r, e) {
-  return () => new z(r, !1, e);
+class K extends Error {
+  constructor(e, t, s) {
+    super(`Parameter "${t}" in method "${e}" is unsupported in the Mini Apps version ${s}.`), Object.setPrototypeOf(this, K.prototype);
+  }
+}
+function Oe(r) {
+  return (e, t) => {
+    if (!A(e, r))
+      throw new Z(e, r);
+    if (M(t)) {
+      let s;
+      if (e === "web_app_open_link" && "try_instant_view" in t ? s = "try_instant_view" : e === "web_app_set_header_color" && "color" in t && (s = "color"), s && !A(e, s, r))
+        throw new K(e, s, r);
+    }
+    return d(e, t);
+  };
+}
+function le(r) {
+  return ({ req_id: e }) => e === r;
+}
+class G extends Error {
+  constructor(t, { cause: s, type: n } = {}) {
+    super(`Unable to parse value${n ? ` as ${n}` : ""}`, { cause: s });
+    /**
+     * Parser name.
+     */
+    o(this, "type");
+    this.value = t, Object.setPrototypeOf(this, G.prototype), this.type = n;
+  }
 }
-class j extends Error {
+class U extends Error {
   constructor(e, { cause: t, type: s } = {}) {
-    super(`Unable to parse field "${e}"${s ? ` as ${s}` : ""}`, { cause: t }), Object.setPrototypeOf(this, j.prototype);
+    super(`Unable to parse field "${e}"${s ? ` as ${s}` : ""}`, { cause: t }), Object.setPrototypeOf(this, U.prototype);
   }
 }
 function de(r, e) {
@@ -99,279 +213,191 @@ function de(r, e) {
     try {
       c = a(u);
     } catch (p) {
-      throw p instanceof F ? new j(i, {
+      throw p instanceof G ? new U(i, {
         type: p.type,
         cause: p
-      }) : new j(i, { cause: p });
+      }) : new U(i, { cause: p });
     }
     c !== void 0 && (t[s] = c);
   }
   return t;
 }
-function $e(r) {
-  return new Te((e) => e, !1, r);
+function V() {
+  return new TypeError("Value has unexpected type");
 }
-const k = T((r) => {
-  if (typeof r == "boolean")
-    return r;
-  const e = String(r);
-  if (e === "1" || e === "true")
-    return !0;
-  if (e === "0" || e === "false")
-    return !1;
-  throw L();
-}, "boolean"), A = T((r) => {
-  if (typeof r == "number")
-    return r;
-  if (typeof r == "string") {
-    const e = Number(r);
-    if (!Number.isNaN(e))
-      return e;
-  }
-  throw L();
-}, "number"), fe = T((r) => r instanceof Date ? r : new Date(A().parse(r) * 1e3), "Date");
 function Y(r) {
   let e = r;
   if (typeof e == "string" && (e = JSON.parse(e)), typeof e != "object" || e === null || Array.isArray(e))
-    throw L();
+    throw V();
   return e;
 }
+class j {
+  constructor(e, t, s) {
+    this.parser = e, this.isOptional = t, this.type = s;
+  }
+  parse(e) {
+    if (!(this.isOptional && e === void 0))
+      try {
+        return this.parser(e);
+      } catch (t) {
+        throw new G(e, { type: this.type, cause: t });
+      }
+  }
+  optional() {
+    return this.isOptional = !0, this;
+  }
+}
 function f(r, e) {
-  return new z((t) => {
+  return new j((t) => {
     const s = Y(t);
     return de(r, (n) => s[n]);
   }, !1, e);
 }
-function X(r) {
-  return /^#[\da-f]{6}$/i.test(r);
-}
-function Be(r) {
-  return /^#[\da-f]{3}$/i.test(r);
-}
-function ge(r) {
-  const e = r.replace(/\s/g, "").toLowerCase();
-  if (X(e))
-    return e;
-  if (Be(e)) {
-    let s = "#";
-    for (let n = 0; n < 3; n += 1)
-      s += e[1 + n].repeat(2);
-    return s;
-  }
-  const t = e.match(/^rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)$/) || e.match(/^rgba\((\d{1,3}),(\d{1,3}),(\d{1,3}),\d{1,3}\)$/);
-  if (t === null)
-    throw new Error(`Value "${r}" does not satisfy any of known RGB formats.`);
-  return t.slice(1).reduce((s, n) => {
-    const i = parseInt(n, 10).toString(16);
-    return s + (i.length === 1 ? "0" : "") + i;
-  }, "#");
-}
-function we(r) {
-  const e = ge(r);
-  return Math.sqrt(
-    [0.299, 0.587, 0.114].reduce((s, n, i) => {
-      const a = parseInt(e.slice(1 + i * 2, 1 + (i + 1) * 2), 16);
-      return s + a * a * n;
-    }, 0)
-  ) < 120;
+function R(r, e) {
+  return () => new j(r, !1, e);
 }
-const h = T((r) => {
+const h = R((r) => {
   if (typeof r == "string" || typeof r == "number")
     return r.toString();
-  throw L();
-}, "string"), _e = T((r) => ge(h().parse(r)), "rgb");
-function ee(r, e) {
-  return new z((t) => {
-    if (typeof t != "string" && !(t instanceof URLSearchParams))
-      throw L();
-    const s = typeof t == "string" ? new URLSearchParams(t) : t;
-    return de(r, (n) => {
-      const i = s.get(n);
-      return i === null ? void 0 : i;
-    });
-  }, !1, e);
-}
-function De() {
+  throw V();
+}, "string");
+function De(r) {
   return f({
-    id: A(),
-    type: h(),
-    title: h(),
-    photoUrl: {
-      type: h().optional(),
-      from: "photo_url"
-    },
-    username: h().optional()
-  }, "Chat");
+    eventType: h(),
+    eventData: (e) => e
+  }).parse(r);
 }
-class We {
-  constructor(e) {
-    this.initData = e;
-  }
-  /**
-   * @see InitDataParsed.authDate
-   */
-  get authDate() {
-    return this.initData.authDate;
-  }
-  /**
-   * @see InitDataParsed.canSendAfter
-   */
-  get canSendAfter() {
-    return this.initData.canSendAfter;
-  }
-  /**
-   * Date after which it is allowed to call
-   * the [answerWebAppQuery](https://core.telegram.org/bots/api#answerwebappquery) method.
-   */
-  get canSendAfterDate() {
-    const { canSendAfter: e } = this;
-    return e === void 0 ? void 0 : new Date(this.authDate.getTime() + e * 1e3);
-  }
-  /**
-   * @see InitDataParsed.chat
-   */
-  get chat() {
-    return this.initData.chat;
-  }
-  /**
-   * @see InitDataParsed.chatType
-   */
-  get chatType() {
-    return this.initData.chatType;
-  }
-  /**
-   * @see InitDataParsed.chatInstance
-   */
-  get chatInstance() {
-    return this.initData.chatInstance;
-  }
-  /**
-   * @see InitDataParsed.hash
-   */
-  get hash() {
-    return this.initData.hash;
-  }
-  /**
-   * @see InitDataParsed.queryId
-   */
-  get queryId() {
-    return this.initData.queryId;
-  }
-  /**
-   * @see InitDataParsed.receiver
-   */
-  get receiver() {
-    return this.initData.receiver;
-  }
-  /**
-   * @see InitDataParsed.startParam
-   */
-  get startParam() {
-    return this.initData.startParam;
-  }
-  /**
-   * @see InitDataParsed.user
-   */
-  get user() {
-    return this.initData.user;
-  }
+function We(r, e) {
+  window.dispatchEvent(new MessageEvent("message", {
+    data: JSON.stringify({ eventType: r, eventData: e }),
+    // We specify window.parent to imitate the case, it sent us this event.
+    source: window.parent
+  }));
+}
+function He() {
+  const r = window;
+  "TelegramGameProxy_receiveEvent" in r || [
+    ["TelegramGameProxy_receiveEvent"],
+    // Windows Phone.
+    ["TelegramGameProxy", "receiveEvent"],
+    // Desktop.
+    ["Telegram", "WebView", "receiveEvent"]
+    // Android and iOS.
+  ].forEach((e) => {
+    let t = r;
+    e.forEach((s, n, i) => {
+      if (n === i.length - 1) {
+        t[s] = We;
+        return;
+      }
+      s in t || (t[s] = {}), t = t[s];
+    });
+  });
+}
+function Ne(r) {
+  He(), window.addEventListener("message", (e) => {
+    if (e.source === window.parent)
+      try {
+        const { eventType: t, eventData: s } = De(e.data);
+        r(t, s);
+      } catch {
+      }
+  });
 }
-function ne() {
+function Ue() {
   return f({
-    addedToAttachmentMenu: {
-      type: k().optional(),
-      from: "added_to_attachment_menu"
-    },
-    allowsWriteToPm: {
-      type: k().optional(),
-      from: "allows_write_to_pm"
-    },
-    firstName: {
-      type: h(),
-      from: "first_name"
-    },
-    id: A(),
-    isBot: {
-      type: k().optional(),
-      from: "is_bot"
-    },
-    isPremium: {
-      type: k().optional(),
-      from: "is_premium"
-    },
-    languageCode: {
-      type: h().optional(),
-      from: "language_code"
-    },
-    lastName: {
-      type: h().optional(),
-      from: "last_name"
-    },
-    photoUrl: {
-      type: h().optional(),
-      from: "photo_url"
-    },
-    username: h().optional()
-  }, "User");
+    req_id: h(),
+    data: (r) => r === null ? r : h().optional().parse(r)
+  });
 }
-function be() {
-  return ee({
-    authDate: {
-      type: fe(),
-      from: "auth_date"
-    },
-    canSendAfter: {
-      type: A().optional(),
-      from: "can_send_after"
-    },
-    chat: De().optional(),
-    chatInstance: {
-      type: h().optional(),
-      from: "chat_instance"
-    },
-    chatType: {
-      type: h().optional(),
-      from: "chat_type"
-    },
-    hash: h(),
-    queryId: {
-      type: h().optional(),
-      from: "query_id"
-    },
-    receiver: ne().optional(),
-    startParam: {
-      type: h().optional(),
-      from: "start_param"
-    },
-    user: ne().optional()
-  }, "InitData");
+function Me() {
+  return f({
+    req_id: h(),
+    result: (r) => r,
+    error: h().optional()
+  });
 }
-function Zt(r) {
-  return be().parse(r);
+function Ge() {
+  return f({
+    slug: h(),
+    status: h()
+  });
 }
-function Oe(r) {
-  return r.replace(/(^|_)bg/, (e, t) => `${t}background`).replace(/_([a-z])/g, (e, t) => t.toUpperCase());
+function je() {
+  return f({ status: h() });
 }
-function He(r) {
-  return r.replace(/[A-Z]/g, (e) => `_${e.toLowerCase()}`).replace(/(^|_)background/, (e, t) => `${t}bg`);
+function Fe() {
+  return f({
+    button_id: (r) => r == null ? void 0 : h().parse(r)
+  });
 }
-const me = T(
-  (r) => {
-    const e = _e().optional();
-    return Object.entries(Y(r)).reduce((t, [s, n]) => (t[Oe(s)] = e.parse(n), t), {});
-  },
-  "ThemeParams"
-);
-function ye(r) {
-  return me().parse(r);
+function ze() {
+  return f({
+    data: h().optional()
+  });
+}
+function X(r) {
+  return /^#[\da-f]{6}$/i.test(r);
 }
-function Kt(r = {}) {
-  return m("web_app_request_theme", "theme_changed", r).then(ye);
+function Je(r) {
+  return /^#[\da-f]{3}$/i.test(r);
 }
-function Ne(r) {
-  return JSON.stringify(
-    Object.entries(r).reduce((e, [t, s]) => (s && (e[He(t)] = s), e), {})
-  );
+function fe(r) {
+  const e = r.replace(/\s/g, "").toLowerCase();
+  if (X(e))
+    return e;
+  if (Je(e)) {
+    let s = "#";
+    for (let n = 0; n < 3; n += 1)
+      s += e[1 + n].repeat(2);
+    return s;
+  }
+  const t = e.match(/^rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)$/) || e.match(/^rgba\((\d{1,3}),(\d{1,3}),(\d{1,3}),\d{1,3}\)$/);
+  if (t === null)
+    throw new Error(`Value "${r}" does not satisfy any of known RGB formats.`);
+  return t.slice(1).reduce((s, n) => {
+    const i = parseInt(n, 10).toString(16);
+    return s + (i.length === 1 ? "0" : "") + i;
+  }, "#");
+}
+const ge = R((r) => fe(h().parse(r)), "rgb");
+function Qe() {
+  return f({
+    theme_params: (r) => {
+      const e = ge().optional();
+      return Object.entries(Y(r)).reduce((t, [s, n]) => (t[s] = e.parse(n), t), {});
+    }
+  });
+}
+const P = R((r) => {
+  if (typeof r == "boolean")
+    return r;
+  const e = String(r);
+  if (e === "1" || e === "true")
+    return !0;
+  if (e === "0" || e === "false")
+    return !1;
+  throw V();
+}, "boolean"), x = R((r) => {
+  if (typeof r == "number")
+    return r;
+  if (typeof r == "string") {
+    const e = Number(r);
+    if (!Number.isNaN(e))
+      return e;
+  }
+  throw V();
+}, "number");
+function Ze() {
+  return f({
+    height: x(),
+    width: (r) => r == null ? window.innerWidth : x().parse(r),
+    is_state_stable: P(),
+    is_expanded: P()
+  });
+}
+function Ke() {
+  return f({ status: h() });
 }
 class w {
   constructor() {
@@ -455,421 +481,9 @@ class w {
       }
   }
 }
-class b {
-  constructor(e, t) {
-    this.state = e, this.ee = t;
-  }
-  internalSet(e, t) {
-    return this.state[e] === t || t === void 0 ? !1 : (this.state[e] = t, this.ee.emit(`change:${e}`, t), !0);
-  }
-  /**
-   * Returns copy of current state.
-   */
-  clone() {
-    return { ...this.state };
-  }
-  set(e, t) {
-    let s = !1;
-    if (typeof e == "string")
-      s = this.internalSet(e, t);
-    else
-      for (const n in e)
-        this.internalSet(n, e[n]) && (s = !0);
-    s && this.ee.emit("change");
-  }
-  /**
-   * Returns value by specified key.
-   * @param key - state key.
-   */
-  get(e) {
-    return this.state[e];
-  }
-}
-class Ue {
-  constructor(e) {
-    o(this, "ee", new w());
-    o(this, "state");
-    /**
-     * Adds new event listener.
-     */
-    o(this, "on", this.ee.on.bind(this.ee));
-    /**
-     * Removes event listener.
-     */
-    o(this, "off", this.ee.off.bind(this.ee));
-    this.state = new b(e, this.ee);
-  }
-  /**
-   * @since v6.10
-   */
-  get accentTextColor() {
-    return this.get("accentTextColor");
-  }
-  get backgroundColor() {
-    return this.get("backgroundColor");
-  }
-  get buttonColor() {
-    return this.get("buttonColor");
-  }
-  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(e) {
-    return this.state.get(e);
-  }
-  /**
-   * Returns the copy of the internal state of the current component instance.
-   */
-  getState() {
-    return this.state.clone();
-  }
-  /**
-   * @since v6.10
-   */
-  get headerBackgroundColor() {
-    return this.get("headerBackgroundColor");
-  }
-  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 || we(this.backgroundColor);
-  }
-  get linkColor() {
-    return this.get("linkColor");
-  }
-  get secondaryBackgroundColor() {
-    return this.get("secondaryBackgroundColor");
-  }
-  /**
-   * @since v6.10
-   */
-  get sectionBackgroundColor() {
-    return this.get("sectionBackgroundColor");
-  }
-  /**
-   * @since v6.10
-   */
-  get sectionHeaderTextColor() {
-    return this.get("sectionHeaderTextColor");
-  }
-  /**
-   * Starts listening to theme changes and applies them.
-   * @returns Function to stop listening.
-   */
-  listen() {
-    return y("theme_changed", (e) => {
-      this.state.set(ye(e.theme_params));
-    });
-  }
-  /**
-   * @since v6.10
-   */
-  get subtitleTextColor() {
-    return this.get("subtitleTextColor");
-  }
-  get textColor() {
-    return this.get("textColor");
-  }
-}
-function Me() {
-  return ee({
-    botInline: {
-      type: k().optional(),
-      from: "tgWebAppBotInline"
-    },
-    initData: {
-      type: be().optional(),
-      from: "tgWebAppData"
-    },
-    initDataRaw: {
-      type: h().optional(),
-      from: "tgWebAppData"
-    },
-    platform: {
-      type: h(),
-      from: "tgWebAppPlatform"
-    },
-    showSettings: {
-      type: k().optional(),
-      from: "tgWebAppShowSettings"
-    },
-    startParam: {
-      type: h().optional(),
-      from: "tgWebAppStartParam"
-    },
-    themeParams: {
-      type: me(),
-      from: "tgWebAppThemeParams"
-    },
-    version: {
-      type: h(),
-      from: "tgWebAppVersion"
-    }
-  }, "LaunchParams");
-}
-function Ee(r) {
-  return Me().parse(r);
-}
-function Ce(r) {
-  const e = r.includes("?") ? r.replace("#", "&").slice(r.indexOf("?") + 1) : r.slice(r.indexOf("#") + 1);
-  return Ee(e);
-}
-function Ge() {
-  return Ce(window.location.href);
-}
-function je() {
-  const r = ue();
-  if (!r)
-    throw new Error("Unable to get first navigation entry.");
-  return Ce(r.name);
-}
-class ve {
-  constructor(e, t) {
-    this.prefix = e, this.enabled = t;
-  }
-  /**
-   * Prints message into a console in case, logger is currently enabled.
-   * @param level - log level.
-   * @param args - arguments.
-   */
-  print(e, ...t) {
-    if (!this.enabled)
-      return;
-    const s = /* @__PURE__ */ new Date(), n = Intl.DateTimeFormat("en-GB", {
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      fractionalSecondDigits: 3,
-      timeZone: "UTC"
-    }).format(s);
-    console[e](`[${n}]`, this.prefix, ...t);
-  }
-  /**
-   * Disables the logger.
-   */
-  disable() {
-    this.enabled = !1;
-  }
-  /**
-   * Prints error message into a console.
-   * @param args
-   */
-  error(...e) {
-    this.print("error", ...e);
-  }
-  /**
-   * Enables the logger.
-   */
-  enable() {
-    this.enabled = !0;
-  }
-  /**
-   * Prints log message into a console.
-   * @param args
-   */
-  log(...e) {
-    this.print("log", ...e);
-  }
-  /**
-   * Prints warning message into a console.
-   * @param args
-   */
-  warn(...e) {
-    this.print("warn", ...e);
-  }
-}
-let Pe = "https://web.telegram.org";
-const q = new ve("[SDK]", !1);
-function Yt(r) {
-  if (r) {
-    q.enable();
-    return;
-  }
-  q.disable();
-}
-function Xt(r) {
-  Pe = r;
-}
-function Fe() {
-  return Pe;
-}
-function ze(r) {
-  const {
-    initDataRaw: e,
-    themeParams: t,
-    platform: s,
-    version: n,
-    showSettings: i,
-    startParam: a,
-    botInline: c
-  } = r, u = new URLSearchParams();
-  return e && u.set("tgWebAppData", e), u.set("tgWebAppPlatform", s), u.set("tgWebAppThemeParams", Ne(t)), u.set("tgWebAppVersion", n), a && u.set("tgWebAppStartParam", n), typeof i == "boolean" && u.set("tgWebAppShowSettings", i ? "1" : "0"), typeof c == "boolean" && u.set("tgWebAppBotInline", c ? "1" : "0"), u.toString();
-}
-const ke = "telegram-mini-apps-launch-params";
-function Je() {
-  return Ee(sessionStorage.getItem(ke) || "");
-}
-function Qe(r) {
-  sessionStorage.setItem(ke, ze(r));
-}
-function te() {
-  const r = [];
-  for (const e of [
-    // Try to retrieve launch parameters from the current location. This method can return
-    // nothing in case, location was changed and then page was reloaded.
-    Ge,
-    // Then, try using the lower level API - window.performance.
-    je,
-    // Finally, try to extract launch parameters from the session storage.
-    Je
-  ])
-    try {
-      const t = e();
-      return Qe(t), t;
-    } catch (t) {
-      r.push(t);
-    }
-  throw q.error("Unable to extract launch parameters. Received errors:", r), new Error("Unable to retrieve launch parameters from any known source.");
-}
-function er() {
-  return {
-    launchParams: te(),
-    isPageReload: le()
-  };
-}
-function tr() {
-  try {
-    return te(), !0;
-  } catch {
-    return !1;
-  }
-}
-function Ze(r) {
-  return "external" in r && R(r.external) && "notify" in r.external && typeof r.external.notify == "function";
-}
-function Ke(r) {
-  return "TelegramWebviewProxy" in r && R(r.TelegramWebviewProxy) && "postEvent" in r.TelegramWebviewProxy && typeof r.TelegramWebviewProxy.postEvent == "function";
-}
-class re extends Error {
-  constructor(e, t) {
-    super(`Method "${e}" is unsupported in the Mini Apps version ${t}.`), Object.setPrototypeOf(this, re.prototype);
-  }
-}
-class se extends Error {
-  constructor(e, t, s) {
-    super(`Parameter "${t}" in method "${e}" is unsupported in the Mini Apps version ${s}.`), Object.setPrototypeOf(this, se.prototype);
-  }
-}
-const Ye = f({
-  eventType: h(),
-  eventData: (r) => r
-});
-function Xe(r) {
-  return Ye.parse(r);
-}
-function et(r, e) {
-  window.dispatchEvent(new MessageEvent("message", {
-    data: JSON.stringify({ eventType: r, eventData: e }),
-    // We specify window.parent to imitate the case, it sent us this event.
-    source: window.parent
-  }));
-}
-function tt() {
-  const r = window;
-  "TelegramGameProxy_receiveEvent" in r || [
-    ["TelegramGameProxy_receiveEvent"],
-    // Windows Phone.
-    ["TelegramGameProxy", "receiveEvent"],
-    // Desktop.
-    ["Telegram", "WebView", "receiveEvent"]
-    // Android and iOS.
-  ].forEach((e) => {
-    let t = r;
-    e.forEach((s, n, i) => {
-      if (n === i.length - 1) {
-        t[s] = et;
-        return;
-      }
-      s in t || (t[s] = {}), t = t[s];
-    });
-  });
-}
-function rt(r) {
-  tt(), window.addEventListener("message", (e) => {
-    if (e.source === window.parent)
-      try {
-        const { eventType: t, eventData: s } = Xe(e.data);
-        r(t, s);
-      } catch {
-      }
-  });
-}
-function st() {
-  return f({
-    req_id: h(),
-    data: (r) => r === null ? r : h().optional().parse(r)
-  });
-}
-function nt() {
-  return f({
-    req_id: h(),
-    result: (r) => r,
-    error: h().optional()
-  });
-}
-function it() {
-  return f({
-    slug: h(),
-    status: h()
-  });
-}
-function ot() {
-  return f({ status: h() });
-}
-function at() {
-  return f({
-    button_id: (r) => r == null ? void 0 : h().parse(r)
-  });
-}
-function ct() {
-  return f({
-    data: h().optional()
-  });
-}
-function ht() {
-  return f({
-    theme_params: (r) => {
-      const e = _e().optional();
-      return Object.entries(Y(r)).reduce((t, [s, n]) => (t[s] = e.parse(n), t), {});
-    }
-  });
-}
-function ut() {
-  return f({
-    height: A(),
-    width: (r) => r == null ? window.innerWidth : A().parse(r),
-    is_state_stable: k(),
-    is_expanded: k()
-  });
-}
-function pt() {
-  return f({ status: h() });
-}
-function lt() {
+function Ye() {
   const r = new w(), e = (t, ...s) => {
-    q.log("Emitting processed event:", t, ...s), r.emit(t, ...s);
+    k.log("Emitting processed event:", t, ...s), r.emit(t, ...s);
   };
   return window.addEventListener("resize", () => {
     e("viewport_changed", {
@@ -878,33 +492,33 @@ function lt() {
       is_state_stable: !0,
       is_expanded: !0
     });
-  }), rt((t, s) => {
-    q.log("Received raw event:", t, s);
+  }), Ne((t, s) => {
+    k.log("Received raw event:", t, s);
     try {
       switch (t) {
         case "viewport_changed":
-          return e(t, ut().parse(s));
+          return e(t, Ze().parse(s));
         case "theme_changed":
-          return e(t, ht().parse(s));
+          return e(t, Qe().parse(s));
         case "popup_closed":
           return (
             // Sent on desktop.
-            s == null ? e(t, {}) : e(t, at().parse(s))
+            s == null ? e(t, {}) : e(t, Fe().parse(s))
           );
         case "set_custom_style":
           return e(t, h().parse(s));
         case "qr_text_received":
-          return e(t, ct().parse(s));
+          return e(t, ze().parse(s));
         case "clipboard_text_received":
-          return e(t, st().parse(s));
+          return e(t, Ue().parse(s));
         case "invoice_closed":
-          return e(t, it().parse(s));
+          return e(t, Ge().parse(s));
         case "phone_requested":
-          return e("phone_requested", ot().parse(s));
+          return e("phone_requested", je().parse(s));
         case "custom_method_invoked":
-          return e("custom_method_invoked", nt().parse(s));
+          return e("custom_method_invoked", Me().parse(s));
         case "write_access_requested":
-          return e("write_access_requested", pt().parse(s));
+          return e("write_access_requested", Ke().parse(s));
         case "main_button_pressed":
         case "back_button_pressed":
         case "settings_button_pressed":
@@ -915,174 +529,144 @@ function lt() {
           return e(t, s);
       }
     } catch (n) {
-      q.error("Error processing event:", n);
+      k.error("Error processing event:", n);
     }
   }), r;
 }
-const Q = "telegram-mini-apps-cached-emitter";
-function U() {
+const z = "telegram-mini-apps-cached-emitter";
+function W() {
   const r = window;
-  return r[Q] === void 0 && (r[Q] = lt()), r[Q];
-}
-function $(r, e) {
-  U().off(r, e);
-}
-function y(r, e) {
-  return U().on(r, e), () => $(r, e);
-}
-function rr(r, e) {
-  return U().once(r, e), () => $(r, e);
-}
-function dt(r) {
-  U().unsubscribe(r);
-}
-function sr(r) {
-  return U().subscribe(r), () => dt(r);
+  return r[z] === void 0 && (r[z] = Ye()), r[z];
 }
-function ft(r, e) {
-  const t = r.split("."), s = e.split("."), n = Math.max(t.length, s.length);
-  for (let i = 0; i < n; i += 1) {
-    const a = parseInt(t[i] || "0", 10), c = parseInt(s[i] || "0", 10);
-    if (a !== c)
-      return a > c ? 1 : -1;
-  }
-  return 0;
-}
-function P(r, e) {
-  return ft(r, e) <= 0;
-}
-function I(r, e, t) {
-  if (typeof t == "string") {
-    if (r === "web_app_open_link" && e === "try_instant_view")
-      return P("6.4", t);
-    if (r === "web_app_set_header_color" && e === "color")
-      return P("6.9", t);
-  }
-  switch (r) {
-    case "web_app_open_tg_link":
-    case "web_app_open_invoice":
-    case "web_app_setup_back_button":
-    case "web_app_set_background_color":
-    case "web_app_set_header_color":
-    case "web_app_trigger_haptic_feedback":
-      return P("6.1", e);
-    case "web_app_open_popup":
-      return P("6.2", e);
-    case "web_app_close_scan_qr_popup":
-    case "web_app_open_scan_qr_popup":
-    case "web_app_read_text_from_clipboard":
-      return P("6.4", e);
-    case "web_app_switch_inline_query":
-      return P("6.7", e);
-    case "web_app_invoke_custom_method":
-    case "web_app_request_write_access":
-    case "web_app_request_phone":
-      return P("6.9", e);
-    case "web_app_setup_settings_button":
-      return P("6.10", e);
-    default:
-      return !0;
-  }
+function I(r, e) {
+  W().off(r, e);
 }
 function E(r, e) {
-  return (t) => I(e[t], r);
-}
-function Se(r, e) {
-  return (t) => {
-    const [s, n] = e[t];
-    return I(s, n, r);
-  };
+  return W().on(r, e), () => I(r, e);
 }
-function d(r, e, t) {
-  let s = {}, n;
-  e === void 0 && t === void 0 ? s = {} : e !== void 0 && t !== void 0 ? (s = t, n = e) : e !== void 0 && ("targetOrigin" in e ? s = e : n = e);
-  const { targetOrigin: i = Fe() } = s;
-  if (q.log(`Calling method "${r}"`, n), pe()) {
-    window.parent.postMessage(JSON.stringify({
-      eventType: r,
-      eventData: n
-    }), i);
-    return;
-  }
-  if (Ze(window)) {
-    window.external.notify(JSON.stringify({ eventType: r, eventData: n }));
-    return;
-  }
-  if (Ke(window)) {
-    window.TelegramWebviewProxy.postEvent(r, JSON.stringify(n));
-    return;
-  }
-  throw new Error(
-    "Unable to determine current environment and possible way to send event."
-  );
-}
-function gt(r) {
-  return (e, t) => {
-    if (!I(e, r))
-      throw new re(e, r);
-    if (R(t)) {
-      let s;
-      if (e === "web_app_open_link" && "try_instant_view" in t ? s = "try_instant_view" : e === "web_app_set_header_color" && "color" in t && (s = "color"), s && !I(e, s, r))
-        throw new se(e, s, r);
-    }
-    return d(e, t);
-  };
-}
-class J extends Error {
+class F extends Error {
   constructor(e) {
-    super(`Async call timeout exceeded. Timeout: ${e}`), Object.setPrototypeOf(this, J.prototype);
+    super(`Async call timeout exceeded. Timeout: ${e}`), Object.setPrototypeOf(this, F.prototype);
   }
 }
-function nr(r) {
-  return r instanceof J;
-}
-function wt(r) {
-  return new Promise((e) => {
-    setTimeout(e, r);
-  });
-}
-function _t(r) {
+function Xe(r) {
   return new Promise((e, t) => {
-    setTimeout(t, r, new J(r));
+    setTimeout(t, r, new F(r));
   });
 }
-function xe(r, e) {
+function we(r, e) {
   return Promise.race([
-    r(),
-    _t(e)
+    typeof r == "function" ? r() : r,
+    Xe(e)
   ]);
 }
-function m(r, e, t, s) {
-  let n, i, a, c;
-  typeof e == "string" || Array.isArray(e) ? (a = Array.isArray(e) ? e : [e], n = t) : (i = e, a = Array.isArray(t) ? t : [t], n = s), R(i) && typeof i.req_id == "string" && (c = i.req_id);
-  const { postEvent: u = d, timeout: p } = n || {}, g = n && "capture" in n ? n.capture : null, _ = () => new Promise((V, l) => {
-    const C = a.map((v) => y(v, (M) => {
-      c && (!R(M) || M.req_id !== c) || typeof g == "function" && !g(M) || (x(), V(M));
-    })), x = () => C.forEach((v) => v());
-    try {
-      u(r, i);
-    } catch (v) {
-      x(), l(v);
-    }
-  });
-  return typeof p == "number" ? xe(_, p) : _();
+async function y(r, e, t) {
+  let s;
+  const n = new Promise((b) => {
+    s = b;
+  }), i = e ? {
+    ...t,
+    event: e,
+    method: r
+  } : r, {
+    method: a,
+    event: c,
+    capture: u,
+    postEvent: p = d,
+    timeout: g
+  } = i, _ = (Array.isArray(c) ? c : [c]).map(
+    (b) => E(b, (l) => (!u || u(l)) && s(l))
+  );
+  try {
+    return p(a, i.params), await (g ? we(n, g) : n);
+  } finally {
+    _.forEach((b) => b());
+  }
 }
-async function H(r, e, t, s = {}) {
-  const { result: n, error: i } = await m(
-    "web_app_invoke_custom_method",
-    {
+async function O(r, e, t, s = {}) {
+  const {
+    result: n,
+    error: i
+  } = await y("web_app_invoke_custom_method", "custom_method_invoked", {
+    ...s,
+    params: {
       method: r,
       params: e,
       req_id: t
     },
-    "custom_method_invoked",
-    s
-  );
+    capture: le(t)
+  });
   if (i)
     throw new Error(i);
   return n;
 }
-class bt {
+function Kt(r, e) {
+  return W().once(r, e), () => I(r, e);
+}
+function et(r) {
+  W().unsubscribe(r);
+}
+function Yt(r) {
+  return W().subscribe(r), () => et(r);
+}
+function se(r, e) {
+  return r + (r.length > 0 && e.length > 0 ? ` ${e}` : e);
+}
+function tt(...r) {
+  return r.reduce((e, t) => {
+    let s = "";
+    return typeof t == "string" ? s = t : typeof t == "object" && t !== null && (s = Object.entries(t).reduce((n, [i, a]) => a ? se(n, i) : n, "")), se(e, s);
+  }, "");
+}
+function Xt(...r) {
+  return r.reduce((e, t) => (M(t) && Object.entries(t).forEach(([s, n]) => {
+    const i = tt(e[s], n);
+    i.length > 0 && (e[s] = i);
+  }), e), {});
+}
+function _e(r) {
+  const e = fe(r);
+  return Math.sqrt(
+    [0.299, 0.587, 0.114].reduce((s, n, i) => {
+      const a = parseInt(e.slice(1 + i * 2, 1 + (i + 1) * 2), 16);
+      return s + a * a * n;
+    }, 0)
+  ) < 120;
+}
+class m {
+  constructor(e, t) {
+    this.state = e, this.ee = t;
+  }
+  internalSet(e, t) {
+    return this.state[e] === t || t === void 0 ? !1 : (this.state[e] = t, this.ee.emit(`change:${e}`, t), !0);
+  }
+  /**
+   * Returns copy of current state.
+   */
+  clone() {
+    return { ...this.state };
+  }
+  set(e, t) {
+    let s = !1;
+    if (typeof e == "string")
+      s = this.internalSet(e, t);
+    else
+      for (const n in e)
+        this.internalSet(n, e[n]) && (s = !0);
+    s && this.ee.emit("change");
+  }
+  /**
+   * Returns value by specified key.
+   * @param key - state key.
+   */
+  get(e) {
+    return this.state[e];
+  }
+}
+function C(r, e) {
+  return (t) => A(e[t], r);
+}
+class rt {
   constructor(e, t, s = d) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1091,18 +675,18 @@ class bt {
      * @param event - event name.
      * @param listener - event listener.
      */
-    o(this, "on", (e, t) => e === "click" ? y("back_button_pressed", t) : this.ee.on(e, t));
+    o(this, "on", (e, t) => e === "click" ? E("back_button_pressed", t) : this.ee.on(e, t));
     /**
      * Removes event listener.
      * @param event - event name.
      * @param listener - event listener.
      */
-    o(this, "off", (e, t) => e === "click" ? $("back_button_pressed", t) : this.ee.off(e, t));
+    o(this, "off", (e, t) => e === "click" ? I("back_button_pressed", t) : this.ee.off(e, t));
     /**
      * Checks if specified method is supported by current component.
      */
     o(this, "supports");
-    this.postEvent = s, this.state = new b({ isVisible: e }, this.ee), this.supports = E(t, {
+    this.postEvent = s, this.state = new m({ isVisible: e }, this.ee), this.supports = C(t, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
     });
@@ -1126,25 +710,10 @@ class bt {
    * Shows the BackButton.
    */
   show() {
-    this.isVisible = !0;
-  }
-}
-function ie(r, e) {
-  return r + (r.length > 0 && e.length > 0 ? ` ${e}` : e);
-}
-function mt(...r) {
-  return r.reduce((e, t) => {
-    let s = "";
-    return typeof t == "string" ? s = t : typeof t == "object" && t !== null && (s = Object.entries(t).reduce((n, [i, a]) => a ? ie(n, i) : n, "")), ie(e, s);
-  }, "");
-}
-function ir(...r) {
-  return r.reduce((e, t) => (R(t) && Object.entries(t).forEach(([s, n]) => {
-    const i = mt(e[s], n);
-    i.length > 0 && (e[s] = i);
-  }), e), {});
+    this.isVisible = !0;
+  }
 }
-class yt {
+class st {
   constructor(e, t = d) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1156,7 +725,7 @@ class yt {
      * Removes event listener.
      */
     o(this, "off", this.ee.off.bind(this.ee));
-    this.postEvent = t, this.state = new b({ isConfirmationNeeded: e }, this.ee);
+    this.postEvent = t, this.state = new m({ isConfirmationNeeded: e }, this.ee);
   }
   set isConfirmationNeeded(e) {
     this.state.set("isConfirmationNeeded", e), this.postEvent("web_app_setup_closing_behavior", { need_confirmation: e });
@@ -1183,16 +752,45 @@ class yt {
     this.isConfirmationNeeded = !0;
   }
 }
-function oe(r, e) {
+function nt(r) {
+  if (Array.isArray(r))
+    return r;
+  if (typeof r == "string")
+    try {
+      const e = JSON.parse(r);
+      if (Array.isArray(e))
+        return e;
+    } catch {
+    }
+  throw V();
+}
+class it extends j {
+  constructor(t, s, n) {
+    super(nt, s, n);
+    o(this, "itemParser");
+    this.itemParser = typeof t == "function" ? t : t.parse.bind(t);
+  }
+  parse(t) {
+    const s = super.parse(t);
+    return s === void 0 ? s : s.map(this.itemParser);
+  }
+  of(t) {
+    return this.itemParser = typeof t == "function" ? t : t.parse.bind(t), this;
+  }
+}
+function ot(r) {
+  return new it((e) => e, !1, r);
+}
+function ne(r, e) {
   return r.reduce((t, s) => (t[s] = e, t), {});
 }
-class Et {
+class at {
   constructor(e, t, s = d) {
     /**
      * Checks if specified method is supported by current component.
      */
     o(this, "supports");
-    this.createRequestId = t, this.postEvent = s, this.supports = E(e, {
+    this.createRequestId = t, this.postEvent = s, this.supports = C(e, {
       delete: "web_app_invoke_custom_method",
       get: "web_app_invoke_custom_method",
       getKeys: "web_app_invoke_custom_method",
@@ -1206,7 +804,7 @@ class Et {
    */
   async delete(e, t = {}) {
     const s = Array.isArray(e) ? e : [e];
-    s.length !== 0 && await H(
+    s.length !== 0 && await O(
       "deleteStorageValues",
       { keys: s },
       this.createRequestId(),
@@ -1218,21 +816,21 @@ class Et {
    * @param options - request execution options.
    */
   async getKeys(e = {}) {
-    const t = await H(
+    const t = await O(
       "getStorageKeys",
       {},
       this.createRequestId(),
       { ...e, postEvent: this.postEvent }
     );
-    return $e().of(h()).parse(t);
+    return ot().of(h()).parse(t);
   }
   async get(e, t = {}) {
     const s = Array.isArray(e) ? e : [e];
     if (s.length === 0)
-      return oe(s, "");
+      return ne(s, "");
     const n = f(
-      oe(s, h())
-    ), i = await H(
+      ne(s, h())
+    ), i = await O(
       "getStorageValues",
       { keys: s },
       this.createRequestId(),
@@ -1247,7 +845,7 @@ class Et {
    * @param options - request execution options.
    */
   async set(e, t, s = {}) {
-    await H(
+    await O(
       "saveStorageValue",
       { key: e, value: t },
       this.createRequestId(),
@@ -1255,52 +853,13 @@ class Et {
     );
   }
 }
-function S(r, e) {
-  document.documentElement.style.setProperty(r, e);
-}
-function Ct(r, e) {
-  const t = () => {
-    S("--tg-background-color", r.backgroundColor);
-  }, s = () => {
-    const {
-      backgroundColor: n,
-      secondaryBackgroundColor: i
-    } = e;
-    if (X(r.headerColor)) {
-      S("--tg-header-color", r.headerColor);
-      return;
-    }
-    if (r.headerColor === "bg_color" && n) {
-      S("--tg-header-color", n);
-      return;
-    }
-    r.headerColor === "secondary_bg_color" && i && S("--tg-header-color", i);
-  };
-  e.on("change", s), r.on("change:backgroundColor", t), r.on("change:headerColor", s), t(), s();
-}
-function vt(r) {
-  const e = () => {
-    const t = r.getState();
-    Object.entries(t).forEach(([s, n]) => {
-      if (n) {
-        const i = s.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
-        S(`--tg-theme-${i}`, n);
-      }
-    });
-  };
-  r.on("change", e), e();
-}
-function ae(r) {
-  const e = () => S("--tg-viewport-height", `${r.height}px`), t = () => S("--tg-viewport-width", `${r.width}px`), s = () => S("--tg-viewport-stable-height", `${r.stableHeight}px`);
-  r.on("change:height", e), r.on("change:width", t), r.on("change:stableHeight", s), e(), t(), s();
-}
-class Pt {
+class ct {
   constructor(e, t = d) {
     /**
      * Checks if specified method is supported by current component.
      */
     o(this, "supports");
-    this.postEvent = t, this.supports = E(e, {
+    this.postEvent = t, this.supports = C(e, {
       impactOccurred: "web_app_trigger_haptic_feedback",
       notificationOccurred: "web_app_trigger_haptic_feedback",
       selectionChanged: "web_app_trigger_haptic_feedback"
@@ -1340,35 +899,231 @@ class Pt {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-function kt() {
-  const r = document.createElement("style");
-  r.id = "telegram-custom-styles", document.head.appendChild(r), y("set_custom_style", (e) => {
-    r.innerHTML = e;
-  });
+function ht() {
+  return f({
+    id: x(),
+    type: h(),
+    title: h(),
+    photoUrl: {
+      type: h().optional(),
+      from: "photo_url"
+    },
+    username: h().optional()
+  }, "Chat");
 }
-function qe(r) {
-  return `telegram-mini-apps-${r}`;
+class ut {
+  constructor(e) {
+    this.initData = e;
+  }
+  /**
+   * @see InitDataParsed.authDate
+   */
+  get authDate() {
+    return this.initData.authDate;
+  }
+  /**
+   * @see InitDataParsed.canSendAfter
+   */
+  get canSendAfter() {
+    return this.initData.canSendAfter;
+  }
+  /**
+   * Date after which it is allowed to call
+   * the [answerWebAppQuery](https://core.telegram.org/bots/api#answerwebappquery) method.
+   */
+  get canSendAfterDate() {
+    const { canSendAfter: e } = this;
+    return e === void 0 ? void 0 : new Date(this.authDate.getTime() + e * 1e3);
+  }
+  /**
+   * @see InitDataParsed.chat
+   */
+  get chat() {
+    return this.initData.chat;
+  }
+  /**
+   * @see InitDataParsed.chatType
+   */
+  get chatType() {
+    return this.initData.chatType;
+  }
+  /**
+   * @see InitDataParsed.chatInstance
+   */
+  get chatInstance() {
+    return this.initData.chatInstance;
+  }
+  /**
+   * @see InitDataParsed.hash
+   */
+  get hash() {
+    return this.initData.hash;
+  }
+  /**
+   * @see InitDataParsed.queryId
+   */
+  get queryId() {
+    return this.initData.queryId;
+  }
+  /**
+   * @see InitDataParsed.receiver
+   */
+  get receiver() {
+    return this.initData.receiver;
+  }
+  /**
+   * @see InitDataParsed.startParam
+   */
+  get startParam() {
+    return this.initData.startParam;
+  }
+  /**
+   * @see InitDataParsed.user
+   */
+  get user() {
+    return this.initData.user;
+  }
 }
-function B(r, e) {
-  sessionStorage.setItem(qe(r), JSON.stringify(e));
+function ie() {
+  return f({
+    addedToAttachmentMenu: {
+      type: P().optional(),
+      from: "added_to_attachment_menu"
+    },
+    allowsWriteToPm: {
+      type: P().optional(),
+      from: "allows_write_to_pm"
+    },
+    firstName: {
+      type: h(),
+      from: "first_name"
+    },
+    id: x(),
+    isBot: {
+      type: P().optional(),
+      from: "is_bot"
+    },
+    isPremium: {
+      type: P().optional(),
+      from: "is_premium"
+    },
+    languageCode: {
+      type: h().optional(),
+      from: "language_code"
+    },
+    lastName: {
+      type: h().optional(),
+      from: "last_name"
+    },
+    photoUrl: {
+      type: h().optional(),
+      from: "photo_url"
+    },
+    username: h().optional()
+  }, "User");
 }
-function D(r) {
-  const e = sessionStorage.getItem(qe(r));
-  return e ? JSON.parse(e) : null;
+const be = R((r) => r instanceof Date ? r : new Date(x().parse(r) * 1e3), "Date");
+function ee(r, e) {
+  return new j((t) => {
+    if (typeof t != "string" && !(t instanceof URLSearchParams))
+      throw V();
+    const s = typeof t == "string" ? new URLSearchParams(t) : t;
+    return de(r, (n) => {
+      const i = s.get(n);
+      return i === null ? void 0 : i;
+    });
+  }, !1, e);
 }
-function St(r, e, t) {
-  const { isVisible: s = !1 } = r ? D("back-button") || {} : {}, n = new bt(s, e, t);
-  return n.on("change", () => {
-    B("back-button", { isVisible: n.isVisible });
-  }), n;
+function me() {
+  return ee({
+    authDate: {
+      type: be(),
+      from: "auth_date"
+    },
+    canSendAfter: {
+      type: x().optional(),
+      from: "can_send_after"
+    },
+    chat: ht().optional(),
+    chatInstance: {
+      type: h().optional(),
+      from: "chat_instance"
+    },
+    chatType: {
+      type: h().optional(),
+      from: "chat_type"
+    },
+    hash: h(),
+    queryId: {
+      type: h().optional(),
+      from: "query_id"
+    },
+    receiver: ie().optional(),
+    startParam: {
+      type: h().optional(),
+      from: "start_param"
+    },
+    user: ie().optional()
+  }, "InitData");
 }
-function xt(r, e) {
-  const { isConfirmationNeeded: t = !1 } = r ? D("closing-behavior") || {} : {}, s = new yt(t, e);
-  return s.on("change", () => B("closing-behavior", {
-    isConfirmationNeeded: s.isConfirmationNeeded
-  })), s;
+function er(r) {
+  return me().parse(r);
+}
+function pt(r) {
+  const { hostname: e, pathname: t } = new URL(r, window.location.href);
+  if (e !== "t.me")
+    throw new Error(`Incorrect hostname: ${e}`);
+  const s = t.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
+  if (s === null)
+    throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/{slug}" or "/${slug}"');
+  return s[2];
+}
+class lt {
+  constructor(e, t = d) {
+    o(this, "ee", new w());
+    o(this, "state");
+    /**
+     * Adds new event listener.
+     */
+    o(this, "on", this.ee.on.bind(this.ee));
+    /**
+     * Removes event listener.
+     */
+    o(this, "off", this.ee.off.bind(this.ee));
+    /**
+     * Checks if specified method is supported by current component.
+     */
+    o(this, "supports");
+    this.postEvent = t, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(e, { open: "web_app_open_invoice" });
+  }
+  set isOpened(e) {
+    this.state.set("isOpened", e);
+  }
+  /**
+   * True if invoice is currently opened.
+   */
+  get isOpened() {
+    return this.state.get("isOpened");
+  }
+  async open(e, t) {
+    if (this.isOpened)
+      throw new Error("Invoice is already opened");
+    const s = t ? pt(e) : e;
+    this.isOpened = !0;
+    try {
+      return (await y("web_app_open_invoice", "invoice_closed", {
+        params: { slug: s },
+        postEvent: this.postEvent,
+        capture(i) {
+          return s === i.slug;
+        }
+      })).status;
+    } finally {
+      this.isOpened = !1;
+    }
+  }
 }
-class qt {
+class dt {
   constructor(e) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1382,14 +1137,14 @@ class qt {
       // FIXME: Event 'main_button_pressed' is still being received on Android
       //  even if the main button is disabled.
       //  Issue: https://github.com/Telegram-Mini-Apps/tma.js/issues/3
-      e === "click" ? y("main_button_pressed", t) : this.ee.on(e, t)
+      e === "click" ? E("main_button_pressed", t) : this.ee.on(e, t)
     ));
     /**
      * Removes event listener.
      * @param event - event name.
      * @param listener - event listener.
      */
-    o(this, "off", (e, t) => e === "click" ? $("main_button_pressed", t) : this.ee.off(e, t));
+    o(this, "off", (e, t) => e === "click" ? I("main_button_pressed", t) : this.ee.off(e, t));
     const {
       postEvent: t = d,
       text: s,
@@ -1399,7 +1154,7 @@ class qt {
       isVisible: c,
       isLoaderVisible: u
     } = e;
-    this.postEvent = t, this.state = new b({
+    this.postEvent = t, this.state = new m({
       backgroundColor: i,
       isEnabled: a,
       isVisible: c,
@@ -1443,448 +1198,733 @@ class qt {
     this.setParams({ isVisible: e });
   }
   /**
-   * True if the Main Button is currently visible.
+   * True if the Main Button is currently visible.
+   */
+  get isVisible() {
+    return this.state.get("isVisible");
+  }
+  /**
+   * The Main Button background color.
+   */
+  get backgroundColor() {
+    return this.state.get("backgroundColor");
+  }
+  /**
+   * The Main Button text.
+   */
+  get text() {
+    return this.state.get("text");
+  }
+  /**
+   * The Main Button text color.
+   */
+  get textColor() {
+    return this.state.get("textColor");
+  }
+  /**
+   * Disables the Main Button.
+   */
+  disable() {
+    return this.isEnabled = !1, this;
+  }
+  /**
+   * Enables the Main Button.
+   */
+  enable() {
+    return this.isEnabled = !0, this;
+  }
+  /**
+   * Hides the Main Button.
+   */
+  hide() {
+    return this.isVisible = !1, this;
+  }
+  /**
+   * Hides the Main Button loader.
+   */
+  hideLoader() {
+    return this.isLoaderVisible = !1, this;
+  }
+  /**
+   * Shows the Main Button. Note that opening the Mini App from the attachment menu hides the
+   * main button until the user interacts with the Mini App interface.
+   */
+  show() {
+    return this.isVisible = !0, this;
+  }
+  /**
+   * A method to show a loading indicator on the Main Button. It is recommended to display
+   * loader if the action tied to the button may take a long time.
+   */
+  showLoader() {
+    return this.isLoaderVisible = !0, this;
+  }
+  /**
+   * Sets new Main Button text. Minimal length for text is 1 symbol, and maximum is 64 symbols.
+   * @param text - new text.
+   */
+  setText(e) {
+    return this.setParams({ text: e });
+  }
+  /**
+   * Sets new Main Button text color.
+   * @param textColor - new text color.
+   */
+  setTextColor(e) {
+    return this.setParams({ textColor: e });
+  }
+  /**
+   * Updates current Main Button color.
+   * @param backgroundColor - color to set.
+   */
+  setBackgroundColor(e) {
+    return this.setParams({ backgroundColor: e });
+  }
+  /**
+   * Allows setting multiple Main Button parameters.
+   * @param params - Main Button parameters.
+   */
+  setParams(e) {
+    return this.state.set(e), this.commit(), this;
+  }
+}
+const ft = ee({
+  contact: f({
+    userId: {
+      type: x(),
+      from: "user_id"
+    },
+    phoneNumber: {
+      type: h(),
+      from: "phone_number"
+    },
+    firstName: {
+      type: h(),
+      from: "first_name"
+    },
+    lastName: {
+      type: h().optional(),
+      from: "last_name"
+    }
+  }),
+  authDate: {
+    type: be(),
+    from: "auth_date"
+  },
+  hash: h()
+});
+function ye(r, e) {
+  return (t) => {
+    const [s, n] = e[t];
+    return A(s, n, r);
+  };
+}
+function gt(r) {
+  return new Promise((e) => {
+    setTimeout(e, r);
+  });
+}
+class wt {
+  constructor(e) {
+    o(this, "ee", new w());
+    o(this, "state");
+    o(this, "botInline");
+    o(this, "postEvent");
+    o(this, "createRequestId");
+    o(this, "requestingPhoneAccess", !1);
+    o(this, "requestingWriteAccess", !1);
+    /**
+     * Adds new event listener.
+     */
+    o(this, "on", this.ee.on.bind(this.ee));
+    /**
+     * Removes event listener.
+     */
+    o(this, "off", this.ee.off.bind(this.ee));
+    /**
+     * Checks if specified method is supported by current component.
+     */
+    o(this, "supports");
+    /**
+     * Checks if specified method parameter is supported by current component.
+     */
+    o(this, "supportsParam");
+    const {
+      postEvent: t = d,
+      headerColor: s,
+      backgroundColor: n,
+      version: i,
+      botInline: a,
+      createRequestId: c
+    } = e, u = C(i, {
+      requestPhoneAccess: "web_app_request_phone",
+      requestWriteAccess: "web_app_request_write_access",
+      switchInlineQuery: "web_app_switch_inline_query",
+      setHeaderColor: "web_app_set_header_color",
+      setBackgroundColor: "web_app_set_background_color"
+    });
+    this.postEvent = t, this.botInline = a, this.createRequestId = c, this.supports = (p) => !(!u(p) || p === "switchInlineQuery" && !a), this.state = new m({ backgroundColor: n, headerColor: s }, this.ee), this.supportsParam = ye(i, {
+      "setHeaderColor.color": ["web_app_set_header_color", "color"]
+    });
+  }
+  /**
+   * Attempts to get requested contact.
+   */
+  async getRequestedContact() {
+    return O(
+      "getRequestedContact",
+      {},
+      this.createRequestId(),
+      {
+        postEvent: this.postEvent,
+        timeout: 1e4
+      }
+    ).then((e) => ft.parse(e));
+  }
+  /**
+   * The Mini App background color.
+   */
+  get backgroundColor() {
+    return this.state.get("backgroundColor");
+  }
+  /**
+   * Closes the Mini App.
+   */
+  close() {
+    this.postEvent("web_app_close");
+  }
+  /**
+   * The Mini App header color. Could either be a header color key or RGB color.
+   */
+  get headerColor() {
+    return this.state.get("headerColor");
+  }
+  /**
+   * True if Mini App is currently launched in bot inline mode.
+   */
+  get isBotInline() {
+    return this.botInline;
+  }
+  /**
+   * True if current Mini App background color recognized as dark.
+   */
+  get isDark() {
+    return _e(this.backgroundColor);
+  }
+  /**
+   * True if phone access is currently being requested.
+   */
+  get isRequestingPhoneAccess() {
+    return this.requestingPhoneAccess;
+  }
+  /**
+   * True if write access is currently being requested.
+   */
+  get isRequestingWriteAccess() {
+    return this.requestingWriteAccess;
+  }
+  /**
+   * Informs the Telegram app that the Mini App is ready to be displayed.
+   *
+   * It is recommended to call this method as early as possible, as soon as all essential
+   * interface elements loaded. Once this method called, the loading placeholder is hidden
+   * and the Mini App shown.
+   *
+   * If the method not called, the placeholder will be hidden only when the page fully loaded.
+   */
+  ready() {
+    this.postEvent("web_app_ready");
+  }
+  /**
+   * Requests current user contact information. In contrary to requestPhoneAccess, this method
+   * returns promise with contact information that rejects in case, user denied access, or request
+   * failed.
+   * @param options - additional options.
+   */
+  async requestContact({ timeout: e = 5e3 } = {}) {
+    try {
+      return await this.getRequestedContact();
+    } catch {
+    }
+    if (await this.requestPhoneAccess() !== "sent")
+      throw new Error("Access denied.");
+    const s = Date.now() + e;
+    let n = 50;
+    return we(async () => {
+      for (; Date.now() < s; ) {
+        try {
+          return await this.getRequestedContact();
+        } catch {
+        }
+        await gt(n), n += 50;
+      }
+      throw new Error("Unable to retrieve requested contact.");
+    }, e);
+  }
+  /**
+   * Requests current user phone access. Method returns promise, which resolves
+   * status of the request. In case, user accepted the request, Mini App bot will receive
+   * the according notification.
+   *
+   * To obtain the retrieved information instead, utilize the requestContact method.
+   * @param options - additional options.
+   * @see requestContact
    */
-  get isVisible() {
-    return this.state.get("isVisible");
+  requestPhoneAccess(e = {}) {
+    if (this.requestingPhoneAccess)
+      throw new Error("Phone access is already being requested.");
+    return this.requestingPhoneAccess = !0, y("web_app_request_phone", "phone_requested", {
+      ...e,
+      postEvent: this.postEvent
+    }).then((t) => t.status).finally(() => {
+      this.requestingPhoneAccess = !1;
+    });
   }
   /**
-   * The Main Button background color.
+   * Requests write message access to current user.
+   * @param options - additional options.
    */
-  get backgroundColor() {
-    return this.state.get("backgroundColor");
+  requestWriteAccess(e = {}) {
+    if (this.requestingWriteAccess)
+      throw new Error("Write access is already being requested.");
+    return this.requestingWriteAccess = !0, y("web_app_request_write_access", "write_access_requested", {
+      ...e,
+      postEvent: this.postEvent
+    }).then((t) => t.status).finally(() => {
+      this.requestingWriteAccess = !1;
+    });
   }
   /**
-   * The Main Button text.
+   * A method used to send data to the bot. When this method called, a service message sent to
+   * the bot containing the data of the length up to 4096 bytes, and the Mini App closed. See the
+   * field `web_app_data` in the class [Message](https://core.telegram.org/bots/api#message).
+   *
+   * This method is only available for Mini Apps launched via a Keyboard button.
+   * @param data - data to send to bot.
+   * @throws {Error} data has incorrect size.
    */
-  get text() {
-    return this.state.get("text");
+  sendData(e) {
+    const { size: t } = new Blob([e]);
+    if (t === 0 || t > 4096)
+      throw new Error(`Passed data has incorrect size: ${t}`);
+    this.postEvent("web_app_data_send", { data: e });
   }
   /**
-   * The Main Button text color.
+   * Updates current Mini App header color.
+   * @param color - color key or RGB color.
    */
-  get textColor() {
-    return this.state.get("textColor");
+  setHeaderColor(e) {
+    this.postEvent("web_app_set_header_color", X(e) ? { color: e } : { color_key: e }), this.state.set("headerColor", e);
   }
   /**
-   * Disables the Main Button.
+   * Updates current Mini App background color.
+   * @param color - RGB color.
    */
-  disable() {
-    return this.isEnabled = !1, this;
+  setBackgroundColor(e) {
+    this.postEvent("web_app_set_background_color", { color: e }), this.state.set("backgroundColor", e);
   }
   /**
-   * Enables the Main Button.
+   * Inserts the bot's username and the specified inline query in the current chat's input field.
+   * Query may be empty, in which case only the bot's username will be inserted. The client prompts
+   * the user to choose a specific chat, then opens that chat and inserts the bot's username and
+   * the specified inline query in the input field.
+   * @param text - text which should be inserted in the input after the current bot name. Max
+   * length is 256 symbols.
+   * @param chatTypes - List of chat types which could be chosen to send the message. Could be
+   * empty list.
    */
-  enable() {
-    return this.isEnabled = !0, this;
+  switchInlineQuery(e, t = []) {
+    if (!this.supports("switchInlineQuery") && !this.isBotInline)
+      throw new Error("Method is unsupported because Mini App should be launched in inline mode.");
+    this.postEvent("web_app_switch_inline_query", {
+      query: e,
+      chat_types: t
+    });
   }
-  /**
-   * Hides the Main Button.
-   */
-  hide() {
-    return this.isVisible = !1, this;
+}
+function _t(r) {
+  const e = r.message.trim(), t = (r.title || "").trim(), s = r.buttons || [];
+  let n;
+  if (t.length > 64)
+    throw new Error(`Title has incorrect size: ${t.length}`);
+  if (e.length === 0 || e.length > 256)
+    throw new Error(`Message has incorrect size: ${e.length}`);
+  if (s.length > 3)
+    throw new Error(`Buttons have incorrect size: ${s.length}`);
+  return s.length === 0 ? n = [{ type: "close", id: "" }] : n = s.map((i) => {
+    const { id: a = "" } = i;
+    if (a.length > 64)
+      throw new Error(`Button ID has incorrect size: ${a}`);
+    if (i.type === void 0 || i.type === "default" || i.type === "destructive") {
+      const c = i.text.trim();
+      if (c.length === 0 || c.length > 64) {
+        const u = i.type || "default";
+        throw new Error(`Button text with type "${u}" has incorrect size: ${i.text.length}`);
+      }
+      return { ...i, text: c, id: a };
+    }
+    return { ...i, id: a };
+  }), { title: t, message: e, buttons: n };
+}
+class bt {
+  constructor(e, t = d) {
+    o(this, "ee", new w());
+    o(this, "state");
+    /**
+     * Adds new event listener.
+     */
+    o(this, "on", this.ee.on.bind(this.ee));
+    /**
+     * Removes event listener.
+     */
+    o(this, "off", this.ee.off.bind(this.ee));
+    /**
+     * Checks if specified method is supported by current component.
+     */
+    o(this, "supports");
+    this.postEvent = t, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(e, { open: "web_app_open_popup" });
   }
-  /**
-   * Hides the Main Button loader.
-   */
-  hideLoader() {
-    return this.isLoaderVisible = !1, this;
+  set isOpened(e) {
+    this.state.set("isOpened", e);
   }
   /**
-   * Shows the Main Button. Note that opening the Mini App from the attachment menu hides the
-   * main button until the user interacts with the Mini App interface.
+   * True if popup is currently opened.
    */
-  show() {
-    return this.isVisible = !0, this;
+  get isOpened() {
+    return this.state.get("isOpened");
   }
   /**
-   * A method to show a loading indicator on the Main Button. It is recommended to display
-   * loader if the action tied to the button may take a long time.
+   * A method that shows a native popup described by the `params` argument.
+   * Promise will be resolved when popup is closed. Resolved value will have
+   * an identifier of pressed button.
+   *
+   * In case, user clicked outside the popup or clicked top right popup close
+   * button, null will be returned.
+   *
+   * FIXME: In desktop, this function may work incorrectly.
+   *  Issue: https://github.com/Telegram-Mini-Apps/tma.js/issues/7
+   * @param options - popup parameters.
+   * @throws {Error} Popup is already opened.
    */
-  showLoader() {
-    return this.isLoaderVisible = !0, this;
+  open(e) {
+    if (this.isOpened)
+      throw new Error("Popup is already opened.");
+    return this.isOpened = !0, y("web_app_open_popup", "popup_closed", {
+      postEvent: this.postEvent,
+      params: _t(e)
+    }).then(({ button_id: t = null }) => t).finally(() => {
+      this.isOpened = !1;
+    });
   }
-  /**
-   * Sets new Main Button text. Minimal length for text is 1 symbol, and maximum is 64 symbols.
-   * @param text - new text.
-   */
-  setText(e) {
-    return this.setParams({ text: e });
+}
+class mt {
+  constructor(e, t = d) {
+    o(this, "ee", new w());
+    o(this, "state");
+    /**
+     * Adds new event listener.
+     */
+    o(this, "on", this.ee.on.bind(this.ee));
+    /**
+     * Removes event listener.
+     */
+    o(this, "off", this.ee.off.bind(this.ee));
+    /**
+     * Checks if specified method is supported by current component.
+     */
+    o(this, "supports");
+    this.postEvent = t, this.state = new m({ isOpened: !1 }, this.ee), this.supports = C(e, {
+      close: "web_app_close_scan_qr_popup",
+      open: "web_app_open_scan_qr_popup"
+    });
   }
   /**
-   * Sets new Main Button text color.
-   * @param textColor - new text color.
+   * Closes scanner.
    */
-  setTextColor(e) {
-    return this.setParams({ textColor: e });
+  close() {
+    this.postEvent("web_app_close_scan_qr_popup"), this.isOpened = !1;
+  }
+  set isOpened(e) {
+    this.state.set("isOpened", e);
   }
   /**
-   * Updates current Main Button color.
-   * @param backgroundColor - color to set.
+   * Returns true in case, QR scanner is currently opened.
    */
-  setBackgroundColor(e) {
-    return this.setParams({ backgroundColor: e });
+  get isOpened() {
+    return this.state.get("isOpened");
   }
   /**
-   * Allows setting multiple Main Button parameters.
-   * @param params - Main Button parameters.
+   * Opens scanner with specified title shown to user. Method returns promise
+   * with scanned QR content in case, it was scanned. It will contain null in
+   * case, scanner was closed.
+   * @param text - title to display.
    */
-  setParams(e) {
-    return this.state.set(e), this.commit(), this;
-  }
-}
-function At(r, e, t, s) {
-  const {
-    backgroundColor: n = e,
-    isEnabled: i = !1,
-    isVisible: a = !1,
-    isLoaderVisible: c = !1,
-    textColor: u = t,
-    text: p = ""
-  } = r ? D("main-button") || {} : {}, g = new qt({
-    backgroundColor: n,
-    isEnabled: i,
-    isLoaderVisible: c,
-    isVisible: a,
-    postEvent: s,
-    text: p,
-    textColor: u
-  }), _ = () => B("main-button", {
-    backgroundColor: g.backgroundColor,
-    isEnabled: g.isEnabled,
-    isLoaderVisible: g.isLoaderVisible,
-    isVisible: g.isVisible,
-    text: g.text,
-    textColor: g.textColor
-  });
-  return g.on("change", _), g;
-}
-const Vt = ee({
-  contact: f({
-    userId: {
-      type: A(),
-      from: "user_id"
-    },
-    phoneNumber: {
-      type: h(),
-      from: "phone_number"
-    },
-    firstName: {
-      type: h(),
-      from: "first_name"
-    },
-    lastName: {
-      type: h().optional(),
-      from: "last_name"
+  async open(e) {
+    if (this.isOpened)
+      throw new Error("QR scanner is already opened.");
+    this.isOpened = !0;
+    try {
+      const t = await y(
+        "web_app_open_scan_qr_popup",
+        ["qr_text_received", "scan_qr_popup_closed"],
+        {
+          postEvent: this.postEvent,
+          params: { text: e }
+        }
+      );
+      return typeof t == "object" && typeof t.data == "string" ? t.data : null;
+    } finally {
+      this.isOpened = !1;
     }
-  }),
-  authDate: {
-    type: fe(),
-    from: "auth_date"
-  },
-  hash: h()
-});
-class Rt {
-  constructor(e) {
+  }
+}
+class yt {
+  constructor(e, t, s = d) {
     o(this, "ee", new w());
     o(this, "state");
-    o(this, "botInline");
-    o(this, "postEvent");
-    o(this, "createRequestId");
-    o(this, "requestingPhoneAccess", !1);
-    o(this, "requestingWriteAccess", !1);
     /**
-     * Adds new event listener.
+     * Adds event listener.
+     * @param event - event name.
+     * @param listener - event listener.
      */
-    o(this, "on", this.ee.on.bind(this.ee));
+    o(this, "on", (e, t) => e === "click" ? E("settings_button_pressed", t) : this.ee.on(e, t));
     /**
      * Removes event listener.
+     * @param event - event name.
+     * @param listener - event listener.
      */
-    o(this, "off", this.ee.off.bind(this.ee));
+    o(this, "off", (e, t) => e === "click" ? I("settings_button_pressed", t) : this.ee.off(e, t));
     /**
      * Checks if specified method is supported by current component.
      */
     o(this, "supports");
-    /**
-     * Checks if specified method parameter is supported by current component.
-     */
-    o(this, "supportsParam");
-    const {
-      postEvent: t = d,
-      headerColor: s,
-      backgroundColor: n,
-      version: i,
-      botInline: a,
-      createRequestId: c
-    } = e, u = E(i, {
-      requestPhoneAccess: "web_app_request_phone",
-      requestWriteAccess: "web_app_request_write_access",
-      switchInlineQuery: "web_app_switch_inline_query",
-      setHeaderColor: "web_app_set_header_color",
-      setBackgroundColor: "web_app_set_background_color"
-    });
-    this.postEvent = t, this.botInline = a, this.createRequestId = c, this.supports = (p) => !(!u(p) || p === "switchInlineQuery" && !a), this.state = new b({ backgroundColor: n, headerColor: s }, this.ee), this.supportsParam = Se(i, {
-      "setHeaderColor.color": ["web_app_set_header_color", "color"]
+    this.postEvent = s, this.state = new m({ isVisible: e }, this.ee), this.supports = C(t, {
+      show: "web_app_setup_settings_button",
+      hide: "web_app_setup_settings_button"
     });
   }
-  /**
-   * Attempts to get requested contact.
-   */
-  async getRequestedContact() {
-    return H(
-      "getRequestedContact",
-      {},
-      this.createRequestId(),
-      {
-        postEvent: this.postEvent,
-        timeout: 1e4
-      }
-    ).then((e) => Vt.parse(e));
+  set isVisible(e) {
+    this.state.set("isVisible", e), this.postEvent("web_app_setup_settings_button", { is_visible: e });
   }
   /**
-   * The Mini App background color.
+   * True if SettingsButton is currently visible.
    */
-  get backgroundColor() {
-    return this.state.get("backgroundColor");
+  get isVisible() {
+    return this.state.get("isVisible");
   }
   /**
-   * Closes the Mini App.
+   * Hides the SettingsButton.
    */
-  close() {
-    this.postEvent("web_app_close");
+  hide() {
+    this.isVisible = !1;
   }
   /**
-   * The Mini App header color. Could either be a header color key or RGB color.
+   * Shows the SettingsButton.
    */
-  get headerColor() {
-    return this.state.get("headerColor");
+  show() {
+    this.isVisible = !0;
   }
-  /**
-   * True if Mini App is currently launched in bot inline mode.
-   */
-  get isBotInline() {
-    return this.botInline;
+}
+function Et(r) {
+  return r.replace(/(^|_)bg/, (e, t) => `${t}background`).replace(/_([a-z])/g, (e, t) => t.toUpperCase());
+}
+function Ct(r) {
+  return r.replace(/[A-Z]/g, (e) => `_${e.toLowerCase()}`).replace(/(^|_)background/, (e, t) => `${t}bg`);
+}
+const Ee = R(
+  (r) => {
+    const e = ge().optional();
+    return Object.entries(Y(r)).reduce((t, [s, n]) => (t[Et(s)] = e.parse(n), t), {});
+  },
+  "ThemeParams"
+);
+function Ce(r) {
+  return Ee().parse(r);
+}
+function tr(r) {
+  return y("web_app_request_theme", "theme_changed", r).then(Ce);
+}
+function vt(r) {
+  return JSON.stringify(
+    Object.entries(r).reduce((e, [t, s]) => (s && (e[Ct(t)] = s), e), {})
+  );
+}
+class Pt {
+  constructor(e) {
+    o(this, "ee", new w());
+    o(this, "state");
+    /**
+     * Adds new event listener.
+     */
+    o(this, "on", this.ee.on.bind(this.ee));
+    /**
+     * Removes event listener.
+     */
+    o(this, "off", this.ee.off.bind(this.ee));
+    this.state = new m(e, this.ee);
   }
   /**
-   * True if current Mini App background color recognized as dark.
+   * @since v6.10
    */
-  get isDark() {
-    return we(this.backgroundColor);
+  get accentTextColor() {
+    return this.get("accentTextColor");
   }
-  /**
-   * True if phone access is currently being requested.
-   */
-  get isRequestingPhoneAccess() {
-    return this.requestingPhoneAccess;
+  get backgroundColor() {
+    return this.get("backgroundColor");
   }
-  /**
-   * True if write access is currently being requested.
-   */
-  get isRequestingWriteAccess() {
-    return this.requestingWriteAccess;
+  get buttonColor() {
+    return this.get("buttonColor");
   }
-  /**
-   * Informs the Telegram app that the Mini App is ready to be displayed.
-   *
-   * It is recommended to call this method as early as possible, as soon as all essential
-   * interface elements loaded. Once this method called, the loading placeholder is hidden
-   * and the Mini App shown.
-   *
-   * If the method not called, the placeholder will be hidden only when the page fully loaded.
-   */
-  ready() {
-    this.postEvent("web_app_ready");
+  get buttonTextColor() {
+    return this.get("buttonTextColor");
+  }
+  get destructiveTextColor() {
+    return this.get("destructiveTextColor");
   }
   /**
-   * Requests current user contact information. In contrary to requestPhoneAccess, this method
-   * returns promise with contact information that rejects in case, user denied access, or request
-   * failed.
-   * @param options - additional options.
+   * Retrieves palette color value by its name.
+   * @param key - palette key name.
    */
-  async requestContact({ timeout: e = 5e3 } = {}) {
-    try {
-      return await this.getRequestedContact();
-    } catch {
-    }
-    if (await this.requestPhoneAccess() !== "sent")
-      throw new Error("Access denied.");
-    const s = Date.now() + e;
-    let n = 50;
-    return xe(async () => {
-      for (; Date.now() < s; ) {
-        try {
-          return await this.getRequestedContact();
-        } catch {
-        }
-        await wt(n), n += 50;
-      }
-      throw new Error("Unable to retrieve requested contact.");
-    }, e);
+  get(e) {
+    return this.state.get(e);
   }
   /**
-   * Requests current user phone access. Method returns promise, which resolves
-   * status of the request. In case, user accepted the request, Mini App bot will receive
-   * the according notification.
-   *
-   * To obtain the retrieved information instead, utilize the requestContact method.
-   * @param options - additional options.
-   * @see requestContact
+   * Returns the copy of the internal state of the current component instance.
    */
-  requestPhoneAccess(e = {}) {
-    if (this.requestingPhoneAccess)
-      throw new Error("Phone access is already being requested.");
-    return this.requestingPhoneAccess = !0, m("web_app_request_phone", "phone_requested", {
-      ...e,
-      postEvent: this.postEvent
-    }).then((t) => t.status).finally(() => {
-      this.requestingPhoneAccess = !1;
-    });
+  getState() {
+    return this.state.clone();
   }
   /**
-   * Requests write message access to current user.
-   * @param options - additional options.
+   * @since v6.10
    */
-  requestWriteAccess(e = {}) {
-    if (this.requestingWriteAccess)
-      throw new Error("Write access is already being requested.");
-    return this.requestingWriteAccess = !0, m("web_app_request_write_access", "write_access_requested", {
-      ...e,
-      postEvent: this.postEvent
-    }).then((t) => t.status).finally(() => {
-      this.requestingWriteAccess = !1;
-    });
+  get headerBackgroundColor() {
+    return this.get("headerBackgroundColor");
+  }
+  get hintColor() {
+    return this.get("hintColor");
   }
   /**
-   * A method used to send data to the bot. When this method called, a service message sent to
-   * the bot containing the data of the length up to 4096 bytes, and the Mini App closed. See the
-   * field `web_app_data` in the class [Message](https://core.telegram.org/bots/api#message).
-   *
-   * This method is only available for Mini Apps launched via a Keyboard button.
-   * @param data - data to send to bot.
-   * @throws {Error} data has incorrect size.
+   * Returns true in case, current color scheme is recognized as dark. This
+   * value is calculated according to theme background color.
    */
-  sendData(e) {
-    const { size: t } = new Blob([e]);
-    if (t === 0 || t > 4096)
-      throw new Error(`Passed data has incorrect size: ${t}`);
-    this.postEvent("web_app_data_send", { data: e });
+  get isDark() {
+    return !this.backgroundColor || _e(this.backgroundColor);
+  }
+  get linkColor() {
+    return this.get("linkColor");
+  }
+  get secondaryBackgroundColor() {
+    return this.get("secondaryBackgroundColor");
   }
   /**
-   * Updates current Mini App header color.
-   * @param color - color key or RGB color.
+   * @since v6.10
    */
-  setHeaderColor(e) {
-    this.postEvent("web_app_set_header_color", X(e) ? { color: e } : { color_key: e }), this.state.set("headerColor", e);
+  get sectionBackgroundColor() {
+    return this.get("sectionBackgroundColor");
   }
   /**
-   * Updates current Mini App background color.
-   * @param color - RGB color.
+   * @since v6.10
    */
-  setBackgroundColor(e) {
-    this.postEvent("web_app_set_background_color", { color: e }), this.state.set("backgroundColor", e);
+  get sectionHeaderTextColor() {
+    return this.get("sectionHeaderTextColor");
   }
   /**
-   * Inserts the bot's username and the specified inline query in the current chat's input field.
-   * Query may be empty, in which case only the bot's username will be inserted. The client prompts
-   * the user to choose a specific chat, then opens that chat and inserts the bot's username and
-   * the specified inline query in the input field.
-   * @param text - text which should be inserted in the input after the current bot name. Max
-   * length is 256 symbols.
-   * @param chatTypes - List of chat types which could be chosen to send the message. Could be
-   * empty list.
+   * Starts listening to theme changes and applies them.
+   * @returns Function to stop listening.
    */
-  switchInlineQuery(e, t = []) {
-    if (!this.supports("switchInlineQuery") && !this.isBotInline)
-      throw new Error("Method is unsupported because Mini App should be launched in inline mode.");
-    this.postEvent("web_app_switch_inline_query", {
-      query: e,
-      chat_types: t
+  listen() {
+    return E("theme_changed", (e) => {
+      this.state.set(Ce(e.theme_params));
     });
   }
+  /**
+   * @since v6.10
+   */
+  get subtitleTextColor() {
+    return this.get("subtitleTextColor");
+  }
+  get textColor() {
+    return this.get("textColor");
+  }
 }
-function It(r, e, t, s, n, i) {
-  const {
-    backgroundColor: a = e,
-    headerColor: c = "bg_color"
-  } = r ? D("mini-app") || {} : {}, u = new Rt({
-    headerColor: c,
-    backgroundColor: a,
-    version: t,
-    botInline: s,
-    createRequestId: n,
-    postEvent: i
-  }), p = () => B("mini-app", {
-    backgroundColor: u.backgroundColor,
-    headerColor: u.headerColor
-  });
-  return u.on("change", p), u;
-}
-function Lt() {
-  let r = 0;
-  return () => (r += 1, r.toString());
-}
-class Tt {
+class St {
   constructor(e, t, s = d) {
-    o(this, "ee", new w());
-    o(this, "state");
-    /**
-     * Adds event listener.
-     * @param event - event name.
-     * @param listener - event listener.
-     */
-    o(this, "on", (e, t) => e === "click" ? y("settings_button_pressed", t) : this.ee.on(e, t));
-    /**
-     * Removes event listener.
-     * @param event - event name.
-     * @param listener - event listener.
-     */
-    o(this, "off", (e, t) => e === "click" ? $("settings_button_pressed", t) : this.ee.off(e, t));
     /**
      * Checks if specified method is supported by current component.
      */
     o(this, "supports");
-    this.postEvent = s, this.state = new b({ isVisible: e }, this.ee), this.supports = E(t, {
-      show: "web_app_setup_settings_button",
-      hide: "web_app_setup_settings_button"
+    /**
+     * Checks if specified method parameter is supported by current component.
+     */
+    o(this, "supportsParam");
+    this.version = e, this.createRequestId = t, this.postEvent = s, this.supports = C(e, {
+      readTextFromClipboard: "web_app_read_text_from_clipboard"
+    }), this.supportsParam = ye(e, {
+      "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
     });
   }
-  set isVisible(e) {
-    this.state.set("isVisible", e), this.postEvent("web_app_setup_settings_button", { is_visible: e });
-  }
   /**
-   * True if SettingsButton is currently visible.
+   * Opens a link in an external browser. The Mini App will not be closed.
+   *
+   * Note that this method can be called only in response to the user
+   * interaction with the Mini App interface (e.g. click inside the Mini App
+   * or on the main button).
+   * @param url - URL to be opened.
+   * @param tryInstantView
    */
-  get isVisible() {
-    return this.state.get("isVisible");
+  openLink(e, t) {
+    const s = new URL(e, window.location.href).toString();
+    if (!A("web_app_open_link", this.version)) {
+      window.open(s, "_blank");
+      return;
+    }
+    this.postEvent("web_app_open_link", {
+      url: s,
+      ...typeof t == "boolean" ? { try_instant_view: t } : {}
+    });
   }
   /**
-   * Hides the SettingsButton.
+   * Opens a Telegram link inside Telegram app. The Mini App will be closed. It expects passing
+   * link in full format, with hostname "t.me".
+   * @param url - URL to be opened.
+   * @throws {Error} URL has not allowed hostname.
    */
-  hide() {
-    this.isVisible = !1;
+  openTelegramLink(e) {
+    const {
+      hostname: t,
+      pathname: s,
+      search: n
+    } = new URL(e, window.location.href);
+    if (t !== "t.me")
+      throw new Error(`URL has not allowed hostname: ${t}. Only "t.me" is allowed`);
+    if (!A("web_app_open_tg_link", this.version)) {
+      window.location.href = e;
+      return;
+    }
+    this.postEvent("web_app_open_tg_link", { path_full: s + n });
   }
   /**
-   * Shows the SettingsButton.
+   * Reads text from clipboard and returns string or null. null is returned
+   * in cases:
+   * - Value in clipboard is not text
+   * - Access to clipboard is not allowed
    */
-  show() {
-    this.isVisible = !0;
+  async readTextFromClipboard() {
+    const e = this.createRequestId(), {
+      data: t = null
+    } = await y("web_app_read_text_from_clipboard", "clipboard_text_received", {
+      postEvent: this.postEvent,
+      params: { req_id: e },
+      capture: le(e)
+    });
+    return t;
   }
 }
-function $t(r, e, t) {
-  const { isVisible: s = !1 } = r ? D("settings-button") || {} : {}, n = new Tt(s, e, t);
-  return n.on("change", () => {
-    B("settings-button", { isVisible: n.isVisible });
-  }), n;
-}
-function Bt(r) {
-  const e = new Ue(r);
-  return e.listen(), e;
-}
-function Dt(r) {
+function kt(r) {
   return ["macos", "tdesktop", "unigram", "web", "weba"].includes(r);
 }
-async function Ae(r) {
-  const e = await m("web_app_request_viewport", "viewport_changed", r);
+async function ve(r) {
+  const e = await y("web_app_request_viewport", "viewport_changed", r);
   return {
     height: e.height,
     width: e.width,
@@ -1892,10 +1932,10 @@ async function Ae(r) {
     isStateStable: e.is_state_stable
   };
 }
-function W(r) {
+function L(r) {
   return r < 0 ? 0 : r;
 }
-class Wt {
+class xt {
   constructor(e) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1915,11 +1955,11 @@ class Wt {
       stableHeight: i,
       postEvent: a = d
     } = e;
-    this.postEvent = a, this.state = new b({
-      height: W(t),
+    this.postEvent = a, this.state = new m({
+      height: L(t),
       isExpanded: s,
-      stableHeight: W(i),
-      width: W(n)
+      stableHeight: L(i),
+      width: L(n)
     }, this.ee);
   }
   /**
@@ -1928,7 +1968,7 @@ class Wt {
    * @param options - options to request fresh data.
    */
   sync(e) {
-    return Ae(e).then(({ height: t, isExpanded: s, width: n, isStateStable: i }) => {
+    return ve(e).then(({ height: t, isExpanded: s, width: n, isStateStable: i }) => {
       this.state.set({
         height: t,
         width: n,
@@ -1978,16 +2018,16 @@ class Wt {
    * @returns Function to stop listening.
    */
   listen() {
-    return y("viewport_changed", (e) => {
+    return E("viewport_changed", (e) => {
       const {
         height: t,
         width: s,
         is_expanded: n,
         is_state_stable: i
       } = e, a = {
-        height: W(t),
+        height: L(t),
         isExpanded: n,
-        width: W(s)
+        width: L(s)
       };
       i && (a.stableHeight = a.height), this.state.set(a);
     });
@@ -2024,21 +2064,145 @@ class Wt {
     return this.stableHeight === this.height;
   }
 }
-function G(r) {
-  const e = new Wt(r);
-  return e.on("change", () => B("viewport", {
+function S(r, e) {
+  document.documentElement.style.setProperty(r, e);
+}
+function qt(r, e) {
+  const t = () => {
+    S("--tg-background-color", r.backgroundColor);
+  }, s = () => {
+    const {
+      backgroundColor: n,
+      secondaryBackgroundColor: i
+    } = e;
+    if (X(r.headerColor)) {
+      S("--tg-header-color", r.headerColor);
+      return;
+    }
+    if (r.headerColor === "bg_color" && n) {
+      S("--tg-header-color", n);
+      return;
+    }
+    r.headerColor === "secondary_bg_color" && i && S("--tg-header-color", i);
+  };
+  e.on("change", s), r.on("change:backgroundColor", t), r.on("change:headerColor", s), t(), s();
+}
+function At(r) {
+  const e = () => {
+    const t = r.getState();
+    Object.entries(t).forEach(([s, n]) => {
+      if (n) {
+        const i = s.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
+        S(`--tg-theme-${i}`, n);
+      }
+    });
+  };
+  r.on("change", e), e();
+}
+function oe(r) {
+  const e = () => S("--tg-viewport-height", `${r.height}px`), t = () => S("--tg-viewport-width", `${r.width}px`), s = () => S("--tg-viewport-stable-height", `${r.stableHeight}px`);
+  r.on("change:height", e), r.on("change:width", t), r.on("change:stableHeight", s), e(), t(), s();
+}
+function Vt() {
+  const r = document.createElement("style");
+  r.id = "telegram-custom-styles", document.head.appendChild(r), E("set_custom_style", (e) => {
+    r.innerHTML = e;
+  });
+}
+function Pe(r) {
+  return `telegram-mini-apps-${r}`;
+}
+function T(r, e) {
+  sessionStorage.setItem(Pe(r), JSON.stringify(e));
+}
+function $(r) {
+  const e = sessionStorage.getItem(Pe(r));
+  return e ? JSON.parse(e) : null;
+}
+function Rt(r, e, t) {
+  const { isVisible: s = !1 } = r ? $("back-button") || {} : {}, n = new rt(s, e, t);
+  return n.on("change", () => {
+    T("back-button", { isVisible: n.isVisible });
+  }), n;
+}
+function It(r, e) {
+  const { isConfirmationNeeded: t = !1 } = r ? $("closing-behavior") || {} : {}, s = new st(t, e);
+  return s.on("change", () => T("closing-behavior", {
+    isConfirmationNeeded: s.isConfirmationNeeded
+  })), s;
+}
+function Tt(r, e, t, s) {
+  const {
+    backgroundColor: n = e,
+    isEnabled: i = !1,
+    isVisible: a = !1,
+    isLoaderVisible: c = !1,
+    textColor: u = t,
+    text: p = ""
+  } = r ? $("main-button") || {} : {}, g = new dt({
+    backgroundColor: n,
+    isEnabled: i,
+    isLoaderVisible: c,
+    isVisible: a,
+    postEvent: s,
+    text: p,
+    textColor: u
+  }), _ = () => T("main-button", {
+    backgroundColor: g.backgroundColor,
+    isEnabled: g.isEnabled,
+    isLoaderVisible: g.isLoaderVisible,
+    isVisible: g.isVisible,
+    text: g.text,
+    textColor: g.textColor
+  });
+  return g.on("change", _), g;
+}
+function $t(r, e, t, s, n, i) {
+  const {
+    backgroundColor: a = e,
+    headerColor: c = "bg_color"
+  } = r ? $("mini-app") || {} : {}, u = new wt({
+    headerColor: c,
+    backgroundColor: a,
+    version: t,
+    botInline: s,
+    createRequestId: n,
+    postEvent: i
+  }), p = () => T("mini-app", {
+    backgroundColor: u.backgroundColor,
+    headerColor: u.headerColor
+  });
+  return u.on("change", p), u;
+}
+function Lt() {
+  let r = 0;
+  return () => (r += 1, r.toString());
+}
+function Bt(r, e, t) {
+  const { isVisible: s = !1 } = r ? $("settings-button") || {} : {}, n = new yt(s, e, t);
+  return n.on("change", () => {
+    T("settings-button", { isVisible: n.isVisible });
+  }), n;
+}
+function Ot(r) {
+  const e = new Pt(r);
+  return e.listen(), e;
+}
+function N(r) {
+  const e = new xt(r);
+  return e.on("change", () => T("viewport", {
     height: e.height,
     isExpanded: e.isExpanded,
     stableHeight: e.stableHeight,
     width: e.width
   })), e.listen(), e;
 }
-function Ot(r, e, t, s) {
-  const n = r ? D("viewport") : null;
+function Dt(r, e, t, s) {
+  const n = r ? $("viewport") : null;
   if (n)
-    return G({ ...n, postEvent: t });
-  if (Dt(e))
-    return G({
+    return N({ ...n, postEvent: t });
+  if (kt(e))
+    return N({
       height: window.innerHeight,
       isExpanded: !0,
       postEvent: t,
@@ -2046,15 +2210,15 @@ function Ot(r, e, t, s) {
       width: window.innerWidth
     });
   if (s)
-    return Ae({
+    return ve({
       postEvent: t,
       timeout: 5e3
-    }).then(({ height: a, isStateStable: c, ...u }) => G({
+    }).then(({ height: a, isStateStable: c, ...u }) => N({
       ...u,
       height: a,
       stableHeight: c ? a : 0
     }));
-  const i = G({
+  const i = N({
     width: 0,
     height: 0,
     isExpanded: !1,
@@ -2065,283 +2229,115 @@ function Ot(r, e, t, s) {
     console.error("Unable to actualize viewport state", a);
   }), i;
 }
-function Ht(r) {
+function Wt(r) {
   return typeof r == "object" ? r : r ? {
-    themeParams: !0,
-    viewport: !0,
-    miniApp: !0
-  } : {};
-}
-function ce(r, e, t, s) {
-  const n = Ht(r);
-  n.miniApp && Ct(e, t), n.themeParams && vt(t), n.viewport && (s instanceof Promise ? s.then(ae) : ae(s));
-}
-function Nt(r) {
-  const { hostname: e, pathname: t } = new URL(r, window.location.href);
-  if (e !== "t.me")
-    throw new Error(`Incorrect hostname: ${e}`);
-  const s = t.match(/^\/(\$|invoice\/)([A-Za-z0-9\-_=]+)$/);
-  if (s === null)
-    throw new Error('Link pathname has incorrect format. Expected to receive "/invoice/{slug}" or "/${slug}"');
-  return s[2];
-}
-class Ut {
-  constructor(e, t = d) {
-    o(this, "ee", new w());
-    o(this, "state");
-    /**
-     * Adds new event listener.
-     */
-    o(this, "on", this.ee.on.bind(this.ee));
-    /**
-     * Removes event listener.
-     */
-    o(this, "off", this.ee.off.bind(this.ee));
-    /**
-     * Checks if specified method is supported by current component.
-     */
-    o(this, "supports");
-    this.postEvent = t, this.state = new b({ isOpened: !1 }, this.ee), this.supports = E(e, { open: "web_app_open_invoice" });
-  }
-  set isOpened(e) {
-    this.state.set("isOpened", e);
-  }
-  /**
-   * True if invoice is currently opened.
-   */
-  get isOpened() {
-    return this.state.get("isOpened");
-  }
-  async open(e, t) {
-    if (this.isOpened)
-      throw new Error("Invoice is already opened");
-    const s = t ? Nt(e) : e;
-    this.isOpened = !0;
-    try {
-      return (await m(
-        "web_app_open_invoice",
-        { slug: s },
-        "invoice_closed",
-        {
-          postEvent: this.postEvent,
-          capture(i) {
-            return s === i.slug;
-          }
-        }
-      )).status;
-    } finally {
-      this.isOpened = !1;
+    themeParams: !0,
+    viewport: !0,
+    miniApp: !0
+  } : {};
+}
+function ae(r, e, t, s) {
+  const n = Wt(r);
+  n.miniApp && qt(e, t), n.themeParams && At(t), n.viewport && (s instanceof Promise ? s.then(oe) : oe(s));
+}
+function Ht() {
+  return ee({
+    botInline: {
+      type: P().optional(),
+      from: "tgWebAppBotInline"
+    },
+    initData: {
+      type: me().optional(),
+      from: "tgWebAppData"
+    },
+    initDataRaw: {
+      type: h().optional(),
+      from: "tgWebAppData"
+    },
+    platform: {
+      type: h(),
+      from: "tgWebAppPlatform"
+    },
+    showSettings: {
+      type: P().optional(),
+      from: "tgWebAppShowSettings"
+    },
+    startParam: {
+      type: h().optional(),
+      from: "tgWebAppStartParam"
+    },
+    themeParams: {
+      type: Ee(),
+      from: "tgWebAppThemeParams"
+    },
+    version: {
+      type: h(),
+      from: "tgWebAppVersion"
     }
-  }
+  }, "LaunchParams");
+}
+function Se(r) {
+  return Ht().parse(r);
+}
+function ke(r) {
+  const e = r.includes("?") ? r.replace("#", "&").slice(r.indexOf("?") + 1) : r.slice(r.indexOf("#") + 1);
+  return Se(e);
+}
+function Nt() {
+  return ke(window.location.href);
+}
+function xe() {
+  return performance.getEntriesByType("navigation")[0];
+}
+function Ut() {
+  const r = xe();
+  if (!r)
+    throw new Error("Unable to get first navigation entry.");
+  return ke(r.name);
 }
 function Mt(r) {
-  const e = r.message.trim(), t = (r.title || "").trim(), s = r.buttons || [];
-  let n;
-  if (t.length > 64)
-    throw new Error(`Title has incorrect size: ${t.length}`);
-  if (e.length === 0 || e.length > 256)
-    throw new Error(`Message has incorrect size: ${e.length}`);
-  if (s.length > 3)
-    throw new Error(`Buttons have incorrect size: ${s.length}`);
-  return s.length === 0 ? n = [{ type: "close", id: "" }] : n = s.map((i) => {
-    const { id: a = "" } = i;
-    if (a.length > 64)
-      throw new Error(`Button ID has incorrect size: ${a}`);
-    if (i.type === void 0 || i.type === "default" || i.type === "destructive") {
-      const c = i.text.trim();
-      if (c.length === 0 || c.length > 64) {
-        const u = i.type || "default";
-        throw new Error(`Button text with type "${u}" has incorrect size: ${i.text.length}`);
-      }
-      return { ...i, text: c, id: a };
-    }
-    return { ...i, id: a };
-  }), { title: t, message: e, buttons: n };
+  const {
+    initDataRaw: e,
+    themeParams: t,
+    platform: s,
+    version: n,
+    showSettings: i,
+    startParam: a,
+    botInline: c
+  } = r, u = new URLSearchParams();
+  return e && u.set("tgWebAppData", e), u.set("tgWebAppPlatform", s), u.set("tgWebAppThemeParams", vt(t)), u.set("tgWebAppVersion", n), a && u.set("tgWebAppStartParam", n), typeof i == "boolean" && u.set("tgWebAppShowSettings", i ? "1" : "0"), typeof c == "boolean" && u.set("tgWebAppBotInline", c ? "1" : "0"), u.toString();
 }
-class Gt {
-  constructor(e, t = d) {
-    o(this, "ee", new w());
-    o(this, "state");
-    /**
-     * Adds new event listener.
-     */
-    o(this, "on", this.ee.on.bind(this.ee));
-    /**
-     * Removes event listener.
-     */
-    o(this, "off", this.ee.off.bind(this.ee));
-    /**
-     * Checks if specified method is supported by current component.
-     */
-    o(this, "supports");
-    this.postEvent = t, this.state = new b({ isOpened: !1 }, this.ee), this.supports = E(e, { open: "web_app_open_popup" });
-  }
-  set isOpened(e) {
-    this.state.set("isOpened", e);
-  }
-  /**
-   * True if popup is currently opened.
-   */
-  get isOpened() {
-    return this.state.get("isOpened");
-  }
-  /**
-   * A method that shows a native popup described by the `params` argument.
-   * Promise will be resolved when popup is closed. Resolved value will have
-   * an identifier of pressed button.
-   *
-   * In case, user clicked outside the popup or clicked top right popup close
-   * button, null will be returned.
-   *
-   * FIXME: In desktop, this function may work incorrectly.
-   *  Issue: https://github.com/Telegram-Mini-Apps/tma.js/issues/7
-   * @param options - popup parameters.
-   * @throws {Error} Popup is already opened.
-   */
-  open(e) {
-    if (this.isOpened)
-      throw new Error("Popup is already opened.");
-    return this.isOpened = !0, m(
-      "web_app_open_popup",
-      Mt(e),
-      "popup_closed",
-      { postEvent: this.postEvent }
-    ).then(({ button_id: t = null }) => t).finally(() => {
-      this.isOpened = !1;
-    });
-  }
+const qe = "telegram-mini-apps-launch-params";
+function Gt() {
+  return Se(sessionStorage.getItem(qe) || "");
 }
-class jt {
-  constructor(e, t = d) {
-    o(this, "ee", new w());
-    o(this, "state");
-    /**
-     * Adds new event listener.
-     */
-    o(this, "on", this.ee.on.bind(this.ee));
-    /**
-     * Removes event listener.
-     */
-    o(this, "off", this.ee.off.bind(this.ee));
-    /**
-     * Checks if specified method is supported by current component.
-     */
-    o(this, "supports");
-    this.postEvent = t, this.state = new b({ isOpened: !1 }, this.ee), this.supports = E(e, {
-      close: "web_app_close_scan_qr_popup",
-      open: "web_app_open_scan_qr_popup"
-    });
-  }
-  /**
-   * Closes scanner.
-   */
-  close() {
-    this.postEvent("web_app_close_scan_qr_popup"), this.isOpened = !1;
-  }
-  set isOpened(e) {
-    this.state.set("isOpened", e);
-  }
-  /**
-   * Returns true in case, QR scanner is currently opened.
-   */
-  get isOpened() {
-    return this.state.get("isOpened");
-  }
-  /**
-   * Opens scanner with specified title shown to user. Method returns promise
-   * with scanned QR content in case, it was scanned. It will contain null in
-   * case, scanner was closed.
-   * @param text - title to display.
-   */
-  async open(e) {
-    if (this.isOpened)
-      throw new Error("QR scanner is already opened.");
-    this.isOpened = !0;
+function jt(r) {
+  sessionStorage.setItem(qe, Mt(r));
+}
+function te() {
+  const r = [];
+  for (const e of [
+    // Try to retrieve launch parameters from the current location. This method can return
+    // nothing in case, location was changed and then page was reloaded.
+    Nt,
+    // Then, try using the lower level API - window.performance.
+    Ut,
+    // Finally, try to extract launch parameters from the session storage.
+    Gt
+  ])
     try {
-      const t = await m(
-        "web_app_open_scan_qr_popup",
-        { text: e },
-        ["qr_text_received", "scan_qr_popup_closed"],
-        { postEvent: this.postEvent }
-      );
-      return typeof t == "object" && typeof t.data == "string" ? t.data : null;
-    } finally {
-      this.isOpened = !1;
+      const t = e();
+      return jt(t), t;
+    } catch (t) {
+      r.push(t);
     }
-  }
+  throw k.error("Unable to extract launch parameters. Received errors:", r), new Error("Unable to retrieve launch parameters from any known source.");
 }
-class Ft {
-  constructor(e, t, s = d) {
-    /**
-     * Checks if specified method is supported by current component.
-     */
-    o(this, "supports");
-    /**
-     * Checks if specified method parameter is supported by current component.
-     */
-    o(this, "supportsParam");
-    this.version = e, this.createRequestId = t, this.postEvent = s, this.supports = E(e, {
-      readTextFromClipboard: "web_app_read_text_from_clipboard"
-    }), this.supportsParam = Se(e, {
-      "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
-    });
-  }
-  /**
-   * Opens a link in an external browser. The Mini App will not be closed.
-   *
-   * Note that this method can be called only in response to the user
-   * interaction with the Mini App interface (e.g. click inside the Mini App
-   * or on the main button).
-   * @param url - URL to be opened.
-   * @param tryInstantView
-   */
-  openLink(e, t) {
-    const s = new URL(e, window.location.href).toString();
-    if (!I("web_app_open_link", this.version)) {
-      window.open(s, "_blank");
-      return;
-    }
-    this.postEvent("web_app_open_link", {
-      url: s,
-      ...typeof t == "boolean" ? { try_instant_view: t } : {}
-    });
-  }
-  /**
-   * Opens a Telegram link inside Telegram app. The Mini App will be closed. It expects passing
-   * link in full format, with hostname "t.me".
-   * @param url - URL to be opened.
-   * @throws {Error} URL has not allowed hostname.
-   */
-  openTelegramLink(e) {
-    const {
-      hostname: t,
-      pathname: s,
-      search: n
-    } = new URL(e, window.location.href);
-    if (t !== "t.me")
-      throw new Error(`URL has not allowed hostname: ${t}. Only "t.me" is allowed`);
-    if (!I("web_app_open_tg_link", this.version)) {
-      window.location.href = e;
-      return;
-    }
-    this.postEvent("web_app_open_tg_link", { path_full: s + n });
-  }
-  /**
-   * Reads text from clipboard and returns string or null. null is returned
-   * in cases:
-   * - Value in clipboard is not text
-   * - Access to clipboard is not allowed
-   */
-  readTextFromClipboard() {
-    return m(
-      "web_app_read_text_from_clipboard",
-      { req_id: this.createRequestId() },
-      "clipboard_text_received",
-      { postEvent: this.postEvent }
-    ).then(({ data: e = null }) => e);
-  }
+function Ae() {
+  var r;
+  return ((r = xe()) == null ? void 0 : r.type) === "reload";
 }
-function or(r = {}) {
+function rr(r = {}) {
   const {
     async: e = !1,
     complete: t = e,
@@ -2356,67 +2352,77 @@ function or(r = {}) {
       platform: u,
       themeParams: p,
       botInline: g = !1
-    } = te(), _ = le(), V = Lt(), l = gt(c);
-    pe() && (n && kt(), l("iframe_ready", { reload_supported: !0 }), y("reload_iframe", () => {
+    } = te(), _ = Ae(), b = Lt(), l = Oe(c);
+    pe() && (n && Vt(), l("iframe_ready", { reload_supported: !0 }), E("reload_iframe", () => {
       l("iframe_will_reload"), window.location.reload();
     }));
-    const C = {
-      backButton: St(_, c, l),
-      closingBehavior: xt(_, l),
-      cloudStorage: new Et(c, V, l),
-      createRequestId: V,
-      hapticFeedback: new Pt(c, l),
-      invoice: new Ut(c, l),
-      mainButton: At(
+    const q = {
+      backButton: Rt(_, c, l),
+      closingBehavior: It(_, l),
+      cloudStorage: new at(c, b, l),
+      createRequestId: b,
+      hapticFeedback: new ct(c, l),
+      invoice: new lt(c, l),
+      mainButton: Tt(
         _,
         p.buttonColor || "#000000",
         p.buttonTextColor || "#ffffff",
         l
       ),
-      miniApp: It(
+      miniApp: $t(
         _,
         p.backgroundColor || "#ffffff",
         c,
         g,
-        V,
+        b,
         l
       ),
-      popup: new Gt(c, l),
+      popup: new bt(c, l),
       postEvent: l,
-      qrScanner: new jt(c, l),
-      settingsButton: $t(_, c, l),
-      themeParams: Bt(p),
-      utils: new Ft(c, V, l),
+      qrScanner: new mt(c, l),
+      settingsButton: Bt(_, c, l),
+      themeParams: Ot(p),
+      utils: new St(c, b, l),
       ...i ? {
-        initData: new We(i),
+        initData: new ut(i),
         initDataRaw: a
       } : {}
-    }, x = Ot(_, u, l, t);
-    return x instanceof Promise || t ? Promise.resolve(x).then((v) => (ce(
+    }, H = Dt(_, u, l, t);
+    return H instanceof Promise || t ? Promise.resolve(H).then((re) => (ae(
       s,
-      C.miniApp,
-      C.themeParams,
-      v
-    ), { ...C, viewport: v })) : (ce(
+      q.miniApp,
+      q.themeParams,
+      re
+    ), { ...q, viewport: re })) : (ae(
       s,
-      C.miniApp,
-      C.themeParams,
-      x
-    ), { ...C, viewport: x });
+      q.miniApp,
+      q.themeParams,
+      H
+    ), { ...q, viewport: H });
   } catch (i) {
     if (t)
       return Promise.reject(i);
     throw i;
   }
 }
-function O(r, e) {
-  return r.startsWith(e) ? r : `${e}${r}`;
+function sr() {
+  return {
+    launchParams: te(),
+    isPageReload: Ae()
+  };
+}
+function nr() {
+  try {
+    return te(), !0;
+  } catch {
+    return !1;
+  }
 }
-function ar(r) {
+function ir(r) {
   const e = r.match(/#(.+)/);
   return e ? e[1] : null;
 }
-async function N(r) {
+async function D(r) {
   return r === 0 ? !0 : Promise.race([
     new Promise((e) => {
       window.addEventListener("popstate", function t() {
@@ -2429,14 +2435,17 @@ async function N(r) {
     })
   ]);
 }
-async function zt() {
-  if (window.history.length <= 1 || (window.history.pushState(null, ""), await N(1 - window.history.length)))
+async function Ft() {
+  if (window.history.length <= 1 || (window.history.pushState(null, ""), await D(1 - window.history.length)))
     return;
-  let e = await N(-1);
+  let e = await D(-1);
   for (; e; )
-    e = await N(-1);
+    e = await D(-1);
 }
-class Jt {
+function B(r, e) {
+  return r.startsWith(e) ? r : `${e}${r}`;
+}
+class zt {
   constructor(e, t, {
     debug: s = !1,
     loggerPrefix: n = "Navigator"
@@ -2451,11 +2460,11 @@ class Jt {
       if (!i.startsWith("/") && i.length > 0)
         throw new Error('Pathname should start with "/"');
       return {
-        pathname: O(i, "/"),
-        search: a ? O(a, "?") : "",
-        hash: c ? O(c, "#") : ""
+        pathname: B(i, "/"),
+        search: a ? B(a, "?") : "",
+        hash: c ? B(c, "#") : ""
       };
-    }), this.logger = new ve(`[${n}]`, s);
+    }), this.logger = new he(`[${n}]`, s);
   }
   /**
    * Converts entry to the navigation entry.
@@ -2471,7 +2480,7 @@ class Jt {
         search: c,
         hash: u
       } = e;
-      t = a + (c ? O(c, "?") : "") + (u ? O(u, "#") : "");
+      t = a + (c ? B(c, "?") : "") + (u ? B(u, "#") : "");
     }
     const {
       pathname: s,
@@ -2635,8 +2644,8 @@ class Jt {
     return this.entry.search;
   }
 }
-const he = 0, Z = 1, K = 2;
-class Ve extends Jt {
+const ce = 0, J = 1, Q = 2;
+class Ve extends zt {
   constructor(t, s, n = {}) {
     super(t, s, {
       ...n,
@@ -2651,13 +2660,13 @@ class Ve extends Jt {
     o(this, "onPopState", async ({ state: t }) => {
       if (this.logger.log('"popstate" event received. State:', t), t === null)
         return this.push(window.location.hash.slice(1));
-      if (t === he) {
+      if (t === ce) {
         this.logger.log("Void reached. Moving history forward"), window.history.forward();
         return;
       }
-      if (t === Z)
+      if (t === J)
         return this.back();
-      if (t === K)
+      if (t === Q)
         return this.forward();
     });
     o(this, "back", () => super.back());
@@ -2700,7 +2709,7 @@ class Ve extends Jt {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const t = `#${this.path}`;
-    await zt(), d("web_app_setup_back_button", { is_visible: this.canGoBack }), this.canGoBack && this.canGoForward ? (this.logger.log("Setting up history: [<-, *, ->]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", t), window.history.pushState(K, ""), await N(-1)) : this.canGoBack ? (this.logger.log("Setting up history: [<-, *]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", t)) : this.canGoForward ? (this.logger.log("Setting up history: [*, ->]"), window.history.replaceState(null, t), window.history.pushState(K, ""), await N(-1)) : (this.logger.log("Setting up history: [~, *]"), window.history.replaceState(he, ""), window.history.pushState(null, "", t)), window.addEventListener("popstate", this.onPopState);
+    await Ft(), d("web_app_setup_back_button", { is_visible: this.canGoBack }), this.canGoBack && this.canGoForward ? (this.logger.log("Setting up history: [<-, *, ->]"), window.history.replaceState(J, ""), window.history.pushState(null, "", t), window.history.pushState(Q, ""), await D(-1)) : this.canGoBack ? (this.logger.log("Setting up history: [<-, *]"), window.history.replaceState(J, ""), window.history.pushState(null, "", t)) : this.canGoForward ? (this.logger.log("Setting up history: [*, ->]"), window.history.replaceState(null, t), window.history.pushState(Q, ""), await D(-1)) : (this.logger.log("Setting up history: [~, *]"), window.history.replaceState(ce, ""), window.history.pushState(null, "", t)), window.addEventListener("popstate", this.onPopState);
   }
   emitChanged(t, s) {
     this.ee.emit("change", {
@@ -2714,90 +2723,93 @@ class Ve extends Jt {
    */
   async attach() {
     if (!this.attached)
-      return this.logger.log("Attaching", this), this.attached = !0, y("back_button_pressed", this.back), this.syncHistory();
+      return this.logger.log("Attaching", this), this.attached = !0, E("back_button_pressed", this.back), this.syncHistory();
   }
   /**
    * Detaches current navigator from the browser history.
    */
   detach() {
-    this.attached && (this.logger.log("Detaching", this), this.attached = !1, window.removeEventListener("popstate", this.onPopState), $("back_button_pressed", this.back));
+    this.attached && (this.logger.log("Detaching", this), this.attached = !1, window.removeEventListener("popstate", this.onPopState), I("back_button_pressed", this.back));
   }
 }
+function or(r) {
+  return r instanceof F;
+}
 export {
-  bt as BackButton,
-  yt as ClosingBehavior,
-  Et as CloudStorage,
-  Pt as HapticFeedback,
+  rt as BackButton,
+  st as ClosingBehavior,
+  at as CloudStorage,
+  ct as HapticFeedback,
   Ve as HashNavigator,
-  We as InitData,
-  Ut as Invoice,
-  qt as MainButton,
-  re as MethodUnsupportedError,
-  Rt as MiniApp,
-  Jt as Navigator,
-  se as ParameterUnsupportedError,
-  F as ParseError,
-  j as ParseSchemaFieldError,
-  Gt as Popup,
-  jt as QRScanner,
-  Tt as SettingsButton,
-  Ue as ThemeParams,
-  J as TimeoutError,
-  Ft as Utils,
-  Wt as Viewport,
-  $e as array,
-  Ct as bindMiniAppCSSVars,
-  vt as bindThemeCSSVars,
-  ae as bindViewportCSSVars,
-  k as boolean,
-  De as chatParser,
-  mt as classNames,
-  ft as compareVersions,
-  gt as createPostEvent,
-  fe as date,
-  ar as getHash,
-  or as init,
-  be as initDataParser,
-  H as invokeCustomMethod,
-  we as isColorDark,
+  ut as InitData,
+  lt as Invoice,
+  dt as MainButton,
+  Z as MethodUnsupportedError,
+  wt as MiniApp,
+  zt as Navigator,
+  K as ParameterUnsupportedError,
+  G as ParseError,
+  U as ParseSchemaFieldError,
+  bt as Popup,
+  mt as QRScanner,
+  yt as SettingsButton,
+  Pt as ThemeParams,
+  F as TimeoutError,
+  St as Utils,
+  xt as Viewport,
+  ot as array,
+  qt as bindMiniAppCSSVars,
+  At as bindThemeCSSVars,
+  oe as bindViewportCSSVars,
+  P as boolean,
+  ht as chatParser,
+  tt as classNames,
+  Be as compareVersions,
+  Oe as createPostEvent,
+  be as date,
+  ir as getHash,
+  rr as init,
+  me as initDataParser,
+  O as invokeCustomMethod,
+  _e as isColorDark,
   pe as isIframe,
-  le as isPageReload,
+  Ae as isPageReload,
   X as isRGB,
-  Be as isRGBShort,
-  R as isRecord,
-  Dt as isStableViewportPlatform,
-  tr as isTMA,
-  nr as isTimeoutError,
+  Je as isRGBShort,
+  M as isRecord,
+  kt as isStableViewportPlatform,
+  nr as isTMA,
+  or as isTimeoutError,
   f as json,
-  Me as launchParamsParser,
-  ir as mergeClassNames,
-  A as number,
-  $ as off,
-  y as on,
-  rr as once,
-  Zt as parseInitData,
-  Ee as parseLaunchParams,
-  Xe as parseMessage,
-  ye as parseThemeParams,
+  Ht as launchParamsParser,
+  Xt as mergeClassNames,
+  x as number,
+  I as off,
+  E as on,
+  Kt as once,
+  er as parseInitData,
+  Se as parseLaunchParams,
+  De as parseMessage,
+  Ce as parseThemeParams,
   d as postEvent,
-  m as request,
-  Kt as requestThemeParams,
-  Ae as requestViewport,
-  er as retrieveLaunchData,
+  y as request,
+  tr as requestThemeParams,
+  ve as requestViewport,
+  sr as retrieveLaunchData,
   te as retrieveLaunchParams,
-  _e as rgb,
+  ge as rgb,
   ee as searchParams,
-  ze as serializeLaunchParams,
-  Ne as serializeThemeParams,
+  Mt as serializeLaunchParams,
+  vt as serializeThemeParams,
   S as setCSSVar,
-  Yt as setDebug,
-  Xt as setTargetOrigin,
+  Qt as setDebug,
+  Zt as setTargetOrigin,
   h as string,
-  sr as subscribe,
-  I as supports,
-  me as themeParamsParser,
-  ge as toRGB,
-  dt as unsubscribe,
-  ne as userParser,
-  xe as withTimeout
+  Yt as subscribe,
+  A as supports,
+  Ee as themeParamsParser,
+  fe as toRGB,
+  et as unsubscribe,
+  ie as userParser,
+  we as withTimeout
 };