@tma.js/sdk 1.4.7 → 1.4.9

package/dist/index.mjs

@@ -1,80 +1,191 @@
 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 ue {
+  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 ue("[SDK]", !1);
+function Zt(r) {
+  if (r) {
+    q.enable();
+    return;
+  }
+  q.disable();
+}
+function Kt(r) {
+  pe = r;
 }
-function pe() {
+function Le() {
+  return pe;
+}
+function le() {
   try {
     return window.self !== window.top;
   } catch {
     return !0;
   }
 }
-function le() {
-  var r;
-  return ((r = ue()) == null ? void 0 : r.type) === "reload";
-}
 function R(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function L() {
-  return new TypeError("Value has unexpected type");
+function Te(r) {
+  return "external" in r && R(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 $e(r) {
+  return "TelegramWebviewProxy" in r && R(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 = Le() } = s;
+  if (q.log(`Calling method "${r}"`, n), le()) {
+    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 (Te(window)) {
+    window.external.notify(JSON.stringify({ eventType: r, eventData: n }));
+    return;
   }
-  optional() {
-    return this.isOptional = !0, this;
+  if ($e(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 P(r, e) {
+  return Be(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);
   }
-  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 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;
   }
-  of(t) {
-    return this.itemParser = typeof t == "function" ? t : t.parse.bind(t), this;
+}
+class Y extends Error {
+  constructor(e, t) {
+    super(`Method "${e}" is unsupported in the Mini Apps version ${t}.`), Object.setPrototypeOf(this, Y.prototype);
   }
 }
-function T(r, e) {
-  return () => new z(r, !1, e);
+class X extends Error {
+  constructor(e, t, s) {
+    super(`Parameter "${t}" in method "${e}" is unsupported in the Mini Apps version ${s}.`), Object.setPrototypeOf(this, X.prototype);
+  }
+}
+function De(r) {
+  return (e, t) => {
+    if (!I(e, r))
+      throw new Y(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 X(e, s, r);
+    }
+    return d(e, t);
+  };
+}
+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;
+  }
 }
 class j extends Error {
   constructor(e, { cause: t, type: s } = {}) {
@@ -108,685 +219,59 @@ function de(r, e) {
   }
   return t;
 }
-function $e(r) {
-  return new Te((e) => e, !1, r);
+function L() {
+  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) {
+function ee(r) {
   let e = r;
   if (typeof e == "string" && (e = JSON.parse(e)), typeof e != "object" || e === null || Array.isArray(e))
     throw L();
   return e;
 }
+class z {
+  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 F(e, { type: this.type, cause: t });
+      }
+  }
+  optional() {
+    return this.isOptional = !0, this;
+  }
+}
 function f(r, e) {
   return new z((t) => {
-    const s = Y(t);
+    const s = ee(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 T(r, e) {
+  return () => new z(r, !1, e);
 }
 const h = T((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() {
-  return f({
-    id: A(),
-    type: h(),
-    title: h(),
-    photoUrl: {
-      type: h().optional(),
-      from: "photo_url"
-    },
-    username: h().optional()
-  }, "Chat");
-}
-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 ne() {
-  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");
-}
-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 Zt(r) {
-  return be().parse(r);
-}
-function Oe(r) {
-  return r.replace(/(^|_)bg/, (e, t) => `${t}background`).replace(/_([a-z])/g, (e, t) => t.toUpperCase());
-}
-function He(r) {
-  return r.replace(/[A-Z]/g, (e) => `_${e.toLowerCase()}`).replace(/(^|_)background/, (e, t) => `${t}bg`);
-}
-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 Kt(r = {}) {
-  return m("web_app_request_theme", "theme_changed", r).then(ye);
-}
-function Ne(r) {
-  return JSON.stringify(
-    Object.entries(r).reduce((e, [t, s]) => (s && (e[He(t)] = s), e), {})
-  );
-}
-class w {
-  constructor() {
-    o(this, "listeners", /* @__PURE__ */ new Map());
-    o(this, "subscribeListeners", []);
-  }
-  /**
-   * Adds specified event listener.
-   * @param event - event name.
-   * @param listener - event listener.
-   * @param once - should listener called only once.
-   */
-  addListener(e, t, s) {
-    let n = this.listeners.get(e);
-    return n || (n = [], this.listeners.set(e, n)), n.push([t, s]), () => this.off(e, t);
-  }
-  emit(e, ...t) {
-    this.subscribeListeners.forEach((n) => n(e, ...t));
-    const s = this.listeners.get(e);
-    s && s.forEach(([n, i], a) => {
-      n(...t), i && s.splice(a, 1);
-    });
-  }
-  /**
-   * Adds event listener.
-   * @param event - event name.
-   * @param listener - event listener.
-   * @returns Function to remove event listener.
-   */
-  on(e, t) {
-    return this.addListener(e, t, !1);
-  }
-  /**
-   * Adds event listener following the logic, described in `on` method, but calls specified
-   * listener only once, removing it after.
-   * @param event - event name.
-   * @param listener - event listener.
-   * @returns Function to remove event listener.
-   * @see on
-   */
-  once(e, t) {
-    return this.addListener(e, t, !0);
-  }
-  /**
-   * Removes event listener. In case, specified listener was bound several times, it removes
-   * only a single one.
-   * @param event - event name.
-   * @param listener - event listener.
-   */
-  off(e, t) {
-    const s = this.listeners.get(e);
-    if (s) {
-      for (let n = 0; n < s.length; n += 1)
-        if (t === s[n][0]) {
-          s.splice(n, 1);
-          return;
-        }
-    }
-  }
-  /**
-   * Adds event listener to all events.
-   * @param listener - events listener.
-   * @returns Function to remove event listener.
-   * @see on
-   * @see once
-   */
-  subscribe(e) {
-    return this.subscribeListeners.push(e), () => this.unsubscribe(e);
-  }
-  /**
-   * Removes global event listener. In case, specified listener was bound several times, it removes
-   * only a single one.
-   * @param listener - events listener.
-   * @returns Function to remove event listener.
-   */
-  unsubscribe(e) {
-    for (let t = 0; t < this.subscribeListeners.length; t += 1)
-      if (this.subscribeListeners[t] === e) {
-        this.subscribeListeners.splice(t, 1);
-        return;
-      }
-  }
-}
-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({
+}, "string"), We = f({
   eventType: h(),
   eventData: (r) => r
 });
-function Xe(r) {
-  return Ye.parse(r);
+function Oe(r) {
+  return We.parse(r);
 }
-function et(r, e) {
+function He(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() {
+function Ne() {
   const r = window;
   "TelegramGameProxy_receiveEvent" in r || [
     ["TelegramGameProxy_receiveEvent"],
@@ -799,64 +284,108 @@ function tt() {
     let t = r;
     e.forEach((s, n, i) => {
       if (n === i.length - 1) {
-        t[s] = et;
+        t[s] = He;
         return;
       }
       s in t || (t[s] = {}), t = t[s];
     });
   });
 }
-function rt(r) {
-  tt(), window.addEventListener("message", (e) => {
+function Ue(r) {
+  Ne(), window.addEventListener("message", (e) => {
     if (e.source === window.parent)
       try {
-        const { eventType: t, eventData: s } = Xe(e.data);
+        const { eventType: t, eventData: s } = Oe(e.data);
         r(t, s);
       } catch {
       }
   });
 }
-function st() {
+function Me() {
   return f({
     req_id: h(),
     data: (r) => r === null ? r : h().optional().parse(r)
   });
 }
-function nt() {
+function Ge() {
   return f({
     req_id: h(),
     result: (r) => r,
     error: h().optional()
   });
 }
-function it() {
+function je() {
   return f({
     slug: h(),
     status: h()
   });
 }
-function ot() {
+function Fe() {
   return f({ status: h() });
 }
-function at() {
+function ze() {
   return f({
     button_id: (r) => r == null ? void 0 : h().parse(r)
   });
 }
-function ct() {
+function Je() {
   return f({
     data: h().optional()
   });
 }
-function ht() {
+function te(r) {
+  return /^#[\da-f]{6}$/i.test(r);
+}
+function Qe(r) {
+  return /^#[\da-f]{3}$/i.test(r);
+}
+function fe(r) {
+  const e = r.replace(/\s/g, "").toLowerCase();
+  if (te(e))
+    return e;
+  if (Qe(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 = T((r) => fe(h().parse(r)), "rgb");
+function Ze() {
   return f({
     theme_params: (r) => {
-      const e = _e().optional();
-      return Object.entries(Y(r)).reduce((t, [s, n]) => (t[s] = e.parse(n), t), {});
+      const e = ge().optional();
+      return Object.entries(ee(r)).reduce((t, [s, n]) => (t[s] = e.parse(n), t), {});
     }
   });
 }
-function ut() {
+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");
+function Ke() {
   return f({
     height: A(),
     width: (r) => r == null ? window.innerWidth : A().parse(r),
@@ -864,10 +393,92 @@ function ut() {
     is_expanded: k()
   });
 }
-function pt() {
+function Ye() {
   return f({ status: h() });
 }
-function lt() {
+class w {
+  constructor() {
+    o(this, "listeners", /* @__PURE__ */ new Map());
+    o(this, "subscribeListeners", []);
+  }
+  /**
+   * Adds specified event listener.
+   * @param event - event name.
+   * @param listener - event listener.
+   * @param once - should listener called only once.
+   */
+  addListener(e, t, s) {
+    let n = this.listeners.get(e);
+    return n || (n = [], this.listeners.set(e, n)), n.push([t, s]), () => this.off(e, t);
+  }
+  emit(e, ...t) {
+    this.subscribeListeners.forEach((n) => n(e, ...t));
+    const s = this.listeners.get(e);
+    s && s.forEach(([n, i], a) => {
+      n(...t), i && s.splice(a, 1);
+    });
+  }
+  /**
+   * Adds event listener.
+   * @param event - event name.
+   * @param listener - event listener.
+   * @returns Function to remove event listener.
+   */
+  on(e, t) {
+    return this.addListener(e, t, !1);
+  }
+  /**
+   * Adds event listener following the logic, described in `on` method, but calls specified
+   * listener only once, removing it after.
+   * @param event - event name.
+   * @param listener - event listener.
+   * @returns Function to remove event listener.
+   * @see on
+   */
+  once(e, t) {
+    return this.addListener(e, t, !0);
+  }
+  /**
+   * Removes event listener. In case, specified listener was bound several times, it removes
+   * only a single one.
+   * @param event - event name.
+   * @param listener - event listener.
+   */
+  off(e, t) {
+    const s = this.listeners.get(e);
+    if (s) {
+      for (let n = 0; n < s.length; n += 1)
+        if (t === s[n][0]) {
+          s.splice(n, 1);
+          return;
+        }
+    }
+  }
+  /**
+   * Adds event listener to all events.
+   * @param listener - events listener.
+   * @returns Function to remove event listener.
+   * @see on
+   * @see once
+   */
+  subscribe(e) {
+    return this.subscribeListeners.push(e), () => this.unsubscribe(e);
+  }
+  /**
+   * Removes global event listener. In case, specified listener was bound several times, it removes
+   * only a single one.
+   * @param listener - events listener.
+   * @returns Function to remove event listener.
+   */
+  unsubscribe(e) {
+    for (let t = 0; t < this.subscribeListeners.length; t += 1)
+      if (this.subscribeListeners[t] === e) {
+        this.subscribeListeners.splice(t, 1);
+        return;
+      }
+  }
+}
+function Xe() {
   const r = new w(), e = (t, ...s) => {
     q.log("Emitting processed event:", t, ...s), r.emit(t, ...s);
   };
@@ -878,33 +489,33 @@ function lt() {
       is_state_stable: !0,
       is_expanded: !0
     });
-  }), rt((t, s) => {
+  }), Ue((t, s) => {
     q.log("Received raw event:", t, s);
     try {
       switch (t) {
         case "viewport_changed":
-          return e(t, ut().parse(s));
+          return e(t, Ke().parse(s));
         case "theme_changed":
-          return e(t, ht().parse(s));
+          return e(t, Ze().parse(s));
         case "popup_closed":
           return (
             // Sent on desktop.
-            s == null ? e(t, {}) : e(t, at().parse(s))
+            s == null ? e(t, {}) : e(t, ze().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, Je().parse(s));
         case "clipboard_text_received":
-          return e(t, st().parse(s));
+          return e(t, Me().parse(s));
         case "invoice_closed":
-          return e(t, it().parse(s));
+          return e(t, je().parse(s));
         case "phone_requested":
-          return e("phone_requested", ot().parse(s));
+          return e("phone_requested", Fe().parse(s));
         case "custom_method_invoked":
-          return e("custom_method_invoked", nt().parse(s));
+          return e("custom_method_invoked", Ge().parse(s));
         case "write_access_requested":
-          return e("write_access_requested", pt().parse(s));
+          return e("write_access_requested", Ye().parse(s));
         case "main_button_pressed":
         case "back_button_pressed":
         case "settings_button_pressed":
@@ -922,134 +533,28 @@ function lt() {
 const Q = "telegram-mini-apps-cached-emitter";
 function U() {
   const r = window;
-  return r[Q] === void 0 && (r[Q] = lt()), r[Q];
+  return r[Q] === void 0 && (r[Q] = Xe()), 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);
-}
-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 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);
-  };
-}
-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);
-  };
+  U().off(r, e);
+}
+function y(r, e) {
+  return U().on(r, e), () => $(r, e);
 }
 class J extends Error {
   constructor(e) {
     super(`Async call timeout exceeded. Timeout: ${e}`), Object.setPrototypeOf(this, J.prototype);
   }
 }
-function nr(r) {
-  return r instanceof J;
-}
-function wt(r) {
-  return new Promise((e) => {
-    setTimeout(e, r);
-  });
-}
-function _t(r) {
+function et(r) {
   return new Promise((e, t) => {
     setTimeout(t, r, new J(r));
   });
 }
-function xe(r, e) {
+function we(r, e) {
   return Promise.race([
     r(),
-    _t(e)
+    et(e)
   ]);
 }
 function m(r, e, t, s) {
@@ -1065,7 +570,7 @@ function m(r, e, t, s) {
       x(), l(v);
     }
   });
-  return typeof p == "number" ? xe(_, p) : _();
+  return typeof p == "number" ? we(_, p) : _();
 }
 async function H(r, e, t, s = {}) {
   const { result: n, error: i } = await m(
@@ -1082,69 +587,70 @@ async function H(r, e, t, s = {}) {
     throw new Error(i);
   return n;
 }
-class bt {
-  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("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));
-    /**
-     * 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_back_button",
-      hide: "web_app_setup_back_button"
-    });
-  }
-  set isVisible(e) {
-    this.state.set("isVisible", e), this.postEvent("web_app_setup_back_button", { is_visible: e });
-  }
-  /**
-   * True if BackButton is currently visible.
-   */
-  get isVisible() {
-    return this.state.get("isVisible");
-  }
-  /**
-   * Hides the BackButton.
-   */
-  hide() {
-    this.isVisible = !1;
-  }
-  /**
-   * Shows the BackButton.
-   */
-  show() {
-    this.isVisible = !0;
-  }
+function Yt(r, e) {
+  return U().once(r, e), () => $(r, e);
 }
-function ie(r, e) {
+function tt(r) {
+  U().unsubscribe(r);
+}
+function Xt(r) {
+  return U().subscribe(r), () => tt(r);
+}
+function ne(r, e) {
   return r + (r.length > 0 && e.length > 0 ? ` ${e}` : e);
 }
-function mt(...r) {
+function rt(...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);
+    return typeof t == "string" ? s = t : typeof t == "object" && t !== null && (s = Object.entries(t).reduce((n, [i, a]) => a ? ne(n, i) : n, "")), ne(e, s);
   }, "");
 }
-function ir(...r) {
+function er(...r) {
   return r.reduce((e, t) => (R(t) && Object.entries(t).forEach(([s, n]) => {
-    const i = mt(e[s], n);
+    const i = rt(e[s], n);
     i.length > 0 && (e[s] = i);
   }), e), {});
 }
-class yt {
+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 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 st {
   constructor(e, t = d) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1183,10 +689,42 @@ 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 L();
+}
+class it extends z {
+  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 E(r, e) {
+  return (t) => I(e[t], r);
+}
+function ie(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.
@@ -1224,14 +762,14 @@ class Et {
       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 ie(s, "");
     const n = f(
-      oe(s, h())
+      ie(s, h())
     ), i = await H(
       "getStorageValues",
       { keys: s },
@@ -1255,120 +793,281 @@ 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();
+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, {
+      impactOccurred: "web_app_trigger_haptic_feedback",
+      notificationOccurred: "web_app_trigger_haptic_feedback",
+      selectionChanged: "web_app_trigger_haptic_feedback"
+    });
+  }
+  /**
+   * A method tells that an impact occurred. The Telegram app may play the
+   * appropriate haptics based on style value passed.
+   * @param style - impact style.
+   */
+  impactOccurred(e) {
+    this.postEvent("web_app_trigger_haptic_feedback", {
+      type: "impact",
+      impact_style: e
+    });
+  }
+  /**
+   * A method tells that a task or action has succeeded, failed, or produced
+   * a warning. The Telegram app may play the appropriate haptics based on
+   * type value passed.
+   * @param type - notification type.
+   */
+  notificationOccurred(e) {
+    this.postEvent("web_app_trigger_haptic_feedback", {
+      type: "notification",
+      notification_type: e
+    });
+  }
+  /**
+   * A method tells that the user has changed a selection. The Telegram app
+   * may play the appropriate haptics.
+   *
+   * Do not use this feedback when the user makes or confirms a selection;
+   * use it only when the selection changes.
+   */
+  selectionChanged() {
+    this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
+  }
+}
+function ht() {
+  return f({
+    id: A(),
+    type: h(),
+    title: h(),
+    photoUrl: {
+      type: h().optional(),
+      from: "photo_url"
+    },
+    username: h().optional()
+  }, "Chat");
+}
+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 oe() {
+  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");
 }
-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);
-      }
+const be = T((r) => r instanceof Date ? r : new Date(A().parse(r) * 1e3), "Date");
+function re(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;
     });
-  };
-  r.on("change", e), e();
+  }, !1, 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();
+function me() {
+  return re({
+    authDate: {
+      type: be(),
+      from: "auth_date"
+    },
+    canSendAfter: {
+      type: A().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: oe().optional(),
+    startParam: {
+      type: h().optional(),
+      from: "start_param"
+    },
+    user: oe().optional()
+  }, "InitData");
 }
-class Pt {
+function tr(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.supports = E(e, {
-      impactOccurred: "web_app_trigger_haptic_feedback",
-      notificationOccurred: "web_app_trigger_haptic_feedback",
-      selectionChanged: "web_app_trigger_haptic_feedback"
-    });
+    this.postEvent = t, this.state = new b({ isOpened: !1 }, this.ee), this.supports = E(e, { open: "web_app_open_invoice" });
   }
-  /**
-   * A method tells that an impact occurred. The Telegram app may play the
-   * appropriate haptics based on style value passed.
-   * @param style - impact style.
-   */
-  impactOccurred(e) {
-    this.postEvent("web_app_trigger_haptic_feedback", {
-      type: "impact",
-      impact_style: e
-    });
+  set isOpened(e) {
+    this.state.set("isOpened", e);
   }
   /**
-   * A method tells that a task or action has succeeded, failed, or produced
-   * a warning. The Telegram app may play the appropriate haptics based on
-   * type value passed.
-   * @param type - notification type.
+   * True if invoice is currently opened.
    */
-  notificationOccurred(e) {
-    this.postEvent("web_app_trigger_haptic_feedback", {
-      type: "notification",
-      notification_type: e
-    });
+  get isOpened() {
+    return this.state.get("isOpened");
   }
-  /**
-   * A method tells that the user has changed a selection. The Telegram app
-   * may play the appropriate haptics.
-   *
-   * Do not use this feedback when the user makes or confirms a selection;
-   * use it only when the selection changes.
-   */
-  selectionChanged() {
-    this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
+  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 m(
+        "web_app_open_invoice",
+        { slug: s },
+        "invoice_closed",
+        {
+          postEvent: this.postEvent,
+          capture(i) {
+            return s === i.slug;
+          }
+        }
+      )).status;
+    } finally {
+      this.isOpened = !1;
+    }
   }
 }
-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 qe(r) {
-  return `telegram-mini-apps-${r}`;
-}
-function B(r, e) {
-  sessionStorage.setItem(qe(r), JSON.stringify(e));
-}
-function D(r) {
-  const e = sessionStorage.getItem(qe(r));
-  return e ? JSON.parse(e) : null;
-}
-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 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;
-}
-class qt {
+class dt {
   constructor(e) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1533,33 +1232,7 @@ class qt {
     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({
+const ft = re({
   contact: f({
     userId: {
       type: A(),
@@ -1579,12 +1252,23 @@ const Vt = ee({
     }
   }),
   authDate: {
-    type: fe(),
+    type: be(),
     from: "auth_date"
   },
   hash: h()
 });
-class Rt {
+function ye(r, e) {
+  return (t) => {
+    const [s, n] = e[t];
+    return I(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");
@@ -1623,7 +1307,7 @@ class Rt {
       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, {
+    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 = ye(i, {
       "setHeaderColor.color": ["web_app_set_header_color", "color"]
     });
   }
@@ -1639,7 +1323,7 @@ class Rt {
         postEvent: this.postEvent,
         timeout: 1e4
       }
-    ).then((e) => Vt.parse(e));
+    ).then((e) => ft.parse(e));
   }
   /**
    * The Mini App background color.
@@ -1669,7 +1353,7 @@ class Rt {
    * True if current Mini App background color recognized as dark.
    */
   get isDark() {
-    return we(this.backgroundColor);
+    return _e(this.backgroundColor);
   }
   /**
    * True if phone access is currently being requested.
@@ -1710,13 +1394,13 @@ class Rt {
       throw new Error("Access denied.");
     const s = Date.now() + e;
     let n = 50;
-    return xe(async () => {
+    return we(async () => {
       for (; Date.now() < s; ) {
         try {
           return await this.getRequestedContact();
         } catch {
         }
-        await wt(n), n += 50;
+        await gt(n), n += 50;
       }
       throw new Error("Unable to retrieve requested contact.");
     }, e);
@@ -1774,7 +1458,7 @@ class Rt {
    * @param color - color key or RGB color.
    */
   setHeaderColor(e) {
-    this.postEvent("web_app_set_header_color", X(e) ? { color: e } : { color_key: e }), this.state.set("headerColor", e);
+    this.postEvent("web_app_set_header_color", te(e) ? { color: e } : { color_key: e }), this.state.set("headerColor", e);
   }
   /**
    * Updates current Mini App background color.
@@ -1802,104 +1486,87 @@ class Rt {
     });
   }
 }
-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 {
-  constructor(e, t, s = d) {
+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 event listener.
-     * @param event - event name.
-     * @param listener - event listener.
+     * Adds new event listener.
      */
-    o(this, "on", (e, t) => e === "click" ? y("settings_button_pressed", t) : this.ee.on(e, t));
+    o(this, "on", this.ee.on.bind(this.ee));
     /**
      * 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));
+    o(this, "off", this.ee.off.bind(this.ee));
     /**
      * 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"
-    });
-  }
-  set isVisible(e) {
-    this.state.set("isVisible", e), this.postEvent("web_app_setup_settings_button", { is_visible: e });
+    this.postEvent = t, this.state = new b({ isOpened: !1 }, this.ee), this.supports = E(e, { open: "web_app_open_popup" });
   }
-  /**
-   * True if SettingsButton is currently visible.
-   */
-  get isVisible() {
-    return this.state.get("isVisible");
+  set isOpened(e) {
+    this.state.set("isOpened", e);
   }
   /**
-   * Hides the SettingsButton.
+   * True if popup is currently opened.
    */
-  hide() {
-    this.isVisible = !1;
+  get isOpened() {
+    return this.state.get("isOpened");
   }
   /**
-   * Shows the SettingsButton.
+   * 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.
    */
-  show() {
-    this.isVisible = !0;
+  open(e) {
+    if (this.isOpened)
+      throw new Error("Popup is already opened.");
+    return this.isOpened = !0, m(
+      "web_app_open_popup",
+      _t(e),
+      "popup_closed",
+      { postEvent: this.postEvent }
+    ).then(({ button_id: t = null }) => t).finally(() => {
+      this.isOpened = !1;
+    });
   }
 }
-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) {
-  return ["macos", "tdesktop", "unigram", "web", "weba"].includes(r);
-}
-async function Ae(r) {
-  const e = await m("web_app_request_viewport", "viewport_changed", r);
-  return {
-    height: e.height,
-    width: e.width,
-    isExpanded: e.is_expanded,
-    isStateStable: e.is_state_stable
-  };
-}
-function W(r) {
-  return r < 0 ? 0 : r;
-}
-class Wt {
-  constructor(e) {
+class mt {
+  constructor(e, t = d) {
     o(this, "ee", new w());
     o(this, "state");
-    o(this, "postEvent");
     /**
      * Adds new event listener.
      */
@@ -1908,185 +1575,126 @@ class Wt {
      * Removes event listener.
      */
     o(this, "off", this.ee.off.bind(this.ee));
-    const {
-      height: t,
-      isExpanded: s,
-      width: n,
-      stableHeight: i,
-      postEvent: a = d
-    } = e;
-    this.postEvent = a, this.state = new b({
-      height: W(t),
-      isExpanded: s,
-      stableHeight: W(i),
-      width: W(n)
-    }, this.ee);
-  }
-  /**
-   * Request viewport information from the Telegram application and updates current Viewport
-   * instance.
-   * @param options - options to request fresh data.
-   */
-  sync(e) {
-    return Ae(e).then(({ height: t, isExpanded: s, width: n, isStateStable: i }) => {
-      this.state.set({
-        height: t,
-        width: n,
-        isExpanded: s,
-        stableHeight: i ? t : this.state.get("stableHeight")
-      });
+    /**
+     * 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"
     });
   }
   /**
-   * The current height of the visible area of the Mini App.
-   *
-   * The application can display just the top part of the Mini App, with its
-   * lower part remaining outside the screen area. From this position, the
-   * user can "pull" the Mini App to its maximum height, while the bot can do
-   * the same by calling `expand` method. As the position of the Mini App
-   * changes, the current height value of the visible area will be updated
-   * in real time.
-   *
-   * Please note that the refresh rate of this value is not sufficient
-   * to smoothly follow the lower border of the window. It should not be
-   * used to pin interface elements to the bottom of the visible area. It's
-   * more appropriate to use the value of the `stableHeight`
-   * field for this purpose.
+   * Closes scanner.
    */
-  get height() {
-    return this.state.get("height");
+  close() {
+    this.postEvent("web_app_close_scan_qr_popup"), this.isOpened = !1;
+  }
+  set isOpened(e) {
+    this.state.set("isOpened", e);
   }
   /**
-   * The height of the visible area of the Mini App in its last stable state.
-   *
-   * The application can display just the top part of the Mini App, with its
-   * lower part remaining outside the screen area. From this position,
-   * the user can "pull" the Mini App to its maximum height, while the bot can
-   * do the same by calling `expand` method.
-   *
-   * Unlike the value of `height`, the value of `stableHeight`
-   * does not change as the position of the Mini App changes with user
-   * gestures or during animations. The value of `stableHeight`
-   * will be updated after all gestures and animations are completed and
-   * the Mini App reaches its final size.
+   * Returns true in case, QR scanner is currently opened.
    */
-  get stableHeight() {
-    return this.state.get("stableHeight");
+  get isOpened() {
+    return this.state.get("isOpened");
   }
   /**
-   * Starts listening to viewport changes and applies them.
-   * @returns Function to stop listening.
+   * 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.
    */
-  listen() {
-    return y("viewport_changed", (e) => {
-      const {
-        height: t,
-        width: s,
-        is_expanded: n,
-        is_state_stable: i
-      } = e, a = {
-        height: W(t),
-        isExpanded: n,
-        width: W(s)
-      };
-      i && (a.stableHeight = a.height), this.state.set(a);
+  async open(e) {
+    if (this.isOpened)
+      throw new Error("QR scanner is already opened.");
+    this.isOpened = !0;
+    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;
+    }
+  }
+}
+class yt {
+  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"
     });
   }
-  /**
-   * Returns true if the Mini App is expanded to the maximum available height.
-   * Otherwise, if the Mini App occupies part of the screen and can be expanded
-   * to the full height using `expand` method.
-   * @see expand
-   */
-  get isExpanded() {
-    return this.state.get("isExpanded");
+  set isVisible(e) {
+    this.state.set("isVisible", e), this.postEvent("web_app_setup_settings_button", { is_visible: e });
   }
   /**
-   * Current viewport width.
+   * True if SettingsButton is currently visible.
    */
-  get width() {
-    return this.state.get("width");
+  get isVisible() {
+    return this.state.get("isVisible");
   }
   /**
-   * A method that expands the Mini App to the maximum available height. To
-   * find out if the Mini App is expanded to the maximum height, refer to the
-   * value of the `isExpanded`.
-   * @see isExpanded
+   * Hides the SettingsButton.
    */
-  expand() {
-    this.postEvent("web_app_expand"), this.state.set("isExpanded", !0);
+  hide() {
+    this.isVisible = !1;
   }
   /**
-   * Returns true in case current viewport height is stable and is not going to
-   * change in the next moment.
+   * Shows the SettingsButton.
    */
-  get isStable() {
-    return this.stableHeight === this.height;
+  show() {
+    this.isVisible = !0;
   }
 }
-function G(r) {
-  const e = new Wt(r);
-  return e.on("change", () => B("viewport", {
-    height: e.height,
-    isExpanded: e.isExpanded,
-    stableHeight: e.stableHeight,
-    width: e.width
-  })), e.listen(), e;
+function Et(r) {
+  return r.replace(/(^|_)bg/, (e, t) => `${t}background`).replace(/_([a-z])/g, (e, t) => t.toUpperCase());
 }
-function Ot(r, e, t, s) {
-  const n = r ? D("viewport") : null;
-  if (n)
-    return G({ ...n, postEvent: t });
-  if (Dt(e))
-    return G({
-      height: window.innerHeight,
-      isExpanded: !0,
-      postEvent: t,
-      stableHeight: window.innerHeight,
-      width: window.innerWidth
-    });
-  if (s)
-    return Ae({
-      postEvent: t,
-      timeout: 5e3
-    }).then(({ height: a, isStateStable: c, ...u }) => G({
-      ...u,
-      height: a,
-      stableHeight: c ? a : 0
-    }));
-  const i = G({
-    width: 0,
-    height: 0,
-    isExpanded: !1,
-    postEvent: t,
-    stableHeight: 0
-  });
-  return i.sync({ postEvent: t, timeout: 5e3 }).catch((a) => {
-    console.error("Unable to actualize viewport state", a);
-  }), i;
+function Ct(r) {
+  return r.replace(/[A-Z]/g, (e) => `_${e.toLowerCase()}`).replace(/(^|_)background/, (e, t) => `${t}bg`);
 }
-function Ht(r) {
-  return typeof r == "object" ? r : r ? {
-    themeParams: !0,
-    viewport: !0,
-    miniApp: !0
-  } : {};
+const Ee = T(
+  (r) => {
+    const e = ge().optional();
+    return Object.entries(ee(r)).reduce((t, [s, n]) => (t[Et(s)] = e.parse(n), t), {});
+  },
+  "ThemeParams"
+);
+function Ce(r) {
+  return Ee().parse(r);
 }
-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 rr(r = {}) {
+  return m("web_app_request_theme", "theme_changed", r).then(Ce);
 }
-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];
+function vt(r) {
+  return JSON.stringify(
+    Object.entries(r).reduce((e, [t, s]) => (s && (e[Ct(t)] = s), e), {})
+  );
 }
-class Ut {
-  constructor(e, t = d) {
+class Pt {
+  constructor(e) {
     o(this, "ee", new w());
     o(this, "state");
     /**
@@ -2097,71 +1705,183 @@ class Ut {
      * 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 || _e(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(Ce(e.theme_params));
+    });
+  }
+  /**
+   * @since v6.10
+   */
+  get subtitleTextColor() {
+    return this.get("subtitleTextColor");
+  }
+  get textColor() {
+    return this.get("textColor");
+  }
+}
+class kt {
+  constructor(e, t, s = d) {
     /**
      * 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);
+    /**
+     * 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 = ye(e, {
+      "openLink.tryInstantView": ["web_app_open_link", "try_instant_view"]
+    });
   }
   /**
-   * True if invoice is currently opened.
+   * 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 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;
+  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 } : {}
+    });
   }
-}
-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 };
+  /**
+   * 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;
     }
-    return { ...i, id: a };
-  }), { title: t, message: e, buttons: n };
+    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);
+  }
 }
-class Gt {
-  constructor(e, t = d) {
+function St(r) {
+  return ["macos", "tdesktop", "unigram", "web", "weba"].includes(r);
+}
+async function ve(r) {
+  const e = await m("web_app_request_viewport", "viewport_changed", r);
+  return {
+    height: e.height,
+    width: e.width,
+    isExpanded: e.is_expanded,
+    isStateStable: e.is_state_stable
+  };
+}
+function W(r) {
+  return r < 0 ? 0 : r;
+}
+class xt {
+  constructor(e) {
     o(this, "ee", new w());
     o(this, "state");
+    o(this, "postEvent");
     /**
      * Adds new event listener.
      */
@@ -2170,178 +1890,443 @@ class Gt {
      * 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" });
+    const {
+      height: t,
+      isExpanded: s,
+      width: n,
+      stableHeight: i,
+      postEvent: a = d
+    } = e;
+    this.postEvent = a, this.state = new b({
+      height: W(t),
+      isExpanded: s,
+      stableHeight: W(i),
+      width: W(n)
+    }, this.ee);
   }
-  set isOpened(e) {
-    this.state.set("isOpened", e);
+  /**
+   * Request viewport information from the Telegram application and updates current Viewport
+   * instance.
+   * @param options - options to request fresh data.
+   */
+  sync(e) {
+    return ve(e).then(({ height: t, isExpanded: s, width: n, isStateStable: i }) => {
+      this.state.set({
+        height: t,
+        width: n,
+        isExpanded: s,
+        stableHeight: i ? t : this.state.get("stableHeight")
+      });
+    });
   }
   /**
-   * True if popup is currently opened.
+   * The current height of the visible area of the Mini App.
+   *
+   * The application can display just the top part of the Mini App, with its
+   * lower part remaining outside the screen area. From this position, the
+   * user can "pull" the Mini App to its maximum height, while the bot can do
+   * the same by calling `expand` method. As the position of the Mini App
+   * changes, the current height value of the visible area will be updated
+   * in real time.
+   *
+   * Please note that the refresh rate of this value is not sufficient
+   * to smoothly follow the lower border of the window. It should not be
+   * used to pin interface elements to the bottom of the visible area. It's
+   * more appropriate to use the value of the `stableHeight`
+   * field for this purpose.
    */
-  get isOpened() {
-    return this.state.get("isOpened");
+  get height() {
+    return this.state.get("height");
   }
   /**
-   * 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.
+   * The height of the visible area of the Mini App in its last stable state.
    *
-   * In case, user clicked outside the popup or clicked top right popup close
-   * button, null will be returned.
+   * The application can display just the top part of the Mini App, with its
+   * lower part remaining outside the screen area. From this position,
+   * the user can "pull" the Mini App to its maximum height, while the bot can
+   * do the same by calling `expand` method.
    *
-   * 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.
+   * Unlike the value of `height`, the value of `stableHeight`
+   * does not change as the position of the Mini App changes with user
+   * gestures or during animations. The value of `stableHeight`
+   * will be updated after all gestures and animations are completed and
+   * the Mini App reaches its final size.
    */
-  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;
-    });
+  get stableHeight() {
+    return this.state.get("stableHeight");
   }
-}
-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"
+  /**
+   * Starts listening to viewport changes and applies them.
+   * @returns Function to stop listening.
+   */
+  listen() {
+    return y("viewport_changed", (e) => {
+      const {
+        height: t,
+        width: s,
+        is_expanded: n,
+        is_state_stable: i
+      } = e, a = {
+        height: W(t),
+        isExpanded: n,
+        width: W(s)
+      };
+      i && (a.stableHeight = a.height), this.state.set(a);
     });
   }
   /**
-   * Closes scanner.
+   * Returns true if the Mini App is expanded to the maximum available height.
+   * Otherwise, if the Mini App occupies part of the screen and can be expanded
+   * to the full height using `expand` method.
+   * @see expand
    */
-  close() {
-    this.postEvent("web_app_close_scan_qr_popup"), this.isOpened = !1;
+  get isExpanded() {
+    return this.state.get("isExpanded");
   }
-  set isOpened(e) {
-    this.state.set("isOpened", e);
+  /**
+   * Current viewport width.
+   */
+  get width() {
+    return this.state.get("width");
   }
   /**
-   * Returns true in case, QR scanner is currently opened.
+   * A method that expands the Mini App to the maximum available height. To
+   * find out if the Mini App is expanded to the maximum height, refer to the
+   * value of the `isExpanded`.
+   * @see isExpanded
    */
-  get isOpened() {
-    return this.state.get("isOpened");
+  expand() {
+    this.postEvent("web_app_expand"), this.state.set("isExpanded", !0);
   }
   /**
-   * 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.
+   * Returns true in case current viewport height is stable and is not going to
+   * change in the next moment.
    */
-  async open(e) {
-    if (this.isOpened)
-      throw new Error("QR scanner is already opened.");
-    this.isOpened = !0;
-    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;
-    }
+  get isStable() {
+    return this.stableHeight === this.height;
   }
 }
-class Ft {
+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 (te(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 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();
+}
+function Vt() {
+  const r = document.createElement("style");
+  r.id = "telegram-custom-styles", document.head.appendChild(r), y("set_custom_style", (e) => {
+    r.innerHTML = e;
+  });
+}
+class Rt {
   constructor(e, t, s = d) {
+    o(this, "ee", new w());
+    o(this, "state");
     /**
-     * Checks if specified method is supported by current component.
+     * Adds event listener.
+     * @param event - event name.
+     * @param listener - event listener.
      */
-    o(this, "supports");
+    o(this, "on", (e, t) => e === "click" ? y("back_button_pressed", t) : this.ee.on(e, t));
     /**
-     * Checks if specified method parameter is supported by current component.
+     * Removes event listener.
+     * @param event - event name.
+     * @param listener - event listener.
      */
-    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"]
+    o(this, "off", (e, t) => e === "click" ? $("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, {
+      show: "web_app_setup_back_button",
+      hide: "web_app_setup_back_button"
     });
   }
+  set isVisible(e) {
+    this.state.set("isVisible", e), this.postEvent("web_app_setup_back_button", { is_visible: e });
+  }
   /**
-   * 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
+   * True if BackButton is currently visible.
    */
-  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 } : {}
-    });
+  get isVisible() {
+    return this.state.get("isVisible");
   }
   /**
-   * 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.
+   * Hides the BackButton.
    */
-  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 });
+  hide() {
+    this.isVisible = !1;
   }
   /**
-   * 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
+   * Shows the BackButton.
    */
-  readTextFromClipboard() {
-    return m(
-      "web_app_read_text_from_clipboard",
-      { req_id: this.createRequestId() },
-      "clipboard_text_received",
-      { postEvent: this.postEvent }
-    ).then(({ data: e = null }) => e);
+  show() {
+    this.isVisible = !0;
   }
 }
-function or(r = {}) {
+function Pe(r) {
+  return `telegram-mini-apps-${r}`;
+}
+function B(r, e) {
+  sessionStorage.setItem(Pe(r), JSON.stringify(e));
+}
+function D(r) {
+  const e = sessionStorage.getItem(Pe(r));
+  return e ? JSON.parse(e) : null;
+}
+function It(r, e, t) {
+  const { isVisible: s = !1 } = r ? D("back-button") || {} : {}, n = new Rt(s, e, t);
+  return n.on("change", () => {
+    B("back-button", { isVisible: n.isVisible });
+  }), n;
+}
+function Lt(r, e) {
+  const { isConfirmationNeeded: t = !1 } = r ? D("closing-behavior") || {} : {}, s = new st(t, e);
+  return s.on("change", () => B("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 ? D("main-button") || {} : {}, g = new dt({
+    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;
+}
+function $t(r, e, t, s, n, i) {
+  const {
+    backgroundColor: a = e,
+    headerColor: c = "bg_color"
+  } = r ? D("mini-app") || {} : {}, u = new wt({
+    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 Bt() {
+  let r = 0;
+  return () => (r += 1, r.toString());
+}
+function Dt(r, e, t) {
+  const { isVisible: s = !1 } = r ? D("settings-button") || {} : {}, n = new yt(s, e, t);
+  return n.on("change", () => {
+    B("settings-button", { isVisible: n.isVisible });
+  }), n;
+}
+function Wt(r) {
+  const e = new Pt(r);
+  return e.listen(), e;
+}
+function G(r) {
+  const e = new xt(r);
+  return e.on("change", () => B("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;
+  if (n)
+    return G({ ...n, postEvent: t });
+  if (St(e))
+    return G({
+      height: window.innerHeight,
+      isExpanded: !0,
+      postEvent: t,
+      stableHeight: window.innerHeight,
+      width: window.innerWidth
+    });
+  if (s)
+    return ve({
+      postEvent: t,
+      timeout: 5e3
+    }).then(({ height: a, isStateStable: c, ...u }) => G({
+      ...u,
+      height: a,
+      stableHeight: c ? a : 0
+    }));
+  const i = G({
+    width: 0,
+    height: 0,
+    isExpanded: !1,
+    postEvent: t,
+    stableHeight: 0
+  });
+  return i.sync({ postEvent: t, timeout: 5e3 }).catch((a) => {
+    console.error("Unable to actualize viewport state", a);
+  }), i;
+}
+function Ht(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 && qt(e, t), n.themeParams && At(t), n.viewport && (s instanceof Promise ? s.then(ae) : ae(s));
+}
+function Nt() {
+  return re({
+    botInline: {
+      type: k().optional(),
+      from: "tgWebAppBotInline"
+    },
+    initData: {
+      type: me().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: Ee(),
+      from: "tgWebAppThemeParams"
+    },
+    version: {
+      type: h(),
+      from: "tgWebAppVersion"
+    }
+  }, "LaunchParams");
+}
+function ke(r) {
+  return Nt().parse(r);
+}
+function Se(r) {
+  const e = r.includes("?") ? r.replace("#", "&").slice(r.indexOf("?") + 1) : r.slice(r.indexOf("#") + 1);
+  return ke(e);
+}
+function Ut() {
+  return Se(window.location.href);
+}
+function xe() {
+  return performance.getEntriesByType("navigation")[0];
+}
+function Mt() {
+  const r = xe();
+  if (!r)
+    throw new Error("Unable to get first navigation entry.");
+  return Se(r.name);
+}
+function Gt(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", 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();
+}
+const qe = "telegram-mini-apps-launch-params";
+function jt() {
+  return ke(sessionStorage.getItem(qe) || "");
+}
+function Ft(r) {
+  sessionStorage.setItem(qe, Gt(r));
+}
+function se() {
+  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.
+    Ut,
+    // Then, try using the lower level API - window.performance.
+    Mt,
+    // Finally, try to extract launch parameters from the session storage.
+    jt
+  ])
+    try {
+      const t = e();
+      return Ft(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 Ae() {
+  var r;
+  return ((r = xe()) == null ? void 0 : r.type) === "reload";
+}
+function sr(r = {}) {
   const {
     async: e = !1,
     complete: t = e,
@@ -2356,22 +2341,24 @@ 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", () => window.location.reload()));
+    } = se(), _ = Ae(), V = Bt(), l = De(c);
+    le() && (n && Vt(), l("iframe_ready", { reload_supported: !0 }), y("reload_iframe", () => {
+      l("iframe_will_reload"), window.location.reload();
+    }));
     const C = {
-      backButton: St(_, c, l),
-      closingBehavior: xt(_, l),
-      cloudStorage: new Et(c, V, l),
+      backButton: It(_, c, l),
+      closingBehavior: Lt(_, l),
+      cloudStorage: new at(c, V, l),
       createRequestId: V,
-      hapticFeedback: new Pt(c, l),
-      invoice: new Ut(c, l),
-      mainButton: At(
+      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,
@@ -2379,14 +2366,14 @@ function or(r = {}) {
         V,
         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: Dt(_, c, l),
+      themeParams: Wt(p),
+      utils: new kt(c, V, l),
       ...i ? {
-        initData: new We(i),
+        initData: new ut(i),
         initDataRaw: a
       } : {}
     }, x = Ot(_, u, l, t);
@@ -2407,10 +2394,20 @@ function or(r = {}) {
     throw i;
   }
 }
-function O(r, e) {
-  return r.startsWith(e) ? r : `${e}${r}`;
+function nr() {
+  return {
+    launchParams: se(),
+    isPageReload: Ae()
+  };
 }
-function ar(r) {
+function ir() {
+  try {
+    return se(), !0;
+  } catch {
+    return !1;
+  }
+}
+function or(r) {
   const e = r.match(/#(.+)/);
   return e ? e[1] : null;
 }
@@ -2434,6 +2431,9 @@ async function zt() {
   for (; e; )
     e = await N(-1);
 }
+function O(r, e) {
+  return r.startsWith(e) ? r : `${e}${r}`;
+}
 class Jt {
   constructor(e, t, {
     debug: s = !1,
@@ -2453,7 +2453,7 @@ class Jt {
         search: a ? O(a, "?") : "",
         hash: c ? O(c, "#") : ""
       };
-    }), this.logger = new ve(`[${n}]`, s);
+    }), this.logger = new ue(`[${n}]`, s);
   }
   /**
    * Converts entry to the navigation entry.
@@ -2721,81 +2721,83 @@ class Ve extends Jt {
     this.attached && (this.logger.log("Detaching", this), this.attached = !1, window.removeEventListener("popstate", this.onPopState), $("back_button_pressed", this.back));
   }
 }
+function ar(r) {
+  return r instanceof J;
+}
 export {
-  bt as BackButton,
-  yt as ClosingBehavior,
-  Et as CloudStorage,
-  Pt as HapticFeedback,
+  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,
+  ut as InitData,
+  lt as Invoice,
+  dt as MainButton,
+  Y as MethodUnsupportedError,
+  wt as MiniApp,
   Jt as Navigator,
-  se as ParameterUnsupportedError,
+  X as ParameterUnsupportedError,
   F as ParseError,
   j as ParseSchemaFieldError,
-  Gt as Popup,
-  jt as QRScanner,
-  Tt as SettingsButton,
-  Ue as ThemeParams,
+  bt as Popup,
+  mt as QRScanner,
+  yt as SettingsButton,
+  Pt as ThemeParams,
   J as TimeoutError,
-  Ft as Utils,
-  Wt as Viewport,
-  $e as array,
-  Ct as bindMiniAppCSSVars,
-  vt as bindThemeCSSVars,
+  kt as Utils,
+  xt as Viewport,
+  ot as array,
+  qt as bindMiniAppCSSVars,
+  At 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,
+  ht as chatParser,
+  rt as classNames,
+  Be as compareVersions,
+  De as createPostEvent,
+  be as date,
+  or as getHash,
+  sr as init,
+  me as initDataParser,
   H as invokeCustomMethod,
-  we as isColorDark,
-  pe as isIframe,
-  le as isPageReload,
-  X as isRGB,
-  Be as isRGBShort,
+  _e as isColorDark,
+  le as isIframe,
+  Ae as isPageReload,
+  te as isRGB,
+  Qe as isRGBShort,
   R as isRecord,
-  Dt as isStableViewportPlatform,
-  tr as isTMA,
-  nr as isTimeoutError,
+  St as isStableViewportPlatform,
+  ir as isTMA,
+  ar as isTimeoutError,
   f as json,
-  Me as launchParamsParser,
-  ir as mergeClassNames,
+  Nt as launchParamsParser,
+  er 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,
+  Yt as once,
+  tr as parseInitData,
+  ke as parseLaunchParams,
+  Oe as parseMessage,
+  Ce as parseThemeParams,
   d as postEvent,
   m as request,
-  Kt as requestThemeParams,
-  Ae as requestViewport,
-  er as retrieveLaunchData,
-  te as retrieveLaunchParams,
-  _e as rgb,
-  ee as searchParams,
-  ze as serializeLaunchParams,
-  Ne as serializeThemeParams,
+  rr as requestThemeParams,
+  ve as requestViewport,
+  nr as retrieveLaunchData,
+  se as retrieveLaunchParams,
+  ge as rgb,
+  re as searchParams,
+  Gt as serializeLaunchParams,
+  vt as serializeThemeParams,
   S as setCSSVar,
-  Yt as setDebug,
-  Xt as setTargetOrigin,
+  Zt as setDebug,
+  Kt as setTargetOrigin,
   h as string,
-  sr as subscribe,
+  Xt as subscribe,
   I as supports,
-  me as themeParamsParser,
-  ge as toRGB,
-  dt as unsubscribe,
-  ne as userParser,
-  xe as withTimeout
+  Ee as themeParamsParser,
+  fe as toRGB,
+  tt as unsubscribe,
+  oe as userParser,
+  we as withTimeout
 };