@tma.js/sdk-react 1.1.7 → 1.1.9

package/README.md

@@ -6,7 +6,7 @@
 
 [sdk-react-code-link]: https://github.com/Telegram-Mini-Apps/tma.js/tree/master/packages/sdk-react
 
-[sdk-react-docs-link]: https://docs.telegram-mini-apps.com/packages/typescript/tma-js-sdk-react
+[sdk-react-docs-link]: https://docs.telegram-mini-apps.com/packages/tma-js-sdk-react
 
 [sdk-react-npm-link]: https://npmjs.com/package/@tma.js/sdk-react
 
@@ -20,6 +20,6 @@
 [![code-badge]][sdk-react-code-link]
 
 React JS bindings
-for [client SDK](https://docs.telegram-mini-apps.com/packages/typescript/tma-js-sdk/about). Includes
+for [client SDK](https://docs.telegram-mini-apps.com/packages/tma-js-sdk). Includes
 hooks, components and utilities for comfortable usage of React JS on the Telegram Mini Apps
 platform.

package/dist/index.cjs

@@ -1,2 +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;
-//# sourceMappingURL=index.cjs.map

package/dist/index.mjs

@@ -136,4 +136,3 @@ export {
   lt as withUtils,
   ht as withViewport
 };
-//# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-react",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "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",
@@ -22,8 +22,7 @@
   "type": "module",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -46,7 +45,7 @@
     }
   },
   "dependencies": {
-    "@tma.js/sdk": "1.4.4"
+    "@tma.js/sdk": "1.4.6"
   },
   "devDependencies": {
     "build-utils": "0.0.1",

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/createHoc.tsx","../src/provider/SDKContext.ts","../src/provider/SDKProvider.tsx","../src/provider/useSDKContext.ts","../src/provider/useInitResultValue.ts","../src/provider/useInitResultDynamicValue.ts","../src/provider/withSDKContext.tsx","../src/createHook.ts","../src/tools/back-button.ts","../src/tools/closing-behavior.ts","../src/tools/cloud-storage.ts","../src/tools/haptic-feedback.ts","../src/tools/init-data.ts","../src/tools/init-data-raw.ts","../src/tools/invoice.ts","../src/tools/launch-params.tsx","../src/tools/main-button.ts","../src/tools/mini-app.ts","../src/tools/popup.ts","../src/tools/post-event.ts","../src/tools/settings-button.ts","../src/tools/qr-scanner.ts","../src/tools/theme-params.ts","../src/tools/utils.ts","../src/tools/viewport.ts","../src/DisplayGate.tsx"],"sourcesContent":["import React, { type ComponentType } from 'react';\n\nimport type { Hook } from './createHook.js';\nimport type { InitResultKey, InitResultValue } from './types.js';\n\nexport type Hoc<K extends InitResultKey> = <P extends { [Key in K]?: InitResultValue<K> }>(\n  Component: ComponentType<P>,\n) => ComponentType<P>;\n\n/**\n * Creates HOC for static init result value.\n * @param initResultKey - init result key.\n * @param hook - hook which returns init result value.\n */\nexport function createHoc<K extends InitResultKey>(initResultKey: K, hook: Hook<K>): Hoc<K> {\n  return (Component: ComponentType<any>) => {\n    function Wrapper(props: Record<string, unknown>) {\n      const wrappedProps = {\n        ...props,\n        [initResultKey]: hook(),\n      };\n\n      return <Component {...wrappedProps} />;\n    }\n\n    Object.defineProperty(Wrapper, 'name', {\n      value: `With${initResultKey[0].toUpperCase()}${initResultKey.slice(1)}`,\n    });\n\n    return Wrapper;\n  };\n}\n","import { createContext } from 'react';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>({\n  loading: false,\n});\n\nSDKContext.displayName = 'SDKContext';\n","import { init } from '@tma.js/sdk';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType, SDKProviderProps } from './types.js';\nimport type { InitResult } from '../types.js';\n\nfunction AsyncProvider({ options, children }: SDKProviderProps) {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown | undefined>();\n  const [initResult, setInitResult] = useState<InitResult | undefined>();\n\n  useEffect(() => {\n    setLoading(true);\n\n    init({ ...options, complete: true })\n      .then(setInitResult)\n      .catch(setError)\n      .finally(() => setLoading(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading };\n    if (error) {\n      result.error = error;\n    }\n\n    if (initResult) {\n      result.initResult = initResult;\n    }\n\n    return result;\n  }, [loading, initResult, error]);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\nfunction SyncProvider({ options = {}, children }: SDKProviderProps) {\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading: false };\n\n    try {\n      result.initResult = init({ ...options, complete: false });\n    } catch (e) {\n      result.error = e;\n    }\n\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\n/**\n * Component which provides access to SDK initialization state.\n */\nexport function SDKProvider(props: SDKProviderProps) {\n  const { options = {}, async } = props;\n\n  return options.async || options.complete || async\n    ? <AsyncProvider {...props} />\n    : <SyncProvider {...props} />;\n}\n","import { useContext } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport function useSDKContext(): SDKContextType {\n  return useContext(SDKContext);\n}\n","import { useSDKContext } from './useSDKContext.js';\nimport type { InitResultKey, InitResultValue } from '../types.js';\n\n/**\n * Returns value by its field name from SDK init result.\n * @param key - init result key.\n * @throws {Error} SDK is not initialized.\n */\nexport function useInitResultValue<K extends InitResultKey>(key: K): InitResultValue<K> {\n  const { initResult } = useSDKContext();\n\n  if (!initResult) {\n    throw new Error(`Unable to get init result key \"${key}\" as long as SDK is not initialized`);\n  }\n  return initResult[key];\n}\n","import { useEffect, useState } from 'react';\n\nimport { useInitResultValue } from './useInitResultValue.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultValue,\n  Trackable,\n} from '../types.js';\n\nfunction shallowCopy<T>(value: T): T {\n  return Object.create(\n    Object.getPrototypeOf(value),\n    Object.getOwnPropertyDescriptors(value),\n  );\n}\n\nexport function useInitResultDynamicValue<K extends DynamicInitResultKey>(\n  initResultKey: K,\n): InitResultValue<K> {\n  // Extract init result value.\n  const initial = useInitResultValue(initResultKey);\n\n  // Create value which will be returned to the external environment.\n  const [copy, setCopy] = useState(shallowCopy(initial));\n\n  // Effect which listens to change event and calls update.\n  useEffect(() => {\n    return (initial as Trackable).on('change', () => {\n      setCopy(shallowCopy(initial));\n    });\n  }, [initial]);\n\n  return copy;\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContextType } from './types.js';\nimport { useSDKContext } from './useSDKContext.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDKContext<P extends { sdk?: SDKContextType }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithSDKContext(props: Omit<P, 'sdk'>) {\n    const p = {\n      ...props,\n      sdk: useSDKContext(),\n    } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useInitResultDynamicValue, useInitResultValue } from './provider/index.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultKey,\n  InitResultValue,\n  StaticInitResultKey,\n} from './types.js';\n\nexport type Hook<K extends InitResultKey> = () => InitResultValue<K>;\n\n/**\n * Creates hook to retrieve static init result value.\n * @param initResultKey - init result key.\n */\nexport function createHook<K extends StaticInitResultKey>(initResultKey: K): Hook<K>;\n\n/**\n * Creates hook to retrieve dynamic init result value.\n * @param initResultKey - init result key.\n * @param dynamic - flag to let function know this init result value is dynamic.\n */\nexport function createHook<K extends DynamicInitResultKey>(\n  initResultKey: K,\n  dynamic: true,\n): Hook<K>;\n\nexport function createHook(initResultKey: InitResultKey, dynamic?: true): Hook<any> {\n  return dynamic\n    ? () => useInitResultDynamicValue(initResultKey as DynamicInitResultKey)\n    : () => useInitResultValue(initResultKey);\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve BackButton component.\n */\nexport const useBackButton = createHook('backButton', true);\n\n/**\n * HOC to wrap specified component to pass BackButton instance.\n */\nexport const withBackButton = createHoc('backButton', useBackButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ClosingBehavior component.\n */\nexport const useClosingBehavior = createHook('closingBehavior', true);\n\n/**\n * HOC to wrap specified component to pass ClosingBehavior instance.\n */\nexport const withClosingBehavior = createHoc('closingBehavior', useClosingBehavior);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve CloudStorage component.\n */\nexport const useCloudStorage = createHook('cloudStorage');\n\n/**\n * HOC to wrap specified component to pass CloudStorage instance.\n */\nexport const withCloudStorage = createHoc('cloudStorage', useCloudStorage);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve HapticFeedback component.\n */\nexport const useHapticFeedback = createHook('hapticFeedback');\n\n/**\n * HOC to wrap specified component to pass HapticFeedback instance.\n */\nexport const withHapticFeedback = createHoc('hapticFeedback', useHapticFeedback);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve InitData component.\n */\nexport const useInitData = createHook('initData');\n\n/**\n * HOC to wrap specified component to pass InitData instance.\n */\nexport const withInitData = createHoc('initData', useInitData);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve init data raw representation.\n */\nexport const useInitDataRaw = createHook('initDataRaw');\n\n/**\n * HOC to wrap specified component to pass init data raw representation.\n */\nexport const withInitDataRaw = createHoc('initDataRaw', useInitDataRaw);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Invoice component.\n */\nexport const useInvoice = createHook('invoice', true);\n\n/**\n * HOC to wrap specified component to pass Invoice instance.\n */\nexport const withInvoice = createHoc('invoice', useInvoice);\n","import { type LaunchParams, retrieveLaunchData } from '@tma.js/sdk';\nimport React, { type ComponentType, useMemo } from 'react';\n\n/**\n * Hooks to retrieve launch parameters.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(() => retrieveLaunchData().launchParams, []);\n}\n\n/**\n * HOC to wrap specified component to pass launch parameters.\n * @param Component - wrapped component.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n) {\n  return function WithInvoice(props: P) {\n    return <Component {...props} launchParams={useLaunchParams()} />;\n  };\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MainButton component.\n */\nexport const useMainButton = createHook('mainButton', true);\n\n/**\n * HOC to wrap specified component to pass MainButton instance.\n */\nexport const withMainButton = createHoc('mainButton', useMainButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MiniApp component.\n */\nexport const useMiniApp = createHook('miniApp', true);\n\n/**\n * HOC to wrap specified component to pass MiniApp instance.\n */\nexport const withMiniApp = createHoc('miniApp', useMiniApp);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Popup component.\n */\nexport const usePopup = createHook('popup', true);\n\n/**\n * HOC to wrap specified component to pass Popup instance.\n */\nexport const withPopup = createHoc('popup', usePopup);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve postEvent function.\n */\nexport const usePostEvent = createHook('postEvent');\n\n/**\n * HOC to wrap specified component to pass postEvent function.\n */\nexport const withPostEvent = createHoc('postEvent', usePostEvent);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve SettingsButton component.\n */\nexport const useSettingsButton = createHook('settingsButton', true);\n\n/**\n * HOC to wrap specified component to pass SettingsButton instance.\n */\nexport const withSettingsButton = createHoc('settingsButton', useSettingsButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve QRScanner component.\n */\nexport const useQRScanner = createHook('qrScanner', true);\n\n/**\n * HOC to wrap specified component to pass QRScanner instance.\n */\nexport const withQRScanner = createHoc('qrScanner', useQRScanner);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ThemeParams component.\n */\nexport const useThemeParams = createHook('themeParams', true);\n\n/**\n * HOC to wrap specified component to pass ThemeParams instance.\n */\nexport const withThemeParams = createHoc('themeParams', useThemeParams);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Utils component.\n */\nexport const useUtils = createHook('utils');\n\n/**\n * HOC to wrap specified component to pass Utils instance.\n */\nexport const withUtils = createHoc('utils', useUtils);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Viewport component.\n */\nexport const useViewport = createHook('viewport', true);\n\n/**\n * HOC to wrap specified component to pass Viewport instance.\n */\nexport const withViewport = createHoc('viewport', useViewport);\n","import React, { type ComponentType, type PropsWithChildren, type ReactNode } from 'react';\n\nimport { useSDKContext } from './provider/index.js';\n\nexport interface DisplayGateProps extends PropsWithChildren {\n  /**\n   * Element or component, which will be displayed in case, SDK is not loading, didn't receive\n   * any error during initialization as well as the initialization result.\n   */\n  initial?: ReactNode | ComponentType;\n\n  /**\n   * Element or component which will be displayed in case, SDK initialization failed.\n   */\n  error?: ReactNode | ComponentType<{ error: unknown }>;\n\n  /**\n   * Element or component which will be displayed in case, SDK is currently loading.\n   */\n  loading?: ReactNode | ComponentType;\n}\n\nfunction render(Component: ReactNode | ComponentType): ReactNode;\nfunction render<T extends object>(Component: ReactNode | ComponentType<T>, props: T): ReactNode;\nfunction render(Component: ReactNode | ComponentType, props = {}): ReactNode {\n  return typeof Component === 'function' ? <Component {...props} /> : Component;\n}\n\n/**\n * This component is the layer controlling the application display. It displays application in\n * case, the SDK is initialized, displays an error if something went wrong, and a loader\n * if the SDK is warming up.\n */\nexport function DisplayGate(props: DisplayGateProps): ReactNode {\n  const { loading, initResult, error } = useSDKContext();\n\n  if (initResult) {\n    return props.children;\n  }\n  return error\n    ? render(props.error, { error })\n    : render(loading ? props.loading : props.initial);\n}\n"],"names":["createHoc","initResultKey","hook","Component","Wrapper","props","wrappedProps","React","SDKContext","createContext","AsyncProvider","options","children","loading","setLoading","useState","error","setError","initResult","setInitResult","useEffect","init","context","useMemo","result","SyncProvider","e","SDKProvider","async","useSDKContext","useContext","useInitResultValue","key","shallowCopy","value","useInitResultDynamicValue","initial","copy","setCopy","withSDKContext","p","createHook","dynamic","useBackButton","withBackButton","useClosingBehavior","withClosingBehavior","useCloudStorage","withCloudStorage","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useInitDataRaw","withInitDataRaw","useInvoice","withInvoice","useLaunchParams","retrieveLaunchData","withLaunchParams","useMainButton","withMainButton","useMiniApp","withMiniApp","usePopup","withPopup","usePostEvent","withPostEvent","useSettingsButton","withSettingsButton","useQRScanner","withQRScanner","useThemeParams","withThemeParams","useUtils","withUtils","useViewport","withViewport","render","DisplayGate"],"mappings":"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"}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../src/createHoc.tsx","../src/provider/SDKContext.ts","../src/provider/SDKProvider.tsx","../src/provider/useSDKContext.ts","../src/provider/useInitResultValue.ts","../src/provider/useInitResultDynamicValue.ts","../src/provider/withSDKContext.tsx","../src/createHook.ts","../src/tools/back-button.ts","../src/tools/closing-behavior.ts","../src/tools/cloud-storage.ts","../src/tools/haptic-feedback.ts","../src/tools/init-data.ts","../src/tools/init-data-raw.ts","../src/tools/invoice.ts","../src/tools/launch-params.tsx","../src/tools/main-button.ts","../src/tools/mini-app.ts","../src/tools/popup.ts","../src/tools/post-event.ts","../src/tools/settings-button.ts","../src/tools/qr-scanner.ts","../src/tools/theme-params.ts","../src/tools/utils.ts","../src/tools/viewport.ts","../src/DisplayGate.tsx"],"sourcesContent":["import React, { type ComponentType } from 'react';\n\nimport type { Hook } from './createHook.js';\nimport type { InitResultKey, InitResultValue } from './types.js';\n\nexport type Hoc<K extends InitResultKey> = <P extends { [Key in K]?: InitResultValue<K> }>(\n  Component: ComponentType<P>,\n) => ComponentType<P>;\n\n/**\n * Creates HOC for static init result value.\n * @param initResultKey - init result key.\n * @param hook - hook which returns init result value.\n */\nexport function createHoc<K extends InitResultKey>(initResultKey: K, hook: Hook<K>): Hoc<K> {\n  return (Component: ComponentType<any>) => {\n    function Wrapper(props: Record<string, unknown>) {\n      const wrappedProps = {\n        ...props,\n        [initResultKey]: hook(),\n      };\n\n      return <Component {...wrappedProps} />;\n    }\n\n    Object.defineProperty(Wrapper, 'name', {\n      value: `With${initResultKey[0].toUpperCase()}${initResultKey.slice(1)}`,\n    });\n\n    return Wrapper;\n  };\n}\n","import { createContext } from 'react';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>({\n  loading: false,\n});\n\nSDKContext.displayName = 'SDKContext';\n","import { init } from '@tma.js/sdk';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType, SDKProviderProps } from './types.js';\nimport type { InitResult } from '../types.js';\n\nfunction AsyncProvider({ options, children }: SDKProviderProps) {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown | undefined>();\n  const [initResult, setInitResult] = useState<InitResult | undefined>();\n\n  useEffect(() => {\n    setLoading(true);\n\n    init({ ...options, complete: true })\n      .then(setInitResult)\n      .catch(setError)\n      .finally(() => setLoading(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading };\n    if (error) {\n      result.error = error;\n    }\n\n    if (initResult) {\n      result.initResult = initResult;\n    }\n\n    return result;\n  }, [loading, initResult, error]);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\nfunction SyncProvider({ options = {}, children }: SDKProviderProps) {\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading: false };\n\n    try {\n      result.initResult = init({ ...options, complete: false });\n    } catch (e) {\n      result.error = e;\n    }\n\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\n/**\n * Component which provides access to SDK initialization state.\n */\nexport function SDKProvider(props: SDKProviderProps) {\n  const { options = {}, async } = props;\n\n  return options.async || options.complete || async\n    ? <AsyncProvider {...props} />\n    : <SyncProvider {...props} />;\n}\n","import { useContext } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport function useSDKContext(): SDKContextType {\n  return useContext(SDKContext);\n}\n","import { useSDKContext } from './useSDKContext.js';\nimport type { InitResultKey, InitResultValue } from '../types.js';\n\n/**\n * Returns value by its field name from SDK init result.\n * @param key - init result key.\n * @throws {Error} SDK is not initialized.\n */\nexport function useInitResultValue<K extends InitResultKey>(key: K): InitResultValue<K> {\n  const { initResult } = useSDKContext();\n\n  if (!initResult) {\n    throw new Error(`Unable to get init result key \"${key}\" as long as SDK is not initialized`);\n  }\n  return initResult[key];\n}\n","import { useEffect, useState } from 'react';\n\nimport { useInitResultValue } from './useInitResultValue.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultValue,\n  Trackable,\n} from '../types.js';\n\nfunction shallowCopy<T>(value: T): T {\n  return Object.create(\n    Object.getPrototypeOf(value),\n    Object.getOwnPropertyDescriptors(value),\n  );\n}\n\nexport function useInitResultDynamicValue<K extends DynamicInitResultKey>(\n  initResultKey: K,\n): InitResultValue<K> {\n  // Extract init result value.\n  const initial = useInitResultValue(initResultKey);\n\n  // Create value which will be returned to the external environment.\n  const [copy, setCopy] = useState(shallowCopy(initial));\n\n  // Effect which listens to change event and calls update.\n  useEffect(() => {\n    return (initial as Trackable).on('change', () => {\n      setCopy(shallowCopy(initial));\n    });\n  }, [initial]);\n\n  return copy;\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContextType } from './types.js';\nimport { useSDKContext } from './useSDKContext.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDKContext<P extends { sdk?: SDKContextType }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithSDKContext(props: Omit<P, 'sdk'>) {\n    const p = {\n      ...props,\n      sdk: useSDKContext(),\n    } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useInitResultDynamicValue, useInitResultValue } from './provider/index.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultKey,\n  InitResultValue,\n  StaticInitResultKey,\n} from './types.js';\n\nexport type Hook<K extends InitResultKey> = () => InitResultValue<K>;\n\n/**\n * Creates hook to retrieve static init result value.\n * @param initResultKey - init result key.\n */\nexport function createHook<K extends StaticInitResultKey>(initResultKey: K): Hook<K>;\n\n/**\n * Creates hook to retrieve dynamic init result value.\n * @param initResultKey - init result key.\n * @param dynamic - flag to let function know this init result value is dynamic.\n */\nexport function createHook<K extends DynamicInitResultKey>(\n  initResultKey: K,\n  dynamic: true,\n): Hook<K>;\n\nexport function createHook(initResultKey: InitResultKey, dynamic?: true): Hook<any> {\n  return dynamic\n    ? () => useInitResultDynamicValue(initResultKey as DynamicInitResultKey)\n    : () => useInitResultValue(initResultKey);\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve BackButton component.\n */\nexport const useBackButton = createHook('backButton', true);\n\n/**\n * HOC to wrap specified component to pass BackButton instance.\n */\nexport const withBackButton = createHoc('backButton', useBackButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ClosingBehavior component.\n */\nexport const useClosingBehavior = createHook('closingBehavior', true);\n\n/**\n * HOC to wrap specified component to pass ClosingBehavior instance.\n */\nexport const withClosingBehavior = createHoc('closingBehavior', useClosingBehavior);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve CloudStorage component.\n */\nexport const useCloudStorage = createHook('cloudStorage');\n\n/**\n * HOC to wrap specified component to pass CloudStorage instance.\n */\nexport const withCloudStorage = createHoc('cloudStorage', useCloudStorage);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve HapticFeedback component.\n */\nexport const useHapticFeedback = createHook('hapticFeedback');\n\n/**\n * HOC to wrap specified component to pass HapticFeedback instance.\n */\nexport const withHapticFeedback = createHoc('hapticFeedback', useHapticFeedback);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve InitData component.\n */\nexport const useInitData = createHook('initData');\n\n/**\n * HOC to wrap specified component to pass InitData instance.\n */\nexport const withInitData = createHoc('initData', useInitData);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve init data raw representation.\n */\nexport const useInitDataRaw = createHook('initDataRaw');\n\n/**\n * HOC to wrap specified component to pass init data raw representation.\n */\nexport const withInitDataRaw = createHoc('initDataRaw', useInitDataRaw);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Invoice component.\n */\nexport const useInvoice = createHook('invoice', true);\n\n/**\n * HOC to wrap specified component to pass Invoice instance.\n */\nexport const withInvoice = createHoc('invoice', useInvoice);\n","import { type LaunchParams, retrieveLaunchData } from '@tma.js/sdk';\nimport React, { type ComponentType, useMemo } from 'react';\n\n/**\n * Hooks to retrieve launch parameters.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(() => retrieveLaunchData().launchParams, []);\n}\n\n/**\n * HOC to wrap specified component to pass launch parameters.\n * @param Component - wrapped component.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n) {\n  return function WithInvoice(props: P) {\n    return <Component {...props} launchParams={useLaunchParams()} />;\n  };\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MainButton component.\n */\nexport const useMainButton = createHook('mainButton', true);\n\n/**\n * HOC to wrap specified component to pass MainButton instance.\n */\nexport const withMainButton = createHoc('mainButton', useMainButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MiniApp component.\n */\nexport const useMiniApp = createHook('miniApp', true);\n\n/**\n * HOC to wrap specified component to pass MiniApp instance.\n */\nexport const withMiniApp = createHoc('miniApp', useMiniApp);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Popup component.\n */\nexport const usePopup = createHook('popup', true);\n\n/**\n * HOC to wrap specified component to pass Popup instance.\n */\nexport const withPopup = createHoc('popup', usePopup);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve postEvent function.\n */\nexport const usePostEvent = createHook('postEvent');\n\n/**\n * HOC to wrap specified component to pass postEvent function.\n */\nexport const withPostEvent = createHoc('postEvent', usePostEvent);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve SettingsButton component.\n */\nexport const useSettingsButton = createHook('settingsButton', true);\n\n/**\n * HOC to wrap specified component to pass SettingsButton instance.\n */\nexport const withSettingsButton = createHoc('settingsButton', useSettingsButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve QRScanner component.\n */\nexport const useQRScanner = createHook('qrScanner', true);\n\n/**\n * HOC to wrap specified component to pass QRScanner instance.\n */\nexport const withQRScanner = createHoc('qrScanner', useQRScanner);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ThemeParams component.\n */\nexport const useThemeParams = createHook('themeParams', true);\n\n/**\n * HOC to wrap specified component to pass ThemeParams instance.\n */\nexport const withThemeParams = createHoc('themeParams', useThemeParams);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Utils component.\n */\nexport const useUtils = createHook('utils');\n\n/**\n * HOC to wrap specified component to pass Utils instance.\n */\nexport const withUtils = createHoc('utils', useUtils);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Viewport component.\n */\nexport const useViewport = createHook('viewport', true);\n\n/**\n * HOC to wrap specified component to pass Viewport instance.\n */\nexport const withViewport = createHoc('viewport', useViewport);\n","import React, { type ComponentType, type PropsWithChildren, type ReactNode } from 'react';\n\nimport { useSDKContext } from './provider/index.js';\n\nexport interface DisplayGateProps extends PropsWithChildren {\n  /**\n   * Element or component, which will be displayed in case, SDK is not loading, didn't receive\n   * any error during initialization as well as the initialization result.\n   */\n  initial?: ReactNode | ComponentType;\n\n  /**\n   * Element or component which will be displayed in case, SDK initialization failed.\n   */\n  error?: ReactNode | ComponentType<{ error: unknown }>;\n\n  /**\n   * Element or component which will be displayed in case, SDK is currently loading.\n   */\n  loading?: ReactNode | ComponentType;\n}\n\nfunction render(Component: ReactNode | ComponentType): ReactNode;\nfunction render<T extends object>(Component: ReactNode | ComponentType<T>, props: T): ReactNode;\nfunction render(Component: ReactNode | ComponentType, props = {}): ReactNode {\n  return typeof Component === 'function' ? <Component {...props} /> : Component;\n}\n\n/**\n * This component is the layer controlling the application display. It displays application in\n * case, the SDK is initialized, displays an error if something went wrong, and a loader\n * if the SDK is warming up.\n */\nexport function DisplayGate(props: DisplayGateProps): ReactNode {\n  const { loading, initResult, error } = useSDKContext();\n\n  if (initResult) {\n    return props.children;\n  }\n  return error\n    ? render(props.error, { error })\n    : render(loading ? props.loading : props.initial);\n}\n"],"names":["createHoc","initResultKey","hook","Component","Wrapper","props","wrappedProps","React","SDKContext","createContext","AsyncProvider","options","children","loading","setLoading","useState","error","setError","initResult","setInitResult","useEffect","init","context","useMemo","result","SyncProvider","e","SDKProvider","async","useSDKContext","useContext","useInitResultValue","key","shallowCopy","value","useInitResultDynamicValue","initial","copy","setCopy","withSDKContext","p","createHook","dynamic","useBackButton","withBackButton","useClosingBehavior","withClosingBehavior","useCloudStorage","withCloudStorage","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useInitDataRaw","withInitDataRaw","useInvoice","withInvoice","useLaunchParams","retrieveLaunchData","withLaunchParams","useMainButton","withMainButton","useMiniApp","withMiniApp","usePopup","withPopup","usePostEvent","withPostEvent","useSettingsButton","withSettingsButton","useQRScanner","withQRScanner","useThemeParams","withThemeParams","useUtils","withUtils","useViewport","withViewport","render","DisplayGate"],"mappings":"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"}

