@tma.js/sdk-react 1.1.9 → 1.1.10

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),p=require("@tma.js/sdk");function s(t,e){return i=>{function o(a){const l={...a,[t]:e()};return n.createElement(i,{...l})}return Object.defineProperty(o,"name",{value:`With${t[0].toUpperCase()}${t.slice(1)}`}),o}}const u=n.createContext({loading:!1});u.displayName="SDKContext";function H({options:t,children:e}){const[i,o]=n.useState(!1),[a,l]=n.useState(),[h,O]=n.useState();n.useEffect(()=>{o(!0),p.init({...t,complete:!0}).then(O).catch(l).finally(()=>o(!1))},[]);const F=n.useMemo(()=>{const w={loading:i};return a&&(w.error=a),h&&(w.initResult=h),w},[i,h,a]);return n.createElement(u.Provider,{value:F},e)}function L({options:t={},children:e}){const i=n.useMemo(()=>{const o={loading:!1};try{o.initResult=p.init({...t,complete:!1})}catch(a){o.error=a}return o},[]);return n.createElement(u.Provider,{value:i},e)}function U(t){const{options:e={},async:i}=t;return e.async||e.complete||i?n.createElement(H,{...t}):n.createElement(L,{...t})}function c(){return n.useContext(u)}function d(t){const{initResult:e}=c();if(!e)throw new Error(`Unable to get init result key "${t}" as long as SDK is not initialized`);return e[t]}function m(t){return Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t))}function V(t){const e=d(t),[i,o]=n.useState(m(e));return n.useEffect(()=>e.on("change",()=>{o(m(e))}),[e]),i}function j(t){return function(i){const o={...i,sdk:c()};return n.createElement(t,{...o})}}function r(t,e){return e?()=>V(t):()=>d(t)}const S=r("backButton",!0),T=s("backButton",S),g=r("closingBehavior",!0),q=s("closingBehavior",g),v=r("cloudStorage"),Q=s("cloudStorage",v),P=r("hapticFeedback"),W=s("hapticFeedback",P),B=r("initData"),$=s("initData",B),D=r("initDataRaw"),G=s("initDataRaw",D),C=r("invoice",!0),z=s("invoice",C);function E(){return n.useMemo(()=>p.retrieveLaunchData().launchParams,[])}function N(t){return function(i){return n.createElement(t,{...i,launchParams:E()})}}const y=r("mainButton",!0),J=s("mainButton",y),I=r("miniApp",!0),X=s("miniApp",I),R=r("popup",!0),Y=s("popup",R),b=r("postEvent"),Z=s("postEvent",b),k=r("settingsButton",!0),_=s("settingsButton",k),x=r("qrScanner",!0),tt=s("qrScanner",x),M=r("themeParams",!0),et=s("themeParams",M),K=r("utils"),nt=s("utils",K),A=r("viewport",!0),it=s("viewport",A);function f(t,e={}){return typeof t=="function"?n.createElement(t,{...e}):t}function ot(t){const{loading:e,initResult:i,error:o}=c();return i?t.children:o?f(t.error,{error:o}):f(e?t.loading:t.initial)}exports.DisplayGate=ot;exports.SDKContext=u;exports.SDKProvider=U;exports.useBackButton=S;exports.useClosingBehavior=g;exports.useCloudStorage=v;exports.useHapticFeedback=P;exports.useInitData=B;exports.useInitDataRaw=D;exports.useInvoice=C;exports.useLaunchParams=E;exports.useMainButton=y;exports.useMiniApp=I;exports.usePopup=R;exports.usePostEvent=b;exports.useQRScanner=x;exports.useSDKContext=c;exports.useSettingsButton=k;exports.useThemeParams=M;exports.useUtils=K;exports.useViewport=A;exports.withBackButton=T;exports.withClosingBehavior=q;exports.withCloudStorage=Q;exports.withHapticFeedback=W;exports.withInitData=$;exports.withInitDataRaw=G;exports.withInvoice=z;exports.withLaunchParams=N;exports.withMainButton=J;exports.withMiniApp=X;exports.withPopup=Y;exports.withPostEvent=Z;exports.withQRScanner=tt;exports.withSDKContext=j;exports.withSettingsButton=_;exports.withThemeParams=et;exports.withUtils=nt;exports.withViewport=it;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),p=require("@tma.js/sdk");function s(t,e){return i=>{function o(a){const l={...a,[t]:e()};return n.createElement(i,{...l})}return Object.defineProperty(o,"name",{value:`With${t[0].toUpperCase()}${t.slice(1)}`}),o}}const u=n.createContext({loading:!1});u.displayName="SDKContext";function H({options:t,children:e}){const[i,o]=n.useState(!1),[a,l]=n.useState(),[h,O]=n.useState();n.useEffect(()=>{o(!0),p.init({...t,complete:!0}).then(O).catch(l).finally(()=>o(!1))},[]);const F=n.useMemo(()=>{const w={loading:i};return a&&(w.error=a),h&&(w.initResult=h),w},[i,h,a]);return n.createElement(u.Provider,{value:F},e)}function L({options:t={},children:e}){const i=n.useMemo(()=>{const o={loading:!1};try{o.initResult=p.init({...t,complete:!1})}catch(a){o.error=a}return o},[]);return n.createElement(u.Provider,{value:i},e)}function U(t){const{options:e={},async:i}=t;return e.async||e.complete||i?n.createElement(H,{...t}):n.createElement(L,{...t})}function c(){return n.useContext(u)}function d(t){const{initResult:e}=c();if(!e)throw new Error(`Unable to get init result key "${t}" as long as SDK is not initialized`);return e[t]}function m(t){return Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t))}function V(t){const e=d(t),[i,o]=n.useState(m(e));return n.useEffect(()=>e.on("change",()=>{o(m(e))}),[e]),i}function j(t){return function(i){const o={...i,sdk:c()};return n.createElement(t,{...o})}}function r(t,e){return e?()=>V(t):()=>d(t)}const S=r("backButton",!0),T=s("backButton",S),g=r("closingBehavior",!0),q=s("closingBehavior",g),v=r("cloudStorage"),Q=s("cloudStorage",v),P=r("hapticFeedback"),W=s("hapticFeedback",P),B=r("initData"),$=s("initData",B),D=r("initDataRaw"),G=s("initDataRaw",D),C=r("invoice",!0),z=s("invoice",C);function E(){return n.useMemo(p.retrieveLaunchParams,[])}function N(t){return function(i){return n.createElement(t,{...i,launchParams:E()})}}const y=r("mainButton",!0),J=s("mainButton",y),I=r("miniApp",!0),X=s("miniApp",I),R=r("popup",!0),Y=s("popup",R),b=r("postEvent"),Z=s("postEvent",b),k=r("settingsButton",!0),_=s("settingsButton",k),x=r("qrScanner",!0),tt=s("qrScanner",x),M=r("themeParams",!0),et=s("themeParams",M),K=r("utils"),nt=s("utils",K),A=r("viewport",!0),it=s("viewport",A);function f(t,e={}){return typeof t=="function"?n.createElement(t,{...e}):t}function ot(t){const{loading:e,initResult:i,error:o}=c();return i?t.children:o?f(t.error,{error:o}):f(e?t.loading:t.initial)}exports.DisplayGate=ot;exports.SDKContext=u;exports.SDKProvider=U;exports.useBackButton=S;exports.useClosingBehavior=g;exports.useCloudStorage=v;exports.useHapticFeedback=P;exports.useInitData=B;exports.useInitDataRaw=D;exports.useInvoice=C;exports.useLaunchParams=E;exports.useMainButton=y;exports.useMiniApp=I;exports.usePopup=R;exports.usePostEvent=b;exports.useQRScanner=x;exports.useSDKContext=c;exports.useSettingsButton=k;exports.useThemeParams=M;exports.useUtils=K;exports.useViewport=A;exports.withBackButton=T;exports.withClosingBehavior=q;exports.withCloudStorage=Q;exports.withHapticFeedback=W;exports.withInitData=$;exports.withInitDataRaw=G;exports.withInvoice=z;exports.withLaunchParams=N;exports.withMainButton=J;exports.withMiniApp=X;exports.withPopup=Y;exports.withPostEvent=Z;exports.withQRScanner=tt;exports.withSDKContext=j;exports.withSettingsButton=_;exports.withThemeParams=et;exports.withUtils=nt;exports.withViewport=it;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import c, { createContext as B, useState as a, useEffect as g, useMemo as f, useContext as E } from "react";
-import { init as v, retrieveLaunchData as y } from "@tma.js/sdk";
+import c, { createContext as D, useState as a, useEffect as g, useMemo as f, useContext as E } from "react";
+import { init as v, retrieveLaunchParams as y } from "@tma.js/sdk";
 function r(t, e) {
   return (n) => {
     function o(s) {
@@ -14,20 +14,20 @@ function r(t, e) {
     }), o;
   };
 }
