@tma.js/sdk 3.0.5 → 3.0.7

package/dist/index.js

@@ -134,10 +134,10 @@ function Pt(s) {
 var V = me, I = be, as = /* @__PURE__ */ lt(2, function(s, e) {
   return rt(s) ? s : e(s.right);
 }), Ot = function(s, e) {
-  return c(s, D(e));
+  return c(s, P(e));
 }, ge = function(s, e) {
   return c(s, ps(e));
-}, Dt = "Either", D = function(s) {
+}, Dt = "Either", P = function(s) {
   return function(e) {
     return rt(e) ? e : I(s(e.right));
   };
@@ -172,11 +172,11 @@ var V = me, I = be, as = /* @__PURE__ */ lt(2, function(s, e) {
     return V(e(r));
   }
 }, ms = /* @__PURE__ */ cs(Rt), bs = /* @__PURE__ */ Pt(ds), ie = bs;
-function P(s) {
+function O(s) {
   return typeof s == "function" ? s() : s;
 }
 function z(s, e) {
-  return w(() => ot(s, P(e)));
+  return w(() => ot(s, O(e)));
 }
 var it = ss, ht = rs, gs = function(s, e) {
   return c(s, Cs(e));
@@ -460,7 +460,7 @@ class rr extends K(
 ) {
 }
 function A(s, e) {
-  const r = w(() => P(e.version) || "100"), n = w(() => P(e.isTma)), { requires: i, returns: o } = e, u = i ? typeof i == "object" ? i : { every: [i] } : void 0, a = (f) => {
+  const r = w(() => O(e.version) || "100"), n = w(() => O(e.isTma)), { requires: i, returns: o } = e, u = i ? typeof i == "object" ? i : { every: [i] } : void 0, a = (f) => {
     if (!e.supports)
       return !0;
     const b = e.supports[f];
@@ -602,8 +602,8 @@ class dt {
     this.mount = () => {
       if (this.isMounted())
         return I(void 0);
-      const u = P(o) ? r() : void 0, a = u ? I(u) : typeof n == "function" ? n() : I(n);
-      return c(a, D((p) => {
+      const u = O(o) ? r() : void 0, a = u ? I(u) : typeof n == "function" ? n() : I(n);
+      return c(a, P((p) => {
         Ct(() => {
           this._isMounted.set(!0), e == null || e(p);
         });
@@ -729,7 +729,7 @@ class kt {
       const b = { ...this.state(), ...Mt(f) };
       return _.hasDiff(b) ? c(
         a(l, p(b)),
-        D(() => {
+        P(() => {
           _.setState(b);
         })
       ) : I(void 0);
@@ -867,7 +867,7 @@ function ar() {
   return !!s && s.type === "reload";
 }
 function ft(s) {
-  return (e) => ({ ...e, ...P(s) });
+  return (e) => ({ ...e, ...O(s) });
 }
 function et(s) {
   return ft({
@@ -924,7 +924,7 @@ class Jt {
     this.mount = (u) => {
       if (this._isMounted())
         return q(void 0);
-      const a = P(o) ? n() : void 0;
+      const a = O(o) ? n() : void 0;
       return c(
         a ? q(a) : e(u),
         B((p) => {
@@ -1111,14 +1111,14 @@ class cr {
 const Ee = (s, e, r) => Oe(s, e, {
   postEvent: mt,
   ...r
-}), kn = (...s) => Ke.fn(() => Ee(...s)()), U = ft({
+}), kn = (...s) => Ke.fn(() => Ee(...s)()), G = ft({
   request: Ee
 }), En = new cr({
   ...c(
     F(),
     L,
     v,
-    U,
+    G,
     et("biometry")
   ),
   offInfoReceived(s) {
@@ -1328,7 +1328,7 @@ function dr({ request: s, ...e }) {
 const fr = dr(c(
   F(),
   v,
-  U
+  G
 )), xn = h(fr);
 function _r({ request: s, ...e }) {
   return A((r, n) => c(
@@ -1348,7 +1348,7 @@ function _r({ request: s, ...e }) {
 }
 const mr = _r(c(
   F(),
-  U,
+  G,
   v
 )), Bn = h(mr);
 class br {
@@ -1424,7 +1424,7 @@ function Fr({ request: s, ...e }) {
 const Cr = Fr(c(
   F(),
   v,
-  U
+  G
 )), Vn = h(Cr);
 class Sr {
   constructor({ retrieveInitData: e }) {
@@ -1500,7 +1500,7 @@ class Sr {
     t(this, "restore");
     this.restoreFp = () => c(
       e(),
-      D(Fe(() => {
+      P(Fe(() => {
       }, ({ raw: r, obj: n }) => {
         this._state.set(n), this._raw.set(r);
       }))
@@ -1519,10 +1519,10 @@ const Tn = new Sr({
       ms,
       ie("obj", () => c(
         St(),
-        D(({ tgWebAppData: s }) => s ? ht(s) : it)
+        P(({ tgWebAppData: s }) => s ? ht(s) : it)
       )),
       ie("raw", Ue),
-      D(({ obj: s, raw: e }) => c(
+      P(({ obj: s, raw: e }) => c(
         As,
         ae("obj", () => s),
         ae("raw", () => e)
@@ -1593,7 +1593,7 @@ class vr {
     }), this.openUrl = h(this.openUrlFp), this.openSlug = h(this.openSlugFp);
   }
 }
-const $n = new vr(c(F(), U, v));
+const $n = new vr(c(F(), G, v));
 function yr({ postEvent: s, ...e }) {
   return A((r, n = {}) => {
     if (typeof r == "string")
@@ -1616,7 +1616,7 @@ const kr = yr(c(
 function Er({ postEvent: s, version: e, ...r }) {
   return A((n) => {
     const i = n.toString();
-    return i.match(/^https:\/\/t.me\/.+/) ? ot("web_app_open_tg_link", P(e)) ? (n = new URL(n), s("web_app_open_tg_link", { path_full: n.pathname + n.search })) : (window.location.href = i, I(void 0)) : V(new Q(`"${i}" is invalid URL`));
+    return i.match(/^https:\/\/t.me\/.+/) ? ot("web_app_open_tg_link", O(e)) ? (n = new URL(n), s("web_app_open_tg_link", { path_full: n.pathname + n.search })) : (window.location.href = i, I(void 0)) : V(new Q(`"${i}" is invalid URL`));
   }, { ...r, returns: "either" });
 }
 const Ie = Er(c(
@@ -1753,7 +1753,7 @@ const On = new Br(c(
   F(),
   L,
   v,
-  U,
+  G,
   et("locationManager")
 ));
 class qr {
@@ -1967,7 +1967,7 @@ class qr {
       })
     }), i = (o, u) => {
       const a = n.stateGetter(o);
-      return w(() => a() || P(u));
+      return w(() => a() || O(u));
     };
     this.bgColor = i("bgColor", e.bgColor), this.textColor = i("textColor", e.textColor), this.hasShineEffect = n.stateGetter("hasShineEffect"), this.isEnabled = n.stateGetter("isEnabled"), this.isLoaderVisible = n.stateGetter("isLoaderVisible"), this.text = n.stateGetter("text"), this.isVisible = n.stateGetter("isVisible"), this.isMounted = n.isMounted, this.state = n.state, [this.setBgColor, this.setBgColorFp] = n.stateSetters("bgColor"), [this.setTextColor, this.setTextColorFp] = n.stateSetters("textColor"), [
       [this.disableShineEffect, this.disableShineEffectFp],
@@ -1998,7 +1998,7 @@ function Xt(s) {
 function Mr(s) {
   return c(
     Qe(s),
-    D((e) => Math.sqrt(
+    P((e) => Math.sqrt(
       [0.299, 0.587, 0.114].reduce((r, n, i) => {
         const o = parseInt(e.slice(1 + i * 2, 1 + (i + 1) * 2), 16);
         return r + o * o * n;
@@ -2122,7 +2122,7 @@ class Vr {
     }), p = (C) => {
       a.setState(C.theme_params);
     }, l = new dt({
-      initialState: () => I(P(e)),
+      initialState: () => I(O(e)),
       isPageReload: u,
       onMounted(C) {
         a.setState(C), r(p);
@@ -2361,9 +2361,9 @@ class Tr {
         [this.bottomBarColor, "web_app_set_bottom_bar_color"]
       ].forEach(([x, R]) => {
         const T = x();
-        if (!Et(T) && (R === "web_app_set_header_color" || !["bg_color", "secondary_bg_color"].includes(T))) {
-          const O = d[T];
-          O && i(R, { color: O });
+        if (!Et(T) && (R !== "web_app_set_header_color" || !["bg_color", "secondary_bg_color"].includes(T))) {
+          const D = d[T];
+          D && i(R, { color: D });
         }
       });
     }, _ = new dt({
@@ -2399,41 +2399,46 @@ class Tr {
       onChange: e.set
     });
     this.state = g.state;
-    const C = (d) => Et(d) ? d : P(u)[d], y = (d) => w(() => C(d()));
+    const C = (d) => Et(d) ? d : O(u)[d], y = (d) => w(() => C(d()));
     this.isActive = g.getter("isActive"), this.isSupported = w(() => [
       "web_app_set_header_color",
       "web_app_set_background_color",
       "web_app_set_bottom_bar_color"
-    ].some((d) => ot(d, P(n))));
+    ].some((d) => ot(d, O(n))));
     const S = j(!1);
     this.isCssVarsBound = w(S), this.bindCssVarsFp = A((d) => {
       if (S())
         return V(new Qt());
       const [x, R] = Lt(() => {
         S.set(!1);
-      }), T = (O, G) => {
+      }), T = (D, U) => {
         const H = () => {
-          Zt(O, G() || null);
+          Zt(D, U() || null);
         };
-        H(), x(G.sub(H), Xt.bind(null, O));
+        H(), x(U.sub(H), Xt.bind(null, D));
       };
-      return d || (d = (O) => `--tg-${le(O)}`), T(d("bgColor"), this.bgColorRgb), T(d("bottomBarColor"), this.bottomBarColorRgb), T(d("headerColor"), this.headerColorRgb), S.set(!0), I(R);
+      return d || (d = (D) => `--tg-${le(D)}`), T(d("bgColor"), this.bgColorRgb), T(d("bottomBarColor"), this.bottomBarColorRgb), T(d("headerColor"), this.headerColorRgb), S.set(!0), I(R);
     }, { isTma: o, returns: "either", isMounted: this.isMounted }), this.bindCssVars = h(this.bindCssVarsFp);
     const f = (d) => {
       const x = g.getter(d), R = y(x), T = {
         headerColor: "web_app_set_header_color",
         bgColor: "web_app_set_background_color",
         bottomBarColor: "web_app_set_bottom_bar_color"
-      }[d], O = A(
-        (G) => {
-          if (G === x())
+      }[d], D = A(
+        (U) => {
+          if (U === x())
             return I(void 0);
-          if (T === "web_app_set_header_color" && (G === "bg_color" || G === "secondary_bg_color"))
-            return i("web_app_set_header_color", { color_key: G });
-          const H = C(G);
+          if (T === "web_app_set_header_color" && (U === "bg_color" || U === "secondary_bg_color"))
+            return c(
+              i("web_app_set_header_color", { color_key: U }),
+              P(() => {
+                g.setState({ [d]: U });
+              })
+            );
+          const H = C(U);
           return c(
-            H ? i(T, { color: H }) : V(new rr(G)),
-            D(() => {
+            H ? i(T, { color: H }) : V(new rr(U)),
+            P(() => {
               g.setState({ [d]: H });
             })
           );
@@ -2453,7 +2458,7 @@ class Tr {
           } : void 0
         }
       );
-      return [x, R, h(O), O];
+      return [x, R, h(D), D];
     };
     [
       this.bgColor,
@@ -2579,7 +2584,7 @@ class Rr {
     )), this.show = h(this.showFp);
   }
 }
-const Un = new Rr(c(F(), U, v));
+const Un = new Rr(c(F(), G, v));
 function Pr({ request: s, ...e }) {
   return A((r) => c(
     s("web_app_request_phone", "phone_requested", r),
@@ -2589,7 +2594,7 @@ function Pr({ request: s, ...e }) {
 const qe = Pr(c(
   F(),
   v,
-  U
+  G
 )), Gn = h(qe);
 function Or({
   invokeCustomMethod: s,
@@ -2687,7 +2692,7 @@ function Gr({ request: s, ...e }) {
 const jr = Gr(c(
   F(),
   v,
-  U
+  G
 )), Wn = h(jr);
 class Hr {
   constructor({
@@ -2790,7 +2795,7 @@ class Hr {
         }),
         B(() => g)
       );
-    }), this.closeFp = a(() => c(o("web_app_close_scan_qr_popup"), D(m))), this.openFp = p((_) => c(
+    }), this.closeFp = a(() => c(o("web_app_close_scan_qr_popup"), P(m))), this.openFp = p((_) => c(
       this.isOpened() ? $(new zt("The QR Scanner is already opened")) : async () => o("web_app_open_scan_qr_popup", { text: _.text }),
       at(() => {
         const [g, C] = Lt(), y = (S) => (C(), S);
@@ -3062,7 +3067,7 @@ class Wr {
       })
     }), i = (o, u) => {
       const a = n.stateGetter(o);
-      return w(() => a() || P(u));
+      return w(() => a() || O(u));
     };
     this.isSupported = z("web_app_setup_secondary_button", r.version), this.bgColor = i("bgColor", e.bgColor), this.textColor = i("textColor", e.textColor), this.position = n.stateGetter("position"), this.hasShineEffect = n.stateGetter("hasShineEffect"), this.isEnabled = n.stateGetter("isEnabled"), this.isLoaderVisible = n.stateGetter("isLoaderVisible"), this.text = n.stateGetter("text"), this.isVisible = n.stateGetter("isVisible"), this.isMounted = n.isMounted, this.state = n.state, [this.setPosition, this.setPositionFp] = n.stateSetters("position"), [this.setBgColor, this.setBgColorFp] = n.stateSetters("bgColor"), [this.setTextColor, this.setTextColorFp] = n.stateSetters("textColor"), [
       [this.disableShineEffect, this.disableShineEffectFp],
@@ -3244,7 +3249,7 @@ class Qr {
       const C = { isVerticalEnabled: g };
       return u.hasDiff(C) ? c(
         e("web_app_setup_swipe_behavior", { allow_vertical_swipe: g }),
-        D(() => {
+        P(() => {
           u.setState(C);
         })
       ) : I(void 0);
@@ -3289,7 +3294,7 @@ function zr({ request: s, ...e }) {
 }
 const Nr = zr(c(
   F(),
-  U,
+  G,
   v
 )), Yn = h(Nr);
 function Jr({ invokeCustomMethod: s, ...e }) {
@@ -3334,7 +3339,7 @@ const en = tn({
   ...c(
     F(),
     v,
-    U
+    G
   ),
   createRequestId: Ae
 }), to = h(en);
@@ -3381,7 +3386,7 @@ function on({ request: s, ...e }) {
 }
 const an = on(c(
   F(),
-  U,
+  G,
   v
 )), ro = h(an);
 function un({ postEvent: s, ...e }) {
@@ -3403,7 +3408,7 @@ function ln({ isInlineMode: s, postEvent: e, ...r }) {
   }), {
     ...r,
     requires: {
-      every: ["web_app_switch_inline_query", () => P(s) ? void 0 : "The application must be launched in the inline mode"]
+      every: ["web_app_switch_inline_query", () => O(s) ? void 0 : "The application must be launched in the inline mode"]
     },
     returns: "either"
   });
@@ -3644,13 +3649,13 @@ class hn {
       d.setState({ isFullscreen: k.is_fullscreen });
     }, T = (k) => {
       d.setState({ safeAreaInsets: k });
-    }, O = (k) => {
+    }, D = (k) => {
       d.setState({ contentSafeAreaInsets: k });
-    }, G = new Jt({
+    }, U = new Jt({
       initialState(k) {
         const st = (N) => () => {
           const [X, W] = N === "safe-area" ? ["web_app_request_safe_area", "safe_area_changed"] : ["web_app_request_content_safe_area", "content_safe_area_changed"];
-          return ot(X, P(S)) ? _(X, W, k) : q({ top: 0, left: 0, right: 0, bottom: 0 });
+          return ot(X, O(S)) ? _(X, W, k) : q({ top: 0, left: 0, right: 0, bottom: 0 });
         }, M = (N) => () => typeof N == "boolean" ? q(N) : ve(N());
         return c(
           Js,
@@ -3678,10 +3683,10 @@ class hn {
       },
       isPageReload: r,
       onMounted(k) {
-        o(x), u(R), i(T), n(O), d.setState(k);
+        o(x), u(R), i(T), n(D), d.setState(k);
       },
       onUnmounted() {
-        m(x), p(R), l(T), a(O);
+        m(x), p(R), l(T), a(D);
       },
       restoreState: e.get
     }), H = (k) => w(() => this.safeAreaInsets()[k]), bt = (k) => w(() => this.contentSafeAreaInsets()[k]);
@@ -3702,7 +3707,7 @@ class hn {
       ),
       Z((M) => "error" in M && M.error !== "ALREADY_FULLSCREEN" ? $(new er(M.error)) : (d.setState({ isFullscreen: "is_fullscreen" in M ? M.is_fullscreen : !0 }), q(void 0)))
     ));
-    this.isMounted = G.isMounted, this.mountFp = Ve(G.mount), this.mount = h(this.mountFp), this.isFullscreen = d.getter("isFullscreen"), this.requestFullscreenFp = ee(!0), this.requestFullscreen = h(this.requestFullscreenFp), this.exitFullscreenFp = ee(!1), this.exitFullscreen = h(this.exitFullscreenFp);
+    this.isMounted = U.isMounted, this.mountFp = Ve(U.mount), this.mount = h(this.mountFp), this.isFullscreen = d.getter("isFullscreen"), this.requestFullscreenFp = ee(!0), this.requestFullscreen = h(this.requestFullscreenFp), this.exitFullscreenFp = ee(!1), this.exitFullscreen = h(this.exitFullscreenFp);
     const gt = j(!1);
     this.isCssVarsBound = w(gt), this.bindCssVarsFp = te(
       (k) => {
@@ -3758,13 +3763,13 @@ function dn() {
       et("viewport"),
       v,
       L,
-      U
+      G
     ),
     isFullscreen() {
-      return c(St(), D((o) => !!o.tgWebAppFullscreen));
+      return c(St(), P((o) => !!o.tgWebAppFullscreen));
     },
     isViewportStable() {
-      return c(St(), D((o) => ["macos", "tdesktop", "unigram", "webk", "weba", "web"].includes(o.tgWebAppPlatform)));
+      return c(St(), P((o) => ["macos", "tdesktop", "unigram", "webk", "weba", "web"].includes(o.tgWebAppPlatform)));
     },
     offContentSafeAreaInsetsChanged: i.off,
     offFullscreenChanged: r.off,
@@ -3814,7 +3819,7 @@ function fn(s = {}) {
   }
   return c(
     mt("iframe_ready", { reload_supported: !0 }),
-    D(() => (re().log("The package was initialized"), o))
+    P(() => (re().log("The package was initialized"), o))
   );
 }
 const ao = yt(fn);