@tma.js/sdk-react 2.2.4 → 2.2.6

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as Rt } from "react/jsx-runtime";
 import { createContext as re, useContext as ie, useState as rt, useEffect as R, useRef as bt, useCallback as oe, useMemo as ae } from "react";
-var ce = Object.defineProperty, he = (e, t, s) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => (he(e, typeof t != "symbol" ? t + "" : t, s), s);
+var ce = Object.defineProperty, he = (e, t, s) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => he(e, typeof t != "symbol" ? t + "" : t, s);
 function xt(e, t) {
   let s;
   const n = () => {
@@ -158,12 +158,12 @@ class W extends Error {
     super(s, { cause: n }), this.type = t, Object.setPrototypeOf(this, W.prototype);
   }
 }
-function m(e, t, s) {
+function b(e, t, s) {
   return new W(e, t, s);
 }
 const _e = "ERR_METHOD_UNSUPPORTED", we = "ERR_METHOD_PARAMETER_UNSUPPORTED", ge = "ERR_UNKNOWN_ENV", fe = "ERR_INVOKE_CUSTOM_METHOD_RESPONSE", me = "ERR_TIMED_OUT", be = "ERR_UNEXPECTED_TYPE", St = "ERR_PARSE", ve = "ERR_NAVIGATION_LIST_EMPTY", ye = "ERR_NAVIGATION_CURSOR_INVALID", dn = "ERR_NAVIGATION_ITEM_INVALID", _n = "ERR_SSR_INIT", Ee = "ERR_INVALID_PATH_BASE";
 function T() {
-  return m(be, "Value has unexpected type");
+  return b(be, "Value has unexpected type");
 }
 class G {
   constructor(t, s, n) {
@@ -180,7 +180,7 @@ class G {
       try {
         return this.parser(t);
       } catch (s) {
-        throw m(
+        throw b(
           St,
           `Unable to parse value${this.type ? ` as ${this.type}` : ""}`,
           s
@@ -221,7 +221,7 @@ function Tt(e, t) {
       const a = o(t(i));
       a !== void 0 && (s[n] = a);
     } catch (a) {
-      throw m(St, `Unable to parse field "${n}"`, a);
+      throw b(St, `Unable to parse field "${n}"`, a);
     }
   }
   return s;
@@ -441,15 +441,21 @@ function Ie(e, t) {
   }
   return 0;
 }
-function v(e, t) {
+function m(e, t) {
   return Ie(e, t) <= 0;
 }
 function C(e, t, s) {
   if (typeof s == "string") {
-    if (e === "web_app_open_link" && t === "try_instant_view")
-      return v("6.4", s);
+    if (e === "web_app_open_link") {
+      if (t === "try_instant_view")
+        return m("6.4", s);
+      if (t === "try_browser")
+        return m("7.6", s);
+    }
     if (e === "web_app_set_header_color" && t === "color")
-      return v("6.9", s);
+      return m("6.9", s);
+    if (e === "web_app_close" && t === "return_back")
+      return m("7.6", s);
   }
   switch (e) {
     case "web_app_open_tg_link":
@@ -458,27 +464,27 @@ function C(e, t, s) {
     case "web_app_set_background_color":
     case "web_app_set_header_color":
     case "web_app_trigger_haptic_feedback":
-      return v("6.1", t);
+      return m("6.1", t);
     case "web_app_open_popup":
-      return v("6.2", t);
+      return m("6.2", t);
     case "web_app_close_scan_qr_popup":
     case "web_app_open_scan_qr_popup":
     case "web_app_read_text_from_clipboard":
-      return v("6.4", t);
+      return m("6.4", t);
     case "web_app_switch_inline_query":
-      return v("6.7", t);
+      return m("6.7", t);
     case "web_app_invoke_custom_method":
     case "web_app_request_write_access":
     case "web_app_request_phone":
-      return v("6.9", t);
+      return m("6.9", t);
     case "web_app_setup_settings_button":
-      return v("6.10", t);
+      return m("6.10", t);
     case "web_app_biometry_get_info":
     case "web_app_biometry_open_settings":
     case "web_app_biometry_request_access":
     case "web_app_biometry_request_auth":
     case "web_app_biometry_update_token":
-      return v("7.2", t);
+      return m("7.2", t);
     default:
       return [
         "iframe_ready",
@@ -531,7 +537,7 @@ function B(e, t, s) {
     window.TelegramWebviewProxy.postEvent(e, JSON.stringify(r));
     return;
   }
-  throw m(
+  throw b(
     ge,
     "Unable to determine current environment and possible way to send event. You are probably trying to use Mini Apps method outside of Telegram application environment."
   );
@@ -539,11 +545,11 @@ function B(e, t, s) {
 function qe(e) {
   return (t, s) => {
     if (!C(t, e))
-      throw m(_e, `Method "${t}" is unsupported in Mini Apps version ${e}`);
+      throw b(_e, `Method "${t}" is unsupported in Mini Apps version ${e}`);
     if (V(s)) {
       let n;
       if (t === "web_app_open_link" && "try_instant_view" in s ? n = "try_instant_view" : t === "web_app_set_header_color" && "color" in s && (n = "color"), n && !C(t, n, e))
-        throw m(
+        throw b(
           we,
           `Parameter "${n}" of "${t}" method is unsupported in Mini Apps version ${e}`
         );
@@ -555,7 +561,7 @@ function Dt(e) {
   return ({ req_id: t }) => t === e;
 }
 function Bt(e) {
-  return m(me, `Timeout reached: ${e}ms`);
+  return b(me, `Timeout reached: ${e}ms`);
 }
 function Mt(e, t) {
   return Promise.race([
@@ -598,7 +604,7 @@ async function O(e, t, s, n = {}) {
     capture: Dt(s)
   });
   if (i)
-    throw m(fe, i);
+    throw b(fe, i);
   return r;
 }
 function st(...e) {
@@ -746,7 +752,7 @@ const De = w({
   },
   username: h().optional()
 }, "User").optional();
-function Ut() {
+function Ht() {
   return lt({
     authDate: {
       type: $t(),
@@ -784,7 +790,7 @@ function Be(e) {
 function Me(e) {
   return e.replace(/[A-Z]/g, (t) => `_${t.toLowerCase()}`);
 }
-const Ht = A(
+const Ut = A(
   (e) => {
     const t = It().optional();
     return Object.entries(at(e)).reduce((s, [n, r]) => (s[Be(n)] = t.parse(r), s), {});
@@ -798,7 +804,7 @@ function dt(e) {
       from: "tgWebAppBotInline"
     },
     initData: {
-      type: Ut().optional(),
+      type: Ht().optional(),
       from: "tgWebAppData"
     },
     initDataRaw: {
@@ -818,7 +824,7 @@ function dt(e) {
       from: "tgWebAppStartParam"
     },
     themeParams: {
-      type: Ht(),
+      type: Ut(),
       from: "tgWebAppThemeParams"
     },
     version: {
@@ -867,7 +873,7 @@ function Jt(e) {
     )
   );
 }
-function Ue(e) {
+function He(e) {
   const {
     initDataRaw: t,
     themeParams: s,
@@ -880,7 +886,7 @@ function Ue(e) {
   return p.set("tgWebAppPlatform", n), p.set("tgWebAppThemeParams", Jt(s)), p.set("tgWebAppVersion", r), t && p.set("tgWebAppData", t), o && p.set("tgWebAppStartParam", o), typeof i == "boolean" && p.set("tgWebAppShowSettings", i ? "1" : "0"), typeof a == "boolean" && p.set("tgWebAppBotInline", a ? "1" : "0"), p.toString();
 }
 function Ft(e) {
-  zt("launchParams", Ue(e));
+  zt("launchParams", He(e));
 }
 function nt() {
   for (const e of [
@@ -903,11 +909,11 @@ function Qt() {
   const e = Gt();
   return !!(e && e.type === "reload");
 }
-function He() {
+function Ue() {
   let e = 0;
   return () => (e += 1).toString();
 }
-const [We] = xt(He);
+const [We] = xt(Ue);
 function l(e, t) {
   return () => {
     const s = nt(), n = {
@@ -1365,7 +1371,7 @@ const rs = l(
   ({ initData: e }) => e ? new ns(e) : void 0
 );
 function fn(e) {
-  return Ut().parse(e);
+  return Ht().parse(e);
 }
 class is extends L {
   constructor(t, s, n) {
@@ -1943,7 +1949,7 @@ const bs = l(
   }) => new ms(s.isVisible, e, t)
 );
 function Xt(e) {
-  return Ht().parse(e);
+  return Ut().parse(e);
 }
 class vs extends _t {
   /**
@@ -2004,6 +2010,12 @@ class vs extends _t {
   get sectionHeaderTextColor() {
     return this.get("sectionHeaderTextColor");
   }
+  /**
+   * @since v7.6
+   */
+  get sectionSeparatorColor() {
+    return this.get("sectionHeaderTextColor");
+  }
   /**
    * Starts listening to the external theme changes and applies them.
    * @returns Function to stop listening.
@@ -2105,10 +2117,11 @@ class Es extends wt {
    * @param url - URL to share.
    * @param text - text to append after the URL.
    * @see https://core.telegram.org/api/links#share-links
+   * @see https://core.telegram.org/widgets/share#custom-buttons
    */
   shareURL(t, s) {
     this.openTelegramLink(
-      "https://t.me/share?" + new URLSearchParams({ url: t, text: s || "" }).toString()
+      "https://t.me/share/url?" + new URLSearchParams({ url: t, text: s || "" }).toString()
     );
   }
 }
@@ -2387,9 +2400,9 @@ function J(e, t) {
 class As {
   constructor(t, s, n = B) {
     if (c(this, "history"), c(this, "ee", new D()), c(this, "attached", !1), c(this, "back", () => this.go(-1)), c(this, "on", this.ee.on.bind(this.ee)), c(this, "off", this.ee.off.bind(this.ee)), this._index = s, this.postEvent = n, t.length === 0)
-      throw m(ve, "History should not be empty.");
+      throw b(ve, "History should not be empty.");
     if (s < 0 || s >= t.length)
-      throw m(
+      throw b(
         ye,
         "Index should not be zero and higher or equal than history size."
       );
@@ -2514,19 +2527,19 @@ function F({
 function M(e, t) {
   return e.startsWith(t) ? e : `${t}${e}`;
 }
-function U(e) {
+function H(e) {
   return new URL(
     typeof e == "string" ? e : `${e.pathname || ""}${M(e.search || "", "?")}${M(e.hash || "", "#")}`,
     "http://a"
   );
 }
-function H(e) {
-  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = U(e);
+function U(e) {
+  const t = typeof e == "string" ? e.startsWith("/") : !!(e.pathname && e.pathname.startsWith("/")), s = H(e);
   return `${t ? s.pathname : s.pathname.slice(1)}${s.search}${s.hash}`;
 }
 function Q(e, t, s) {
   let n, r;
-  typeof e == "string" ? n = e : (n = H(e), s = e.state, r = e.id);
+  typeof e == "string" ? n = e : (n = U(e), s = e.state, r = e.id);
   const { pathname: i, search: o, hash: a } = new URL(n, `http://a${M(t, "/")}`);
   return { id: r, pathname: i, params: { hash: a, search: o, state: s } };
 }
@@ -2552,7 +2565,7 @@ async function Is() {
     e = await N(-1);
 }
 function ee(e) {
-  return U(e).pathname;
+  return H(e).pathname;
 }
 const Pt = 0, Y = 1, Z = 2;
 class se {
@@ -2676,7 +2689,7 @@ class se {
    * "/pathname?search#hash"
    */
   get path() {
-    return H(this);
+    return U(this);
   }
   /**
    * Current pathname. Always starts with the slash.
@@ -2705,8 +2718,8 @@ class se {
    * // { pathname: '/tma', search: '?is=cool', hash: '#yeah' }
    */
   parsePath(t) {
-    let s = U(t);
-    return this.hashMode && (s = U(s.hash.slice(1))), {
+    let s = H(t);
+    return this.hashMode && (s = H(s.hash.slice(1))), {
       pathname: s.pathname,
       search: s.search,
       hash: s.hash
@@ -2726,7 +2739,7 @@ class se {
    * @param value - path presented as string or URLLike.
    */
   renderPath(t) {
-    const s = (this.base.length === 1 ? "" : this.base) + M(H(t), "/");
+    const s = (this.base.length === 1 ? "" : this.base) + M(U(t), "/");
     return this.hashMode ? M(s.slice(1), this.hashMode === "classic" ? "#" : "#/") : s;
   }
   /**
@@ -2756,13 +2769,13 @@ class se {
 function ks(e) {
   e || (e = {});
   const { href: t, hash: s } = window.location;
-  let n = H(
+  let n = U(
     e.hashMode === null ? t : s.includes("?") ? s.slice(1) : `?${s.slice(1)}`
   );
   const r = e.base ? ee(e.base) : void 0;
   if (r) {
     if (!n.startsWith(r))
-      throw m(
+      throw b(
         Ee,
         `Path "${n}" expected to be starting with "${r}"`
       );
@@ -2851,13 +2864,13 @@ const [Ns, Ds] = _(Ge), [Sn, Tn] = d(
 ), [Vs, Ls] = _(Fe), [kn, qn] = d(
   Vs,
   Ls
-), [$s, Us] = _(ts), [On, Nn] = d(
+), [$s, Hs] = _(ts), [On, Nn] = d(
   $s,
-  Us
-), [Hs, Ws] = _(ss), [Dn, Bn] = d(
-  Hs,
+  Hs
+), [Us, Ws] = _(ss), [Dn, Bn] = d(
+  Us,
   Ws
-), [Gs, js] = _(rs), [Mn, Vn] = d(Gs, js), [zs, Ks] = _(os), [Ln, $n] = d(zs, Ks), [Js, Fs] = _(cs), [Un, Hn] = d(Js, Fs), [Qs, Ys] = _(ls), [Wn, Gn] = d(Qs, Ys), [Zs, Xs] = _(ws), [jn, zn] = d(Zs, Xs), [tn, en] = _(fs), [Kn, Jn] = d(tn, en), [sn, nn] = _(bs), [Fn, Qn] = d(
+), [Gs, js] = _(rs), [Mn, Vn] = d(Gs, js), [zs, Ks] = _(os), [Ln, $n] = d(zs, Ks), [Js, Fs] = _(cs), [Hn, Un] = d(Js, Fs), [Qs, Ys] = _(ls), [Wn, Gn] = d(Qs, Ys), [Zs, Xs] = _(ws), [jn, zn] = d(Zs, Xs), [tn, en] = _(fs), [Kn, Jn] = d(tn, en), [sn, nn] = _(bs), [Fn, Qn] = d(
   sn,
   nn
 ), [rn, on] = _(ys), [Yn, Zn] = d(rn, on);
@@ -2879,9 +2892,9 @@ function rr({ children: e, acceptCustomStyles: t, debug: s }) {
       const gt = r.get(u);
       if (gt)
         return gt;
-      let b, K;
+      let v, K;
       try {
-        b = u(...S);
+        v = u(...S);
       } catch (f) {
         K = f;
       }
@@ -2891,8 +2904,8 @@ function rr({ children: e, acceptCustomStyles: t, debug: s }) {
       if (K)
         return $({ error: K });
       let I;
-      if (Array.isArray(b) && (I = b[1], b = b[0]), !b)
-        return $({ result: b, cleanup: I });
+      if (Array.isArray(v) && (I = v[1], v = v[0]), !v)
+        return $({ result: v, cleanup: I });
       function ft(f) {
         if ("on" in f) {
           const k = f.on("change", () => a()), mt = I;
@@ -2902,10 +2915,10 @@ function rr({ children: e, acceptCustomStyles: t, debug: s }) {
         }
         return { result: f, cleanup: I };
       }
-      return b instanceof Promise ? (b.then(
+      return v instanceof Promise ? (v.then(
         (f) => a((k) => k.set(u, ft(f))),
         (f) => a((k) => k.set(u, { error: f }))
-      ), $({})) : $(ft(b));
+      ), $({})) : $(ft(v));
     }
   }), [r]);
   return R(() => (n.current = !0, () => {
@@ -2966,7 +2979,7 @@ export {
   Ie as compareVersions,
   ks as createBrowserNavigatorFromLocation,
   qe as createPostEvent,
-  U as createSafeURL,
+  H as createSafeURL,
   $t as date,
   xn as getHash,
   ee as getPathname,
@@ -3014,7 +3027,7 @@ export {
   nt as retrieveLaunchParams,
   It as rgb,
   lt as searchParams,
-  Ue as serializeLaunchParams,
+  He as serializeLaunchParams,
   Jt as serializeThemeParams,
   P as setCSSVar,
   le as setDebug,
@@ -3025,17 +3038,17 @@ export {
   ke as targetOrigin,
   At as toRGB,
   Ct as unsubscribe,
-  H as urlToPath,
+  U as urlToPath,
   Ds as useBackButton,
   Ns as useBackButtonRaw,
   Ms as useBiometryManager,
   Bs as useBiometryManagerRaw,
   Ls as useClosingBehavior,
   Vs as useClosingBehaviorRaw,
-  Us as useCloudStorage,
+  Hs as useCloudStorage,
   $s as useCloudStorageRaw,
   Ws as useHapticFeedback,
-  Hs as useHapticFeedbackRaw,
+  Us as useHapticFeedbackRaw,
   js as useInitData,
   Gs as useInitDataRaw,
   Ks as useInvoice,
@@ -3072,8 +3085,8 @@ export {
   Mn as withInitDataRaw,
   $n as withInvoice,
   Ln as withInvoiceRaw,
-  Hn as withMainButton,
-  Un as withMainButtonRaw,
+  Un as withMainButton,
+  Hn as withMainButtonRaw,
   Gn as withMiniApp,
   Wn as withMiniAppRaw,
   zn as withPopup,