package/src/DisplayGate.tsx

@@ -1,43 +0,0 @@
-import React, { type ComponentType, type PropsWithChildren, type ReactNode } from 'react';
-
-import { useSDKContext } from './provider/index.js';
-
-export interface DisplayGateProps extends PropsWithChildren {
-  /**
-   * Element or component, which will be displayed in case, SDK is not loading, didn't receive
-   * any error during initialization as well as the initialization result.
-   */
-  initial?: ReactNode | ComponentType;
-
-  /**
-   * Element or component which will be displayed in case, SDK initialization failed.
-   */
-  error?: ReactNode | ComponentType<{ error: unknown }>;
-
-  /**
-   * Element or component which will be displayed in case, SDK is currently loading.
-   */
-  loading?: ReactNode | ComponentType;
-}
-
-function render(Component: ReactNode | ComponentType): ReactNode;
-function render<T extends object>(Component: ReactNode | ComponentType<T>, props: T): ReactNode;
-function render(Component: ReactNode | ComponentType, props = {}): ReactNode {
-  return typeof Component === 'function' ? <Component {...props} /> : Component;
-}
-
-/**
- * This component is the layer controlling the application display. It displays application in
- * case, the SDK is initialized, displays an error if something went wrong, and a loader
- * if the SDK is warming up.
- */
-export function DisplayGate(props: DisplayGateProps): ReactNode {
-  const { loading, initResult, error } = useSDKContext();
-
-  if (initResult) {
-    return props.children;
-  }
-  return error
-    ? render(props.error, { error })
-    : render(loading ? props.loading : props.initial);
-}