-const u = B({
+const u = D({
   loading: !1
 });
 u.displayName = "SDKContext";
 function C({ options: t, children: e }) {
-  const [n, o] = a(!1), [s, l] = a(), [h, D] = a();
+  const [n, o] = a(!1), [s, l] = a(), [h, S] = a();
   g(() => {
-    o(!0), v({ ...t, complete: !0 }).then(D).catch(l).finally(() => o(!1));
+    o(!0), v({ ...t, complete: !0 }).then(S).catch(l).finally(() => o(!1));
   }, []);
-  const S = f(() => {
+  const B = f(() => {
     const p = { loading: n };
     return s && (p.error = s), h && (p.initResult = h), p;
   }, [n, h, s]);
-  return /* @__PURE__ */ c.createElement(u.Provider, { value: S }, e);
+  return /* @__PURE__ */ c.createElement(u.Provider, { value: B }, e);
 }
 function R({ options: t = {}, children: e }) {
   const n = f(() => {
@@ -80,7 +80,7 @@ function i(t, e) {
 }
 const k = i("backButton", !0), J = r("backButton", k), x = i("closingBehavior", !0), X = r("closingBehavior", x), I = i("cloudStorage"), Y = r("cloudStorage", I), O = i("hapticFeedback"), Z = r("hapticFeedback", O), A = i("initData"), _ = r("initData", A), M = i("initDataRaw"), tt = r("initDataRaw", M), j = i("invoice", !0), et = r("invoice", j);
 function F() {
-  return f(() => y().launchParams, []);
+  return f(y, []);
 }
 function nt(t) {
   return function(n) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-react",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "React bindings for Mini Apps client SDK. Contains hooks, components and other useful tools which allow usage of React along with Mini Apps client SDK.",
   "author": "Vladislav Kibenko <wolfram.deus@gmail.com>",
   "homepage": "https://github.com/Telegram-Mini-Apps/tma.js#readme",
@@ -45,7 +45,7 @@
     }
   },
   "dependencies": {
-    "@tma.js/sdk": "1.4.6"
+    "@tma.js/sdk": "1.4.7"
   },
   "devDependencies": {
     "build-utils": "0.0.1",