@tma.js/sdk-solid 2.1.6 → 2.1.8

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createComponent as bt, mergeProps as ut, createContext as ee, useContext as se, createEffect as dt, onCleanup as lt, createResource as ne, createMemo as _t, from as re } from "solid-js";
-var ie = Object.defineProperty, oe = (e, t, s) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => (oe(e, typeof t != "symbol" ? t + "" : t, s), s);
+var ie = Object.defineProperty, oe = (e, t, s) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, c = (e, t, s) => oe(e, typeof t != "symbol" ? t + "" : t, s);
 function vt(e, t) {
   let s;
   const n = () => {
@@ -8,11 +8,11 @@ function vt(e, t) {
   return [() => s === void 0 ? s = e(n) : s, n];
 }
 function yt(e) {
-  const t = H(), { count: s } = t;
+  const t = U(), { count: s } = t;
   t.unsubscribe(e), s && !t.count && Se();
 }
 function ae(e) {
-  return H().subscribe(e), () => yt(e);
+  return U().subscribe(e), () => yt(e);
 }
 class ce {
   constructor(t, s = {}) {
@@ -190,10 +190,10 @@ class L {
     return this.isOptional = !0, this;
   }
 }
-function T(e, t) {
+function R(e, t) {
   return () => new L(e, !1, t);
 }
-const y = T((e) => {
+const y = R((e) => {
   if (typeof e == "boolean")
     return e;
   const t = String(e);
@@ -237,7 +237,7 @@ function f(e, t) {
     return Pt(e, (r) => n[r]);
   }, !1, t);
 }
-const P = T((e) => {
+const P = R((e) => {
   if (typeof e == "number")
     return e;
   if (typeof e == "string") {
@@ -271,11 +271,11 @@ function xt(e) {
     return n + (i.length === 1 ? "0" : "") + i;
   }, "#");
 }
-const p = T((e) => {
+const p = R((e) => {
   if (typeof e == "string" || typeof e == "number")
     return e.toString();
   throw S();
-}, "string"), Ct = T((e) => xt(p().parse(e)), "rgb");
+}, "string"), Ct = R((e) => xt(p().parse(e)), "rgb");
 function St(e) {
   return f({
     eventType: p(),
@@ -419,19 +419,19 @@ const [Ce, Se] = vt(
   },
   ([, e]) => e()
 );
-function H() {
+function U() {
   return Ce()[0];
 }
-function U(e, t) {
-  H().off(e, t);
+function H(e, t) {
+  U().off(e, t);
 }
 function v(e, t, s) {
-  return H().on(e, t, s);
+  return U().on(e, t, s);
 }
 function N(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function Te(e, t) {
+function Re(e, t) {
   const s = e.split("."), n = t.split("."), r = Math.max(s.length, n.length);
   for (let i = 0; i < r; i += 1) {
     const o = parseInt(s[i] || "0", 10), a = parseInt(n[i] || "0", 10);
@@ -441,7 +441,7 @@ function Te(e, t) {
   return 0;
 }
 function b(e, t) {
-  return Te(e, t) <= 0;
+  return Re(e, t) <= 0;
 }
 function x(e, t, s) {
   if (typeof s == "string") {
@@ -494,10 +494,10 @@ function x(e, t, s) {
       ].includes(e);
   }
 }
-function Tt(e) {
+function Rt(e) {
   return "external" in e && N(e.external) && "notify" in e.external && typeof e.external.notify == "function";
 }
-function Rt(e) {
+function Tt(e) {
   return "TelegramWebviewProxy" in e && N(e.TelegramWebviewProxy) && "postEvent" in e.TelegramWebviewProxy && typeof e.TelegramWebviewProxy.postEvent == "function";
 }
 function nt() {
@@ -511,22 +511,22 @@ let At = "https://web.telegram.org";
 function Fs(e) {
   At = e;
 }
-function Re() {
+function Te() {
   return At;
 }
 function q(e, t, s) {
   let n = {}, r;
   t === void 0 && s === void 0 ? n = {} : t !== void 0 && s !== void 0 ? (n = s, r = t) : t !== void 0 && ("targetOrigin" in t ? n = t : r = t);
-  const { targetOrigin: i = Re() } = n;
+  const { targetOrigin: i = Te() } = n;
   if (pe("Posting event:", r ? { event: e, data: r } : { event: e }), nt()) {
     window.parent.postMessage(JSON.stringify({ eventType: e, eventData: r }), i);
     return;
   }
-  if (Tt(window)) {
+  if (Rt(window)) {
     window.external.notify(JSON.stringify({ eventType: e, eventData: r }));
     return;
   }
-  if (Rt(window)) {
+  if (Tt(window)) {
     window.TelegramWebviewProxy.postEvent(e, JSON.stringify(r));
     return;
   }
@@ -664,7 +664,7 @@ class ke extends it {
     super({ isVisible: t }, s, {
       show: "web_app_setup_back_button",
       hide: "web_app_setup_back_button"
-    }), c(this, "on", (r, i) => r === "click" ? v("back_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? U("back_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
+    }), c(this, "on", (r, i) => r === "click" ? v("back_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? H("back_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
   }
   set isVisible(t) {
     this.set("isVisible", t), this.postEvent("web_app_setup_back_button", { is_visible: t });
@@ -688,7 +688,7 @@ class ke extends it {
     this.isVisible = !0;
   }
 }
-const Dt = T((e) => e instanceof Date ? e : new Date(P().parse(e) * 1e3), "Date");
+const Dt = R((e) => e instanceof Date ? e : new Date(P().parse(e) * 1e3), "Date");
 function ot(e, t) {
   return new L((s) => {
     if (typeof s != "string" && !(s instanceof URLSearchParams))
@@ -783,7 +783,7 @@ function Oe(e) {
 function Ne(e) {
   return e.replace(/[A-Z]/g, (t) => `_${t.toLowerCase()}`);
 }
-const Mt = T(
+const Mt = R(
   (e) => {
     const t = Ct().optional();
     return Object.entries(et(e)).reduce((s, [n, r]) => (s[Oe(n)] = t.parse(r), s), {});
@@ -846,10 +846,10 @@ function Ve() {
 function Lt(e) {
   return `tma.js/${e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`)}`;
 }
-function Ht(e, t) {
+function Ut(e, t) {
   sessionStorage.setItem(Lt(e), JSON.stringify(t));
 }
-function Ut(e) {
+function Ht(e) {
   const t = sessionStorage.getItem(Lt(e));
   try {
     return t ? JSON.parse(t) : void 0;
@@ -857,7 +857,7 @@ function Ut(e) {
   }
 }
 function Me() {
-  return at(Ut("launchParams") || "");
+  return at(Ht("launchParams") || "");
 }
 function Wt(e) {
   return JSON.stringify(
@@ -879,7 +879,7 @@ function Be(e) {
   return h.set("tgWebAppPlatform", n), h.set("tgWebAppThemeParams", Wt(s)), h.set("tgWebAppVersion", r), t && h.set("tgWebAppData", t), o && h.set("tgWebAppStartParam", o), typeof i == "boolean" && h.set("tgWebAppShowSettings", i ? "1" : "0"), typeof a == "boolean" && h.set("tgWebAppBotInline", a ? "1" : "0"), h.toString();
 }
 function jt(e) {
-  Ht("launchParams", Be(e));
+  Ut("launchParams", Be(e));
 }
 function $e() {
   for (const e of [
@@ -906,13 +906,13 @@ function Le() {
   let e = 0;
   return () => (e += 1).toString();
 }
-const [He] = vt(Le);
+const [Ue] = vt(Le);
 function l(e, t) {
   return () => {
     const s = $e(), n = {
       ...s,
       postEvent: Ae(s.version),
-      createRequestId: He()
+      createRequestId: Ue()
     };
     if (typeof e == "function")
       return e(n);
@@ -921,11 +921,11 @@ function l(e, t) {
       // State should only be passed only in case, current page was reloaded. If we don't add
       // this check, state restoration will work improperly in the web version of Telegram,
       // when we are always working in the same "session" (tab).
-      state: Gt() ? Ut(e) : void 0,
+      state: Gt() ? Ht(e) : void 0,
       addCleanup: r
     }), h = (u) => (o || r(
       u.on("change", (d) => {
-        Ht(e, d);
+        Ut(e, d);
       })
     ), u);
     return [
@@ -934,7 +934,7 @@ function l(e, t) {
     ];
   };
 }
-const Ue = l("backButton", ({
+const He = l("backButton", ({
   postEvent: e,
   version: t,
   state: s = { isVisible: !1 }
@@ -1415,7 +1415,7 @@ const rs = l(
 );
 class is extends rt {
   constructor({ postEvent: t, ...s }) {
-    super(s), c(this, "postEvent"), c(this, "on", (n, r) => n === "click" ? v("main_button_pressed", r) : this.state.on(n, r)), c(this, "off", (n, r) => n === "click" ? U("main_button_pressed", r) : this.state.off(n, r)), this.postEvent = t;
+    super(s), c(this, "postEvent"), c(this, "on", (n, r) => n === "click" ? v("main_button_pressed", r) : this.state.on(n, r)), c(this, "off", (n, r) => n === "click" ? H("main_button_pressed", r) : this.state.off(n, r)), this.postEvent = t;
   }
   /**
    * The MainButton background color.
@@ -1909,7 +1909,7 @@ class fs extends it {
     super({ isVisible: t }, s, {
       show: "web_app_setup_settings_button",
       hide: "web_app_setup_settings_button"
-    }), c(this, "on", (r, i) => r === "click" ? v("settings_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? U("settings_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
+    }), c(this, "on", (r, i) => r === "click" ? v("settings_button_pressed", i) : this.state.on(r, i)), c(this, "off", (r, i) => r === "click" ? H("settings_button_pressed", i) : this.state.off(r, i)), this.postEvent = n;
   }
   set isVisible(t) {
     this.set("isVisible", t), this.postEvent("web_app_setup_settings_button", { is_visible: t });
@@ -2069,7 +2069,7 @@ class vs extends ht {
    * @throws {Error} URL has not allowed hostname.
    */
   openTelegramLink(t) {
-    const { hostname: s, pathname: n, search: r } = new URL(t, window.location.href);
+    const { hostname: s, pathname: n, search: r } = new URL(t, "https://t.me");
     if (s !== "t.me")
       throw new Error(`URL has not allowed hostname: ${s}. Only "t.me" is allowed`);
     if (!x("web_app_open_tg_link", this.version)) {
@@ -2096,6 +2096,21 @@ class vs extends ht {
     });
     return s;
   }
+  /**
+   * Shares specified URL with the passed to the chats, selected by user. After being called,
+   * it closes the mini application.
+   *
+   * This method uses Telegram's Share Links.
+   * @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/url?" + new URLSearchParams({ url: t, text: s || "" }).toString()
+    );
+  }
 }
 const ys = l(
   ({ version: e, postEvent: t, createRequestId: s }) => new vs(e, s, t)
@@ -2112,16 +2127,16 @@ async function Ft(e = {}) {
   });
   return { ...n, isExpanded: t, isStateStable: s };
 }
-function R(e) {
+function T(e) {
   return e < 0 ? 0 : e;
 }
 class Es extends ct {
   constructor({ postEvent: t, stableHeight: s, height: n, width: r, isExpanded: i }) {
     super({
-      height: R(n),
+      height: T(n),
       isExpanded: i,
-      stableHeight: R(s),
-      width: R(r)
+      stableHeight: T(s),
+      width: T(r)
     }), c(this, "postEvent"), this.postEvent = t;
   }
   /**
@@ -2183,11 +2198,11 @@ class Es extends ct {
         width: n,
         is_expanded: r,
         is_state_stable: i
-      } = t, o = R(s);
+      } = t, o = T(s);
       this.set({
         height: o,
         isExpanded: r,
-        width: R(n),
+        width: T(n),
         ...i ? { stableHeight: o } : {}
       });
     });
@@ -2307,7 +2322,7 @@ function sn() {
   return typeof window > "u";
 }
 async function nn() {
-  if (Rt(window))
+  if (Tt(window))
     return !0;
   try {
     return await w({ method: "web_app_request_theme", event: "theme_changed", timeout: 100 }), !0;
@@ -2340,7 +2355,7 @@ function rn(e) {
     };
     return;
   }
-  if (Tt(window)) {
+  if (Rt(window)) {
     const r = window.external.notify.bind(window.external);
     window.external.notify = (i) => {
       s(i), r(i);
@@ -2397,7 +2412,7 @@ class Ss {
    * Prevents current navigator from controlling the BackButton visibility state.
    */
   detach() {
-    this.attached = !1, U("back_button_pressed", this.back);
+    this.attached = !1, H("back_button_pressed", this.back);
   }
   /**
    * Goes to the next history item.
@@ -2529,7 +2544,7 @@ async function I(e) {
     })
   ]);
 }
-async function Ts() {
+async function Rs() {
   if (window.history.length <= 1 || (window.history.pushState(null, ""), await I(1 - window.history.length)))
     return;
   let e = await I(-1);
@@ -2561,7 +2576,9 @@ class Yt {
       t.map((o) => K(o, "/")),
       s,
       n
-    ), this.navigator.on("change", this.onNavigatorChange), this.hashMode = r, this.base = Qt(i || "");
+    ), this.navigator.on("change", (o) => {
+      this.onNavigatorChange(o);
+    }), this.hashMode = r, this.base = Qt(i || "");
   }
   /**
    * Attaches current navigator to the browser history allowing navigator to manipulate it.
@@ -2718,7 +2735,7 @@ class Yt {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const { state: t } = this, s = this.renderPath(this);
-    await Ts(), this.hasPrev && this.hasNext ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s), window.history.pushState(J, ""), await I(-1)) : this.hasPrev ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(J, ""), await I(-1)) : (window.history.replaceState(mt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
+    await Rs(), this.hasPrev && this.hasNext ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s), window.history.pushState(J, ""), await I(-1)) : this.hasPrev ? (window.history.replaceState(z, ""), window.history.pushState(t, "", s)) : this.hasNext ? (window.history.replaceState(t, s), window.history.pushState(J, ""), await I(-1)) : (window.history.replaceState(mt, ""), window.history.pushState(t, "", s)), window.addEventListener("popstate", this.onPopState);
   }
   /**
    * Current query parameters.
@@ -2736,7 +2753,7 @@ class Yt {
     return (this.navigator.current.params || {}).state;
   }
 }
-function Rs(e) {
+function Ts(e) {
   e || (e = {});
   const { href: t, hash: s } = window.location;
   let n = B(
@@ -2763,12 +2780,16 @@ function As(e, t) {
     if (s)
       try {
         const { index: n, history: r } = JSON.parse(s);
-        return new Yt(r, n, t);
+        return new Yt(
+          r,
+          n,
+          t
+        );
       } catch (n) {
         console.error("Unable to restore hash navigator state.", n);
       }
   }
-  return Rs(t);
+  return Ts(t);
 }
 function cn(e, t) {
   const s = As(e, t), n = () => sessionStorage.setItem(e, JSON.stringify({
@@ -2795,7 +2816,7 @@ function g(e) {
     return Object.defineProperty(n, "error", () => s.error), n;
   };
 }
-const ks = g(Ue), hn = _(ks), qs = g(Ge), pn = _(qs), Os = g(ze), un = _(Os), Ns = g(Ze), dn = _(Ns), Ds = g(ts), ln = _(Ds), Vs = g(ss), _n = _(Vs), Ms = g(rs), gn = _(Ms), Bs = g(os), fn = _(Bs), $s = g(ps), wn = _($s), Ls = g(ls), mn = _(Ls), Hs = g(gs), bn = _(Hs), Us = g(ws), vn = _(Us), Ws = g(bs), yn = _(Ws), js = g(ys), En = _(js), Gs = g(Ps), Pn = _(Gs), xn = (e) => {
+const ks = g(He), hn = _(ks), qs = g(Ge), pn = _(qs), Os = g(ze), un = _(Os), Ns = g(Ze), dn = _(Ns), Ds = g(ts), ln = _(Ds), Vs = g(ss), _n = _(Vs), Ms = g(rs), gn = _(Ms), Bs = g(os), fn = _(Bs), $s = g(ps), wn = _($s), Ls = g(ls), mn = _(Ls), Us = g(gs), bn = _(Us), Hs = g(ws), vn = _(Hs), Ws = g(bs), yn = _(Ws), js = g(ys), En = _(js), Gs = g(Ps), Pn = _(Gs), xn = (e) => {
   const t = /* @__PURE__ */ new Map(), s = (n, ...r) => {
     if (t.has(n))
       return t.get(n);
@@ -2897,14 +2918,14 @@ export {
   y as boolean,
   It as captureSameReq,
   Z as classNames,
-  Te as compareVersions,
-  Rs as createBrowserNavigatorFromLocation,
+  Re as compareVersions,
+  Ts as createBrowserNavigatorFromLocation,
   Ae as createPostEvent,
   M as createSafeURL,
   Dt as date,
   an as getHash,
   Qt as getPathname,
-  Ue as initBackButton,
+  He as initBackButton,
   Ge as initBiometryManager,
   ze as initClosingBehavior,
   Ze as initCloudStorage,
@@ -2935,7 +2956,7 @@ export {
   Qs as mergeClassNames,
   rn as mockTelegramEnv,
   P as number,
-  U as off,
+  H as off,
   v as on,
   Ys as parseInitData,
   at as parseLaunchParams,
@@ -2956,7 +2977,7 @@ export {
   p as string,
   ae as subscribe,
   x as supports,
-  Re as targetOrigin,
+  Te as targetOrigin,
   xt as toRGB,
   yt as unsubscribe,
   B as urlToPath,
@@ -2970,9 +2991,9 @@ export {
   Bs as useMainButton,
   $s as useMiniApp,
   Ls as usePopup,
-  Hs as useQRScanner,
+  Us as useQRScanner,
   Is as useSDK,
-  Us as useSettingsButton,
+  Hs as useSettingsButton,
   Ws as useThemeParams,
   js as useUtils,
   Gs as useViewport,