package/src/createHoc.tsx

@@ -1,32 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import type { Hook } from './createHook.js';
-import type { InitResultKey, InitResultValue } from './types.js';
-
-export type Hoc<K extends InitResultKey> = <P extends { [Key in K]?: InitResultValue<K> }>(
-  Component: ComponentType<P>,
-) => ComponentType<P>;
-
-/**
- * Creates HOC for static init result value.
- * @param initResultKey - init result key.
- * @param hook - hook which returns init result value.
- */
-export function createHoc<K extends InitResultKey>(initResultKey: K, hook: Hook<K>): Hoc<K> {
-  return (Component: ComponentType<any>) => {
-    function Wrapper(props: Record<string, unknown>) {
-      const wrappedProps = {
-        ...props,
-        [initResultKey]: hook(),
-      };
-
-      return <Component {...wrappedProps} />;
-    }
-
-    Object.defineProperty(Wrapper, 'name', {
-      value: `With${initResultKey[0].toUpperCase()}${initResultKey.slice(1)}`,
-    });
-
-    return Wrapper;
-  };
-}

package/src/createHook.ts

@@ -1,31 +0,0 @@
-import { useInitResultDynamicValue, useInitResultValue } from './provider/index.js';
-import type {
-  DynamicInitResultKey,
-  InitResultKey,
-  InitResultValue,
-  StaticInitResultKey,
-} from './types.js';
-
-export type Hook<K extends InitResultKey> = () => InitResultValue<K>;
-
-/**
- * Creates hook to retrieve static init result value.
- * @param initResultKey - init result key.
- */
-export function createHook<K extends StaticInitResultKey>(initResultKey: K): Hook<K>;
-
-/**
- * Creates hook to retrieve dynamic init result value.
- * @param initResultKey - init result key.
- * @param dynamic - flag to let function know this init result value is dynamic.
- */
-export function createHook<K extends DynamicInitResultKey>(
-  initResultKey: K,
-  dynamic: true,
-): Hook<K>;
-
-export function createHook(initResultKey: InitResultKey, dynamic?: true): Hook<any> {
-  return dynamic
-    ? () => useInitResultDynamicValue(initResultKey as DynamicInitResultKey)
-    : () => useInitResultValue(initResultKey);
-}

