@tma.js/sdk 1.4.3 → 1.4.6

package/dist/index.mjs

@@ -4,11 +4,11 @@ var o = (r, t, e) => (It(r, typeof t != "symbol" ? t + "" : t, e), e);
 function R(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function ut() {
+function ht() {
   return performance.getEntriesByType("navigation")[0] || null;
 }
 function Lt() {
-  const r = ut();
+  const r = ht();
   return r ? r.type === "reload" : null;
 }
 function L() {
@@ -74,7 +74,7 @@ class j extends Error {
     super(`Unable to parse field "${t}"${s ? ` as ${s}` : ""}`, { cause: e }), Object.setPrototypeOf(this, j.prototype);
   }
 }
-function ht(r, t) {
+function pt(r, t) {
   const e = {};
   for (const s in r) {
     const n = r[s];
@@ -122,7 +122,7 @@ const k = $((r) => {
       return t;
   }
   throw L();
-}, "number"), pt = $((r) => r instanceof Date ? r : new Date(q().parse(r) * 1e3), "Date");
+}, "number"), lt = $((r) => r instanceof Date ? r : new Date(q().parse(r) * 1e3), "Date");
 function Y(r) {
   let t = r;
   if (typeof t == "string" && (t = JSON.parse(t)), typeof t != "object" || t === null || Array.isArray(t))
@@ -132,10 +132,10 @@ function Y(r) {
 function f(r, t) {
   return new z((e) => {
     const s = Y(e);
-    return ht(r, (n) => s[n]);
+    return pt(r, (n) => s[n]);
   }, !1, t);
 }
-function lt(r) {
+function X(r) {
   return /^#[\da-f]{6}$/i.test(r);
 }
 function Dt(r) {
@@ -143,7 +143,7 @@ function Dt(r) {
 }
 function dt(r) {
   const t = r.replace(/\s/g, "").toLowerCase();
-  if (lt(t))
+  if (X(t))
     return t;
   if (Dt(t)) {
     let s = "#";
@@ -173,12 +173,12 @@ const u = $((r) => {
     return r.toString();
   throw L();
 }, "string"), gt = $((r) => dt(u().parse(r)), "rgb");
-function X(r, t) {
+function tt(r, t) {
   return new z((e) => {
     if (typeof e != "string" && !(e instanceof URLSearchParams))
       throw L();
     const s = typeof e == "string" ? new URLSearchParams(e) : e;
-    return ht(r, (n) => {
+    return pt(r, (n) => {
       const i = s.get(n);
       return i === null ? void 0 : i;
     });
@@ -269,7 +269,7 @@ class Nt {
     return this.initData.user;
   }
 }
-function rt() {
+function st() {
   return f({
     addedToAttachmentMenu: {
       type: k().optional(),
@@ -308,9 +308,9 @@ function rt() {
   }, "User");
 }
 function wt() {
-  return X({
+  return tt({
     authDate: {
-      type: pt(),
+      type: lt(),
       from: "auth_date"
     },
     canSendAfter: {
@@ -331,12 +331,12 @@ function wt() {
       type: u().optional(),
       from: "query_id"
     },
-    receiver: rt().optional(),
+    receiver: st().optional(),
     startParam: {
       type: u().optional(),
       from: "start_param"
     },
-    user: rt().optional()
+    user: st().optional()
   }, "InitData");
 }
 function tr(r) {
@@ -577,7 +577,7 @@ class Mt {
   }
 }
 function mt() {
-  return X({
+  return tt({
     botInline: {
       type: k().optional(),
       from: "tgWebAppBotInline"
@@ -623,7 +623,7 @@ function jt() {
   return yt(window.location.href);
 }
 function Ft() {
-  const r = ut();
+  const r = ht();
   if (!r)
     throw new Error("Unable to get first navigation entry.");
   return yt(r.name);
@@ -687,13 +687,13 @@ function Yt() {
     };
   throw new Error("Unable to retrieve any launch parameters.");
 }
-const st = "tmajsLaunchData";
+const nt = "tmajsLaunchData";
 function Ct() {
-  const r = window[st];
+  const r = window[nt];
   if (r)
     return r;
   const t = Yt();
-  return window[st] = t, Zt(t.launchParams), t;
+  return window[nt] = t, Zt(t.launchParams), t;
 }
 function rr() {
   try {
@@ -715,14 +715,14 @@ function vt() {
     return !0;
   }
 }
-class tt extends Error {
+class et extends Error {
   constructor(t, e) {
-    super(`Method "${t}" is unsupported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, tt.prototype);
+    super(`Method "${t}" is unsupported in the Mini Apps version ${e}.`), Object.setPrototypeOf(this, et.prototype);
   }
 }
-class et extends Error {
+class rt extends Error {
   constructor(t, e, s) {
-    super(`Parameter "${e}" in method "${t}" is unsupported in the Mini Apps version ${s}.`), Object.setPrototypeOf(this, et.prototype);
+    super(`Parameter "${e}" in method "${t}" is unsupported in the Mini Apps version ${s}.`), Object.setPrototypeOf(this, rt.prototype);
   }
 }
 class Pt {
@@ -1042,11 +1042,11 @@ function d(r, t, e) {
 function me(r) {
   return (t, e) => {
     if (!I(t, r))
-      throw new tt(t, r);
+      throw new et(t, r);
     if (R(e)) {
       let s;
       if (t === "web_app_open_link" && "try_instant_view" in e ? s = "try_instant_view" : t === "web_app_set_header_color" && "color" in e && (s = "color"), s && !I(t, s, r))
-        throw new et(t, s, r);
+        throw new rt(t, s, r);
     }
     return d(t, e);
   };
@@ -1152,13 +1152,13 @@ class Ce {
     this.isVisible = !0;
   }
 }
-function nt(r, t) {
+function it(r, t) {
   return r + (r.length > 0 && t.length > 0 ? ` ${t}` : t);
 }
 function ve(...r) {
   return r.reduce((t, e) => {
     let s = "";
-    return typeof e == "string" ? s = e : typeof e == "object" && e !== null && (s = Object.entries(e).reduce((n, [i, a]) => a ? nt(n, i) : n, "")), nt(t, s);
+    return typeof e == "string" ? s = e : typeof e == "object" && e !== null && (s = Object.entries(e).reduce((n, [i, a]) => a ? it(n, i) : n, "")), it(t, s);
   }, "");
 }
 function cr(...r) {
@@ -1206,7 +1206,7 @@ class Pe {
     this.isConfirmationNeeded = !0;
   }
 }
-function it(r, t) {
+function ot(r, t) {
   return r.reduce((e, s) => (e[s] = t, e), {});
 }
 class ke {
@@ -1252,9 +1252,9 @@ class ke {
   async get(t, e = {}) {
     const s = Array.isArray(t) ? t : [t];
     if (s.length === 0)
-      return it(s, "");
+      return ot(s, "");
     const n = f(
-      it(s, u())
+      ot(s, u())
     ), i = await O(
       "getStorageValues",
       { keys: s },
@@ -1278,7 +1278,46 @@ class ke {
     );
   }
 }
-class Se {
+function S(r, t) {
+  document.documentElement.style.setProperty(r, t);
+}
+function Se(r, t) {
+  const e = () => {
+    S("--tg-background-color", r.backgroundColor);
+  }, s = () => {
+    const {
+      backgroundColor: n,
+      secondaryBackgroundColor: i
+    } = t;
+    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);
+  };
+  t.on("change", s), r.on("change:backgroundColor", e), r.on("change:headerColor", s), e(), s();
+}
+function xe(r) {
+  const t = () => {
+    const e = r.getState();
+    Object.entries(e).forEach(([s, n]) => {
+      if (n) {
+        const i = s.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
+        S(`--tg-theme-${i}`, n);
+      }
+    });
+  };
+  r.on("change", t), t();
+}
+function at(r) {
+  const t = () => S("--tg-viewport-height", `${r.height}px`), e = () => S("--tg-viewport-width", `${r.width}px`), s = () => S("--tg-viewport-stable-height", `${r.stableHeight}px`);
+  r.on("change:height", t), r.on("change:width", e), r.on("change:stableHeight", s), t(), e(), s();
+}
+class qe {
   constructor(t, e = d) {
     /**
      * Checks if specified method is supported by current component.
@@ -1324,7 +1363,7 @@ class Se {
     this.postEvent("web_app_trigger_haptic_feedback", { type: "selection_change" });
   }
 }
-function xe() {
+function Ae() {
   const r = document.createElement("style");
   r.id = "telegram-custom-styles", document.head.appendChild(r), y("set_custom_style", (t) => {
     r.innerHTML = t;
@@ -1340,19 +1379,19 @@ function D(r) {
   const t = sessionStorage.getItem(qt(r));
   return t ? JSON.parse(t) : null;
 }
-function qe(r, t, e) {
+function Ve(r, t, e) {
   const { isVisible: s = !1 } = r ? D("back-button") || {} : {}, n = new Ce(s, t, e);
   return n.on("change", () => {
     B("back-button", { isVisible: n.isVisible });
   }), n;
 }
-function Ae(r, t) {
+function Re(r, t) {
   const { isConfirmationNeeded: e = !1 } = r ? D("closing-behavior") || {} : {}, s = new Pe(e, t);
   return s.on("change", () => B("closing-behavior", {
     isConfirmationNeeded: s.isConfirmationNeeded
   })), s;
 }
-class Ve {
+class Ie {
   constructor(t) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1517,7 +1556,7 @@ class Ve {
     return this.state.set(t), this.commit(), this;
   }
 }
-function Re(r, t, e, s) {
+function Le(r, t, e, s) {
   const {
     backgroundColor: n = t,
     isEnabled: i = !1,
@@ -1525,7 +1564,7 @@ function Re(r, t, e, s) {
     isLoaderVisible: c = !1,
     textColor: p = e,
     text: h = ""
-  } = r ? D("main-button") || {} : {}, g = new Ve({
+  } = r ? D("main-button") || {} : {}, g = new Ie({
     backgroundColor: n,
     isEnabled: i,
     isLoaderVisible: c,
@@ -1543,7 +1582,7 @@ function Re(r, t, e, s) {
   });
   return g.on("change", _), g;
 }
-const Ie = X({
+const $e = tt({
   contact: f({
     userId: {
       type: q(),
@@ -1563,12 +1602,12 @@ const Ie = X({
     }
   }),
   authDate: {
-    type: pt(),
+    type: lt(),
     from: "auth_date"
   },
   hash: u()
 });
-class Le {
+class Te {
   constructor(t) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1623,7 +1662,7 @@ class Le {
         postEvent: this.postEvent,
         timeout: 1e4
       }
-    ).then((t) => Ie.parse(t));
+    ).then((t) => $e.parse(t));
   }
   /**
    * The Mini App background color.
@@ -1758,7 +1797,7 @@ class Le {
    * @param color - color key or RGB color.
    */
   setHeaderColor(t) {
-    this.postEvent("web_app_set_header_color", lt(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
+    this.postEvent("web_app_set_header_color", X(t) ? { color: t } : { color_key: t }), this.state.set("headerColor", t);
   }
   /**
    * Updates current Mini App background color.
@@ -1786,11 +1825,11 @@ class Le {
     });
   }
 }
-function $e(r, t, e, s, n, i) {
+function Be(r, t, e, s, n, i) {
   const {
     backgroundColor: a = t,
     headerColor: c = "bg_color"
-  } = r ? D("mini-app") || {} : {}, p = new Le({
+  } = r ? D("mini-app") || {} : {}, p = new Te({
     headerColor: c,
     backgroundColor: a,
     version: e,
@@ -1803,11 +1842,11 @@ function $e(r, t, e, s, n, i) {
   });
   return p.on("change", h), p;
 }
-function Te() {
+function De() {
   let r = 0;
   return () => (r += 1, r.toString());
 }
-class Be {
+class We {
   constructor(t, e, s = d) {
     o(this, "ee", new w());
     o(this, "state");
@@ -1854,17 +1893,17 @@ class Be {
     this.isVisible = !0;
   }
 }
-function De(r, t, e) {
-  const { isVisible: s = !1 } = r ? D("settings-button") || {} : {}, n = new Be(s, t, e);
+function Ne(r, t, e) {
+  const { isVisible: s = !1 } = r ? D("settings-button") || {} : {}, n = new We(s, t, e);
   return n.on("change", () => {
     B("settings-button", { isVisible: n.isVisible });
   }), n;
 }
-function We(r) {
+function Oe(r) {
   const t = new Mt(r);
   return t.listen(), t;
 }
-function Ne(r) {
+function He(r) {
   return ["macos", "tdesktop", "unigram", "web", "weba"].includes(r);
 }
 async function At(r) {
@@ -1879,7 +1918,7 @@ async function At(r) {
 function W(r) {
   return r < 0 ? 0 : r;
 }
-class Oe {
+class Ue {
   constructor(t) {
     o(this, "ee", new w());
     o(this, "state");
@@ -2009,7 +2048,7 @@ class Oe {
   }
 }
 function G(r) {
-  const t = new Oe(r);
+  const t = new Ue(r);
   return t.on("change", () => B("viewport", {
     height: t.height,
     isExpanded: t.isExpanded,
@@ -2017,11 +2056,11 @@ function G(r) {
     width: t.width
   })), t.listen(), t;
 }
-function He(r, t, e, s) {
+function Me(r, t, e, s) {
   const n = r ? D("viewport") : null;
   if (n)
     return G({ ...n, postEvent: e });
-  if (Ne(t))
+  if (He(t))
     return G({
       height: window.innerHeight,
       isExpanded: !0,
@@ -2049,37 +2088,6 @@ function He(r, t, e, s) {
     console.error("Unable to actualize viewport state", a);
   }), i;
 }
-function S(r, t) {
-  document.documentElement.style.setProperty(r, t);
-}
-function Ue(r, t) {
-  const e = () => {
-    S("--tg-background-color", r.backgroundColor);
-  }, s = () => {
-    const {
-      backgroundColor: n,
-      secondaryBackgroundColor: i
-    } = t;
-    r.headerColor === "bg_color" ? n && S("--tg-header-color", n) : r.headerColor === "secondary_bg_color" ? i && S("--tg-header-color", i) : S("--tg-header-color", r.headerColor);
-  };
-  t.on("change", s), r.on("change:backgroundColor", e), r.on("change:headerColor", s), e(), s();
-}
-function Me(r) {
-  const t = () => {
-    const e = r.getState();
-    Object.entries(e).forEach(([s, n]) => {
-      if (n) {
-        const i = s.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
-        S(`--tg-theme-${i}`, n);
-      }
-    });
-  };
-  r.on("change", t), t();
-}
-function ot(r) {
-  const t = () => S("--tg-viewport-height", `${r.height}px`), e = () => S("--tg-viewport-width", `${r.width}px`), s = () => S("--tg-viewport-height", `${r.stableHeight}px`);
-  r.on("change:height", t), r.on("change:width", e), r.on("change:stableHeight", s), t(), e(), s();
-}
 function Ge(r) {
   return typeof r == "object" ? r : r ? {
     themeParams: !0,
@@ -2087,9 +2095,9 @@ function Ge(r) {
     miniApp: !0
   } : {};
 }
-function at(r, t, e, s) {
+function ct(r, t, e, s) {
   const n = Ge(r);
-  n.miniApp && Ue(t, e), n.themeParams && Me(e), n.viewport && (s instanceof Promise ? s.then(ot) : ot(s));
+  n.miniApp && Se(t, e), n.themeParams && xe(e), n.viewport && (s instanceof Promise ? s.then(at) : at(s));
 }
 function je(r) {
   const { hostname: t, pathname: e } = new URL(r, window.location.href);
@@ -2374,22 +2382,22 @@ function ur(r = {}) {
         botInline: g = !1
       },
       isPageReload: _
-    } = Ct(), A = Te(), l = me(c);
-    vt() && (n && xe(), l("iframe_ready", { reload_supported: !0 }), y("reload_iframe", () => window.location.reload()));
+    } = Ct(), A = De(), l = me(c);
+    vt() && (n && Ae(), l("iframe_ready", { reload_supported: !0 }), y("reload_iframe", () => window.location.reload()));
     const C = {
-      backButton: qe(_, c, l),
-      closingBehavior: Ae(_, l),
+      backButton: Ve(_, c, l),
+      closingBehavior: Re(_, l),
       cloudStorage: new ke(c, A, l),
       createRequestId: A,
-      hapticFeedback: new Se(c, l),
+      hapticFeedback: new qe(c, l),
       invoice: new Fe(c, l),
-      mainButton: Re(
+      mainButton: Le(
         _,
         h.buttonColor || "#000000",
         h.buttonTextColor || "#ffffff",
         l
       ),
-      miniApp: $e(
+      miniApp: Be(
         _,
         h.backgroundColor || "#ffffff",
         c,
@@ -2400,20 +2408,20 @@ function ur(r = {}) {
       popup: new Je(c, l),
       postEvent: l,
       qrScanner: new Qe(c, l),
-      settingsButton: De(_, c, l),
-      themeParams: We(h),
+      settingsButton: Ne(_, c, l),
+      themeParams: Oe(h),
       utils: new Ze(c, A, l),
       ...i ? {
         initData: new Nt(i),
         initDataRaw: a
       } : {}
-    }, x = He(_, p, l, e);
-    return x instanceof Promise || e ? Promise.resolve(x).then((v) => (at(
+    }, x = Me(_, p, l, e);
+    return x instanceof Promise || e ? Promise.resolve(x).then((v) => (ct(
       s,
       C.miniApp,
       C.themeParams,
       v
-    ), { ...C, viewport: v })) : (at(
+    ), { ...C, viewport: v })) : (ct(
       s,
       C.miniApp,
       C.themeParams,
@@ -2651,7 +2659,7 @@ class Ye {
     return this.entry.search;
   }
 }
-const ct = 0, Z = 1, K = 2;
+const ut = 0, Z = 1, K = 2;
 class Vt extends Ye {
   constructor(e, s, n = {}) {
     super(e, s, {
@@ -2667,7 +2675,7 @@ class Vt extends Ye {
     o(this, "onPopState", async ({ state: e }) => {
       if (this.logger.log('"popstate" event received. State:', e), e === null)
         return this.push(window.location.hash.slice(1));
-      if (e === ct) {
+      if (e === ut) {
         this.logger.log("Void reached. Moving history forward"), window.history.forward();
         return;
       }
@@ -2716,7 +2724,7 @@ class Vt extends Ye {
   async syncHistory() {
     window.removeEventListener("popstate", this.onPopState);
     const e = `#${this.path}`;
-    await Ke(), d("web_app_setup_back_button", { is_visible: this.canGoBack }), this.canGoBack && this.canGoForward ? (this.logger.log("Setting up history: [<-, *, ->]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", e), window.history.pushState(K, ""), await H(-1)) : this.canGoBack ? (this.logger.log("Setting up history: [<-, *]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", e)) : this.canGoForward ? (this.logger.log("Setting up history: [*, ->]"), window.history.replaceState(null, e), window.history.pushState(K, ""), await H(-1)) : (this.logger.log("Setting up history: [~, *]"), window.history.replaceState(ct, ""), window.history.pushState(null, "", e)), window.addEventListener("popstate", this.onPopState);
+    await Ke(), d("web_app_setup_back_button", { is_visible: this.canGoBack }), this.canGoBack && this.canGoForward ? (this.logger.log("Setting up history: [<-, *, ->]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", e), window.history.pushState(K, ""), await H(-1)) : this.canGoBack ? (this.logger.log("Setting up history: [<-, *]"), window.history.replaceState(Z, ""), window.history.pushState(null, "", e)) : this.canGoForward ? (this.logger.log("Setting up history: [*, ->]"), window.history.replaceState(null, e), window.history.pushState(K, ""), await H(-1)) : (this.logger.log("Setting up history: [~, *]"), window.history.replaceState(ut, ""), window.history.pushState(null, "", e)), window.addEventListener("popstate", this.onPopState);
   }
   emitChanged(e, s) {
     this.ee.emit("change", {
@@ -2743,41 +2751,44 @@ export {
   Ce as BackButton,
   Pe as ClosingBehavior,
   ke as CloudStorage,
-  Se as HapticFeedback,
+  qe as HapticFeedback,
   Vt as HashNavigator,
   Nt as InitData,
   Fe as Invoice,
-  Ve as MainButton,
-  tt as MethodUnsupportedError,
-  Le as MiniApp,
+  Ie as MainButton,
+  et as MethodUnsupportedError,
+  Te as MiniApp,
   Ye as Navigator,
-  et as ParameterUnsupportedError,
+  rt as ParameterUnsupportedError,
   F as ParseError,
   j as ParseSchemaFieldError,
   Je as Popup,
   Qe as QRScanner,
-  Be as SettingsButton,
+  We as SettingsButton,
   Mt as ThemeParams,
   J as TimeoutError,
   Ze as Utils,
-  Oe as Viewport,
+  Ue as Viewport,
   Bt as array,
+  Se as bindMiniAppCSSVars,
+  xe as bindThemeCSSVars,
+  at as bindViewportCSSVars,
   k as boolean,
   Wt as chatParser,
   ve as classNames,
   be as compareVersions,
   me as createPostEvent,
-  pt as date,
+  lt as date,
   hr as getHash,
   ur as init,
   wt as initDataParser,
   O as invokeCustomMethod,
   ft as isColorDark,
   vt as isIframe,
-  lt as isRGB,
+  X as isRGB,
   Dt as isRGBShort,
   R as isRecord,
-  Ne as isStableViewportPlatform,
+  He as isStableViewportPlatform,
   rr as isTMA,
   ar as isTimeoutError,
   f as json,
@@ -2797,9 +2808,10 @@ export {
   At as requestViewport,
   Ct as retrieveLaunchData,
   gt as rgb,
-  X as searchParams,
+  tt as searchParams,
   Jt as serializeLaunchParams,
   Ut as serializeThemeParams,
+  S as setCSSVar,
   sr as setDebug,
   nr as setTargetOrigin,
   u as string,
@@ -2808,7 +2820,6 @@ export {
   _t as themeParamsParser,
   dt as toRGB,
   _e as unsubscribe,
-  rt as userParser,
+  st as userParser,
   xt as withTimeout
 };
-//# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk",
-  "version": "1.4.3",
+  "version": "1.4.6",
   "description": "TypeScript Source Development Kit for Telegram Mini Apps client application.",
   "author": "Vladislav Kibenko <wolfram.deus@gmail.com>",
   "homepage": "https://github.com/Telegram-Mini-Apps/tma.js#readme",
@@ -21,8 +21,7 @@
   "type": "module",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "main": "./dist/index.cjs",
   "browser": "./dist/index.iife.js",