package/src/index.ts

@@ -1,54 +0,0 @@
-export {
-  useThemeParams,
-  useInitData,
-  useBackButton,
-  useClosingBehavior,
-  useInitDataRaw,
-  useCloudStorage,
-  useLaunchParams,
-  useMainButton,
-  useHapticFeedback,
-  useInvoice,
-  useMiniApp,
-  usePopup,
-  usePostEvent,
-  useQRScanner,
-  useSettingsButton,
-  useUtils,
-  useViewport,
-  withBackButton,
-  withClosingBehavior,
-  withCloudStorage,
-  withInitData,
-  withHapticFeedback,
-  withInitDataRaw,
-  withInvoice,
-  withLaunchParams,
-  withMainButton,
-  withMiniApp,
-  withPostEvent,
-  withPopup,
-  withThemeParams,
-  withQRScanner,
-  withSettingsButton,
-  withUtils,
-  withViewport,
-} from './tools/index.js';
-export {
-  useSDKContext,
-  withSDKContext,
-  SDKProvider,
-  SDKContext,
-  type SDKProviderProps,
-  type SDKContextType,
-  type SDKInitOptions,
-  type SDKInitResult,
-} from './provider/index.js';
-export {
-  DisplayGate,
-  type DisplayGateProps,
-} from './DisplayGate.js';
-export type {
-  InitOptions,
-  InitResult,
-} from './types.js';

package/src/provider/SDKContext.ts

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-import type { SDKContextType } from './types.js';
-
-export const SDKContext = createContext<SDKContextType>({
-  loading: false,
-});
-
-SDKContext.displayName = 'SDKContext';

package/src/provider/SDKProvider.tsx

@@ -1,65 +0,0 @@
-import { init } from '@tma.js/sdk';
-import React, { useEffect, useMemo, useState } from 'react';
-
-import { SDKContext } from './SDKContext.js';
-import type { SDKContextType, SDKProviderProps } from './types.js';
-import type { InitResult } from '../types.js';
-
-function AsyncProvider({ options, children }: SDKProviderProps) {
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<unknown | undefined>();
-  const [initResult, setInitResult] = useState<InitResult | undefined>();
-
-  useEffect(() => {
-    setLoading(true);
-
-    init({ ...options, complete: true })
-      .then(setInitResult)
-      .catch(setError)
-      .finally(() => setLoading(false));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const context = useMemo<SDKContextType>(() => {
-    const result: SDKContextType = { loading };
-    if (error) {
-      result.error = error;
-    }
-
-    if (initResult) {
-      result.initResult = initResult;
-    }
-
-    return result;
-  }, [loading, initResult, error]);
-
-  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;
-}
-
-function SyncProvider({ options = {}, children }: SDKProviderProps) {
-  const context = useMemo<SDKContextType>(() => {
-    const result: SDKContextType = { loading: false };
-
-    try {
-      result.initResult = init({ ...options, complete: false });
-    } catch (e) {
-      result.error = e;
-    }
-
-    return result;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;
-}
-
-/**
- * Component which provides access to SDK initialization state.
- */
-export function SDKProvider(props: SDKProviderProps) {
-  const { options = {}, async } = props;
-
-  return options.async || options.complete || async
-    ? <AsyncProvider {...props} />
-    : <SyncProvider {...props} />;
-}

package/src/provider/index.ts

@@ -1,7 +0,0 @@
-export * from './SDKContext.js';
-export * from './SDKProvider.js';
-export * from './types.js';
-export * from './useInitResultDynamicValue.js';
-export * from './useInitResultValue.js';
-export * from './useSDKContext.js';
-export * from './withSDKContext.js';

package/src/provider/types.ts

@@ -1,38 +0,0 @@
-import type { PropsWithChildren } from 'react';
-
-import type { InitOptions, InitResult } from '../types.js';
-
-export type SDKInitOptions = InitOptions;
-
-export type SDKInitResult = InitResult;
-
-export type SDKProviderProps = PropsWithChildren<{
-  /**
-   * Should initialization be asynchronous. This mode is useful in case, you are using SSR
-   * and want to perform initialization on the client side only.
-   * @default false
-   */
-  async?: boolean;
-
-  /**
-   * Init function options.
-   */
-  options?: SDKInitOptions;
-}>;
-
-export interface SDKContextType {
-  /**
-   * Error occurred during initialization.
-   */
-  error?: unknown;
-
-  /**
-   * Initialization result.
-   */
-  initResult?: SDKInitResult;
-
-  /**
-   * True if SDK is loading.
-   */
-  loading: boolean;
-}

package/src/provider/useInitResultDynamicValue.ts

@@ -1,34 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { useInitResultValue } from './useInitResultValue.js';
-import type {
-  DynamicInitResultKey,
-  InitResultValue,
-  Trackable,
-} from '../types.js';
-
-function shallowCopy<T>(value: T): T {
-  return Object.create(
-    Object.getPrototypeOf(value),
-    Object.getOwnPropertyDescriptors(value),
-  );
-}
-
-export function useInitResultDynamicValue<K extends DynamicInitResultKey>(
-  initResultKey: K,
-): InitResultValue<K> {
-  // Extract init result value.
-  const initial = useInitResultValue(initResultKey);
-
-  // Create value which will be returned to the external environment.
-  const [copy, setCopy] = useState(shallowCopy(initial));
-
-  // Effect which listens to change event and calls update.
-  useEffect(() => {
-    return (initial as Trackable).on('change', () => {
-      setCopy(shallowCopy(initial));
-    });
-  }, [initial]);
-
-  return copy;
-}

package/src/provider/useInitResultValue.ts

@@ -1,16 +0,0 @@
-import { useSDKContext } from './useSDKContext.js';
-import type { InitResultKey, InitResultValue } from '../types.js';
-
-/**
- * Returns value by its field name from SDK init result.
- * @param key - init result key.
- * @throws {Error} SDK is not initialized.
- */
-export function useInitResultValue<K extends InitResultKey>(key: K): InitResultValue<K> {
-  const { initResult } = useSDKContext();
-
-  if (!initResult) {
-    throw new Error(`Unable to get init result key "${key}" as long as SDK is not initialized`);
-  }
-  return initResult[key];
-}

package/src/provider/useSDKContext.ts

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import { SDKContext } from './SDKContext.js';
-import type { SDKContextType } from './types.js';
-
-/**
- * Returns current SDK information.
- */
-export function useSDKContext(): SDKContextType {
-  return useContext(SDKContext);
-}

package/src/provider/withSDKContext.tsx

@@ -1,21 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import type { SDKContextType } from './types.js';
-import { useSDKContext } from './useSDKContext.js';
-
-/**
- * HOC which passes SDK context to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withSDKContext<P extends { sdk?: SDKContextType }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'sdk'>> {
-  return function WithSDKContext(props: Omit<P, 'sdk'>) {
-    const p = {
-      ...props,
-      sdk: useSDKContext(),
-    } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/tools/back-button.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve BackButton component.
- */
-export const useBackButton = createHook('backButton', true);
-
-/**
- * HOC to wrap specified component to pass BackButton instance.
- */
-export const withBackButton = createHoc('backButton', useBackButton);

package/src/tools/closing-behavior.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve ClosingBehavior component.
- */
-export const useClosingBehavior = createHook('closingBehavior', true);
-
-/**
- * HOC to wrap specified component to pass ClosingBehavior instance.
- */
-export const withClosingBehavior = createHoc('closingBehavior', useClosingBehavior);

package/src/tools/cloud-storage.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve CloudStorage component.
- */
-export const useCloudStorage = createHook('cloudStorage');
-
-/**
- * HOC to wrap specified component to pass CloudStorage instance.
- */
-export const withCloudStorage = createHoc('cloudStorage', useCloudStorage);

package/src/tools/haptic-feedback.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve HapticFeedback component.
- */
-export const useHapticFeedback = createHook('hapticFeedback');
-
-/**
- * HOC to wrap specified component to pass HapticFeedback instance.
- */
-export const withHapticFeedback = createHoc('hapticFeedback', useHapticFeedback);

package/src/tools/index.ts

@@ -1,17 +0,0 @@
-export * from './back-button.js';
-export * from './closing-behavior.js';
-export * from './cloud-storage.js';
-export * from './haptic-feedback.js';
-export * from './init-data.js';
-export * from './init-data-raw.js';
-export * from './invoice.js';
-export * from './launch-params.js';
-export * from './main-button.js';
-export * from './mini-app.js';
-export * from './popup.js';
-export * from './post-event.js';
-export * from './settings-button.js';
-export * from './qr-scanner.js';
-export * from './theme-params.js';
-export * from './utils.js';
-export * from './viewport.js';

package/src/tools/init-data-raw.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve init data raw representation.
- */
-export const useInitDataRaw = createHook('initDataRaw');
-
-/**
- * HOC to wrap specified component to pass init data raw representation.
- */
-export const withInitDataRaw = createHoc('initDataRaw', useInitDataRaw);

package/src/tools/init-data.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve InitData component.
- */
-export const useInitData = createHook('initData');
-
-/**
- * HOC to wrap specified component to pass InitData instance.
- */
-export const withInitData = createHoc('initData', useInitData);

package/src/tools/invoice.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve Invoice component.
- */
-export const useInvoice = createHook('invoice', true);
-
-/**
- * HOC to wrap specified component to pass Invoice instance.
- */
-export const withInvoice = createHoc('invoice', useInvoice);

package/src/tools/launch-params.tsx

@@ -1,21 +0,0 @@
-import { type LaunchParams, retrieveLaunchData } from '@tma.js/sdk';
-import React, { type ComponentType, useMemo } from 'react';
-
-/**
- * Hooks to retrieve launch parameters.
- */
-export function useLaunchParams(): LaunchParams {
-  return useMemo(() => retrieveLaunchData().launchParams, []);
-}
-
-/**
- * HOC to wrap specified component to pass launch parameters.
- * @param Component - wrapped component.
- */
-export function withLaunchParams<P extends { launchParams?: LaunchParams }>(
-  Component: ComponentType<P>,
-) {
-  return function WithInvoice(props: P) {
-    return <Component {...props} launchParams={useLaunchParams()} />;
-  };
-}

package/src/tools/main-button.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve MainButton component.
- */
-export const useMainButton = createHook('mainButton', true);
-
-/**
- * HOC to wrap specified component to pass MainButton instance.
- */
-export const withMainButton = createHoc('mainButton', useMainButton);

package/src/tools/mini-app.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve MiniApp component.
- */
-export const useMiniApp = createHook('miniApp', true);
-
-/**
- * HOC to wrap specified component to pass MiniApp instance.
- */
-export const withMiniApp = createHoc('miniApp', useMiniApp);

package/src/tools/popup.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve Popup component.
- */
-export const usePopup = createHook('popup', true);
-
-/**
- * HOC to wrap specified component to pass Popup instance.
- */
-export const withPopup = createHoc('popup', usePopup);

package/src/tools/post-event.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve postEvent function.
- */
-export const usePostEvent = createHook('postEvent');
-
-/**
- * HOC to wrap specified component to pass postEvent function.
- */
-export const withPostEvent = createHoc('postEvent', usePostEvent);

package/src/tools/qr-scanner.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve QRScanner component.
- */
-export const useQRScanner = createHook('qrScanner', true);
-
-/**
- * HOC to wrap specified component to pass QRScanner instance.
- */
-export const withQRScanner = createHoc('qrScanner', useQRScanner);

package/src/tools/settings-button.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve SettingsButton component.
- */
-export const useSettingsButton = createHook('settingsButton', true);
-
-/**
- * HOC to wrap specified component to pass SettingsButton instance.
- */
-export const withSettingsButton = createHoc('settingsButton', useSettingsButton);

package/src/tools/theme-params.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve ThemeParams component.
- */
-export const useThemeParams = createHook('themeParams', true);
-
-/**
- * HOC to wrap specified component to pass ThemeParams instance.
- */
-export const withThemeParams = createHoc('themeParams', useThemeParams);

package/src/tools/utils.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve Utils component.
- */
-export const useUtils = createHook('utils');
-
-/**
- * HOC to wrap specified component to pass Utils instance.
- */
-export const withUtils = createHoc('utils', useUtils);

package/src/tools/viewport.ts

@@ -1,12 +0,0 @@
-import { createHoc } from '../createHoc.js';
-import { createHook } from '../createHook.js';
-
-/**
- * Hook to retrieve Viewport component.
- */
-export const useViewport = createHook('viewport', true);
-
-/**
- * HOC to wrap specified component to pass Viewport instance.
- */
-export const withViewport = createHoc('viewport', useViewport);

package/src/types.ts

@@ -1,30 +0,0 @@
-import type { InitOptions, InitResult } from '@tma.js/sdk';
-
-// TODO: Remove in the future.
-export { InitOptions, InitResult };
-
-export interface Trackable {
-  on(event: 'change', listener: () => void): () => void;
-}
-
-/**
- * SDK init result keys, which describe values with trackable changes.
- */
-export type DynamicInitResultKey = {
-  [K in InitResultKey]-?: InitResultValue<K> extends Trackable ? K : never;
-}[InitResultKey];
-
-/**
- * SDK init result keys, which describe static values.
- */
-export type StaticInitResultKey = Exclude<InitResultKey, DynamicInitResultKey>;
-
-/**
- * SDK initialization result key.
- */
-export type InitResultKey = keyof InitResult;
-
-/**
- * Returns SDK init result value type by its key.
- */
-export type InitResultValue<K extends InitResultKey> = InitResult[K];