@tma.js/sdk-react 0.4.5 → 0.4.7

package/dist/dts/lib/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { PostEvent } from '@tma.js/sdk/types';
+import type { PostEvent } from '@tma.js/sdk';
 interface Trackable {
     on: (event: any, ...args: any[]) => void;
     off: (event: any, ...args: any[]) => void;

package/dist/dts/lib/index.d.ts

@@ -6,8 +6,8 @@ export * from './launch-params/index.js';
 export * from './main-button/index.js';
 export * from './popup/index.js';
 export * from './qr-scanner/index.js';
-export * from './theme-params/index.js';
 export * from './viewport/index.js';
 export * from './web-app/index.js';
 export * from './cloud-storage.js';
 export { usePostEvent } from './hooks.js';
+export * from './theme-params.js';

package/dist/dts/lib/launch-params/types.d.ts

@@ -1 +1 @@
-export type { LaunchParams } from '@tma.js/sdk';
+export type { LaunchParams } from '@tma.js/launch-params';

package/dist/dts/lib/{theme-params/withThemeParams.d.ts → theme-params.d.ts}

@@ -1,5 +1,9 @@
 import { type ComponentType } from 'react';
-import type { ThemeParams } from './types.js';
+import type { ThemeParams } from '@tma.js/sdk';
+/**
+ * Returns ThemeParams component instance.
+ */
+export declare function useThemeParams(): ThemeParams;
 /**
  * HOC which passes ThemeParams SDK component to wrapped React component.
  * @param Component - component to wrap.

package/dist/dts/provider/SDKProvider.d.ts

@@ -1,4 +1,4 @@
-import { type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { type InitOptions } from '@tma.js/sdk';
 export type SDKInitOptions = InitOptions;
 export type SDKProviderProps = PropsWithChildren<{
@@ -7,4 +7,4 @@ export type SDKProviderProps = PropsWithChildren<{
 /**
  * Component which provides access to SDK components.
  */
-export declare const SDKProvider: import("react").NamedExoticComponent<SDKProviderProps>;
+export declare const SDKProvider: React.NamedExoticComponent<SDKProviderProps>;

package/dist/index.js

@@ -128,16 +128,6 @@ function J(n) {
   };
 }
 function H() {
-  const n = i("themeParams");
-  return u(n, ["changed"]), n;
-}
-function X(n) {
-  return function(e) {
-    const t = { ...e, themeParams: H() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function L() {
   const n = i("viewport");
   return u(n, [
     "stableHeightChanged",
@@ -146,28 +136,38 @@ function L() {
     "widthChanged"
   ]), n;
 }
-function Y(n) {
+function X(n) {
   return function(e) {
-    const t = { ...e, viewport: L() };
+    const t = { ...e, viewport: H() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function M() {
+function L() {
   const n = i("webApp");
   return u(n, ["headerColorChanged", "backgroundColorChanged"]), n;
 }
+function Y(n) {
+  return function(e) {
+    const t = { ...e, webApp: L() };
+    return /* @__PURE__ */ o.createElement(n, { ...t });
+  };
+}
+function M() {
+  return i("cloudStorage");
+}
 function Z(n) {
   return function(e) {
-    const t = { ...e, webApp: M() };
+    const t = { ...e, cloudStorage: M() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 function R() {
-  return i("cloudStorage");
+  const n = i("themeParams");
+  return u(n, ["changed"]), n;
 }
 function _(n) {
   return function(e) {
-    const t = { ...e, cloudStorage: R() };
+    const t = { ...e, themeParams: R() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
@@ -176,7 +176,7 @@ export {
   a as sdkContext,
   v as useBackButton,
   D as useClosingBehaviour,
-  R as useCloudStorage,
+  M as useCloudStorage,
   x as useHapticFeedback,
   A as useInitData,
   I as useLaunchParams,
@@ -185,13 +185,13 @@ export {
   N as usePostEvent,
   F as useQRScanner,
   l as useSDK,
-  H as useThemeParams,
+  R as useThemeParams,
   i as useUnit,
-  L as useViewport,
-  M as useWebApp,
+  H as useViewport,
+  L as useWebApp,
   O as withBackButton,
   Q as withClosingBehaviour,
-  _ as withCloudStorage,
+  Z as withCloudStorage,
   y as withHapticFeedback,
   z as withInitData,
   $ as withLaunchParams,
@@ -199,8 +199,8 @@ export {
   G as withPopup,
   J as withQRScanner,
   q as withSDK,
-  X as withThemeParams,
-  Y as withViewport,
-  Z as withWebApp
+  _ as withThemeParams,
+  X as withViewport,
+  Y as withWebApp
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/provider/context.ts","../src/provider/hooks.ts","../src/provider/hocs.tsx","../src/provider/SDKProvider.tsx","../src/lib/hooks.ts","../src/lib/back-button/useBackButton.ts","../src/lib/back-button/withBackButton.tsx","../src/lib/closing-behavior/useClosingBehaviour.ts","../src/lib/closing-behavior/withClosingBehaviour.tsx","../src/lib/haptic-feedback/useHapticFeedback.ts","../src/lib/haptic-feedback/withHapticFeedback.tsx","../src/lib/init-data/useInitData.ts","../src/lib/init-data/withInitData.tsx","../src/lib/launch-params/useLaunchParams.ts","../src/lib/launch-params/withLaunchParams.tsx","../src/lib/main-button/useMainButton.ts","../src/lib/main-button/withMainButton.tsx","../src/lib/popup/usePopup.ts","../src/lib/popup/withPopup.tsx","../src/lib/qr-scanner/useQRScanner.ts","../src/lib/qr-scanner/withQRScanner.tsx","../src/lib/theme-params/useThemeParams.ts","../src/lib/theme-params/withThemeParams.tsx","../src/lib/viewport/useViewport.ts","../src/lib/viewport/withViewport.tsx","../src/lib/web-app/useWebApp.ts","../src/lib/web-app/withWebApp.tsx","../src/lib/cloud-storage.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SDKContext } from './types.js';\n\nexport const sdkContext = createContext<SDKContext>({\n  components: null,\n  didInit: false,\n  error: null,\n});\n\nsdkContext.displayName = 'SDKContext';\n","import { useContext } from 'react';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponent, SDKComponentName } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport const useSDK = () => useContext(sdkContext);\n\n/**\n * Returns value by its field name from SDK init result.\n * @param name - component name.\n * @throws {Error} SDK is not initialized.\n */\nexport function useUnit<N extends SDKComponentName>(name: N): SDKComponent<N> {\n  const { components } = useSDK();\n\n  if (components === null) {\n    throw new Error(`Unable to get unit \"${name}\" as long as SDK is not initialized.`);\n  }\n  return components[name];\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContext } from './types.js';\nimport { useSDK } from './hooks.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDK<P extends { sdk?: SDKContext }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithLaunchParams(props: Omit<P, 'sdk'>) {\n    const p = { ...props, sdk: useSDK() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, {\n  memo,\n  useEffect,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n} from 'react';\nimport { init, type InitOptions } from '@tma.js/sdk';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponents, SDKContext } from './types.js';\n\nexport type SDKInitOptions = InitOptions;\n\nexport type SDKProviderProps = PropsWithChildren<{ initOptions?: SDKInitOptions }>;\n\n/**\n * Component which provides access to SDK components.\n */\nexport const SDKProvider = memo<SDKProviderProps>((props) => {\n  const { children, initOptions } = props;\n  const [didInit, setDidInit] = useState(false);\n  const [error, setError] = useState<null | unknown>(null);\n  const [components, setComponents] = useState<SDKComponents | null>(null);\n\n  // Initialize SDK on DOM attach.\n  useEffect(() => {\n    // Update init status.\n    setDidInit(true);\n\n    // Init SDK.\n    init(initOptions)\n      .then(setComponents)\n      .catch(setError);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContext>(() => ({\n    components,\n    didInit,\n    error,\n  }), [didInit, components, error]);\n\n  return <sdkContext.Provider value={context}>{children}</sdkContext.Provider>;\n});\n\nSDKProvider.displayName = 'SDKProvider';\n","import { useCallback, useState, useEffect } from 'react';\nimport type { PostEvent } from '@tma.js/sdk/types';\nimport { useUnit } from '../provider/index.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\n/**\n * The hook which returns function used for force update.\n */\nexport function useForceUpdate(): (() => void) {\n  const [, setHash] = useState(0);\n  // TODO: Maybe just assign new symbol?\n  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);\n}\n\n/**\n * The hook which listens to the specified object events and calls force update\n * in case, some of them was emitted.\n * @param trackable - object which allows events listening.\n * @param events - events to listen. This array will be memoized during first\n * hook call.\n */\nexport function useEventsTracking<T extends Trackable>(\n  trackable: T,\n  events: EventName<T>[],\n) {\n  const forceUpdate = useForceUpdate();\n\n  useEffect(() => {\n    // Start listening to each event.\n    events.forEach((event) => trackable.on(event, forceUpdate));\n\n    // On cleanup remove event listeners.\n    return () => events.forEach((event) => trackable.off(event, forceUpdate));\n  }, [trackable, forceUpdate, events]);\n}\n\n/**\n * Returns event posting function which was created during SDK\n * initialization.\n */\nexport function usePostEvent(): PostEvent {\n  return useUnit('postEvent');\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { BackButton } from './types.js';\n\n/**\n * Returns BackButton component instance.\n */\nexport function useBackButton(): BackButton {\n  const backButton = useUnit('backButton');\n  useEventsTracking(backButton, ['isVisibleChanged']);\n\n  return backButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useBackButton } from './useBackButton.js';\nimport type { BackButton } from './types.js';\n\n/**\n * HOC which passes BackButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withBackButton<P extends { backButton?: BackButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'backButton'>> {\n  return function WithBackButton(props: Omit<P, 'backButton'>) {\n    const p = { ...props, backButton: useBackButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * Returns ClosingBehaviour component instance.\n */\nexport function useClosingBehaviour(): ClosingBehaviour {\n  const component = useUnit('closingBehavior');\n  useEventsTracking(component, ['isConfirmationNeededChanged']);\n\n  return component;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useClosingBehaviour } from './useClosingBehaviour.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * HOC which passes ClosingBehaviour SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withClosingBehaviour<P extends { closingBehaviour?: ClosingBehaviour }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'closingBehaviour'>> {\n  return function WithClosingConfirmation(props: Omit<P, 'closingBehaviour'>) {\n    const p = { ...props, closingBehaviour: useClosingBehaviour() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * Returns HapticFeedback component instance.\n */\nexport function useHapticFeedback(): HapticFeedback {\n  return useUnit('haptic');\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useHapticFeedback } from './useHapticFeedback.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * HOC which passes HapticFeedback SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withHapticFeedback<P extends { hapticFeedback?: HapticFeedback }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'hapticFeedback'>> {\n  return function WithHapticFeedback(props: Omit<P, 'hapticFeedback'>) {\n    const p = { ...props, hapticFeedback: useHapticFeedback() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { InitData } from './types.js';\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useInitData } from './useInitData.js';\nimport type { InitData } from './types.js';\n\n/**\n * HOC which passes InitData SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withInitData<P extends { initData?: InitData }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'initData'>> {\n  return function WithInitData(props: Omit<P, 'initData'>) {\n    const p = { ...props, initData: useInitData() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useMemo } from 'react';\nimport { retrieveLaunchParams } from '@tma.js/sdk';\n\nimport type { LaunchParams } from './types.js';\n\n/**\n * The hook which returns launch parameters initially passed to Web App.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(retrieveLaunchParams, []);\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { LaunchParams } from './types.js';\nimport { useLaunchParams } from './useLaunchParams.js';\n\n/**\n * HOC which passes launch parameters to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'launchParams'>> {\n  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {\n    const p = { ...props, launchParams: useLaunchParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { MainButton } from './types.js';\n\n/**\n * Returns MainButton component instance.\n */\nexport function useMainButton(): MainButton {\n  const mainButton = useUnit('mainButton');\n  useEventsTracking(mainButton, [\n    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',\n    'textChanged', 'textColorChanged', 'isVisibleChanged',\n  ]);\n\n  return mainButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useMainButton } from './useMainButton.js';\nimport type { MainButton } from './types.js';\n\n/**\n * HOC which passes MainButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withMainButton<P extends { mainButton?: MainButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'mainButton'>> {\n  return function WithMainButton(props: Omit<P, 'mainButton'>) {\n    const p = { ...props, mainButton: useMainButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Popup } from './types.js';\n\n/**\n * Returns Popup component instance.\n */\nexport function usePopup(): Popup {\n  const popup = useUnit('popup');\n  useEventsTracking(popup, ['isOpenedChanged']);\n\n  return popup;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { usePopup } from './usePopup.js';\nimport type { Popup } from './types.js';\n\n/**\n * HOC which passes Popup SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withPopup<P extends { popup?: Popup }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'popup'>> {\n  return function WithPopup(props: Omit<P, 'popup'>) {\n    const p = { ...props, popup: usePopup() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * Returns QRScanner component instance.\n */\nexport function useQRScanner(): QRScanner {\n  const qrScanner = useUnit('qrScanner');\n  useEventsTracking(qrScanner, ['isOpenedChanged']);\n\n  return qrScanner;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useQRScanner } from './useQRScanner.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * HOC which passes QRScanner SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withQRScanner<P extends { qrScanner?: QRScanner }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'qrScanner'>> {\n  return function WithQRScanner(props: Omit<P, 'qrScanner'>) {\n    const p = { ...props, qrScanner: useQRScanner() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ThemeParams } from './types.js';\n\n/**\n * Returns ThemeParams component instance.\n */\nexport function useThemeParams(): ThemeParams {\n  const theme = useUnit('themeParams');\n  useEventsTracking(theme, ['changed']);\n\n  return theme;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useThemeParams } from './useThemeParams.js';\nimport type { ThemeParams } from './types.js';\n\n/**\n * HOC which passes ThemeParams SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withThemeParams<P extends { themeParams?: ThemeParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'themeParams'>> {\n  return function WithThemeParams(props: Omit<P, 'themeParams'>) {\n    const p = { ...props, themeParams: useThemeParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Viewport } from './types.js';\n\n/**\n * Returns Viewport component instance.\n */\nexport function useViewport(): Viewport {\n  const viewport = useUnit('viewport');\n  useEventsTracking(viewport, [\n    'stableHeightChanged', 'isExpandedChanged', 'heightChanged', 'widthChanged',\n  ]);\n\n  return viewport;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useViewport } from './useViewport.js';\nimport type { Viewport } from './types.js';\n\n/**\n * HOC which passes Viewport SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withViewport<P extends { viewport?: Viewport }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'viewport'>> {\n  return function WithViewport(props: Omit<P, 'viewport'>) {\n    const p = { ...props, viewport: useViewport() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { WebApp } from './types.js';\nimport { useEventsTracking } from '../hooks.js';\n\n/**\n * Returns WebApp component instance.\n */\nexport function useWebApp(): WebApp {\n  const webApp = useUnit('webApp');\n  useEventsTracking(webApp, ['headerColorChanged', 'backgroundColorChanged']);\n\n  return webApp;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useWebApp } from './useWebApp.js';\nimport type { WebApp } from './types.js';\n\n/**\n * HOC which passes WebApp SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withWebApp<P extends { webApp?: WebApp }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'webApp'>> {\n  return function WithWebApp(props: Omit<P, 'webApp'>) {\n    const p = { ...props, webApp: useWebApp() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { CloudStorage } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\n/**\n * Returns CloudStorage component instance.\n */\nexport function useCloudStorage(): CloudStorage {\n  return useUnit('cloudStorage');\n}\n\n/**\n * HOC which passes CloudStorage SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'cloudStorage'>> {\n  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {\n    const p = { ...props, cloudStorage: useCloudStorage() } as P;\n\n    return <Component {...p} />;\n  };\n}\n\nexport type { CloudStorage };\n"],"names":["sdkContext","createContext","useSDK","useContext","useUnit","name","components","withSDK","Component","props","p","React","SDKProvider","memo","children","initOptions","didInit","setDidInit","useState","error","setError","setComponents","useEffect","init","context","useMemo","useForceUpdate","setHash","useCallback","hash","useEventsTracking","trackable","events","forceUpdate","event","usePostEvent","useBackButton","backButton","withBackButton","useClosingBehaviour","component","withClosingBehaviour","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useThemeParams","theme","withThemeParams","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/provider/context.ts","../src/provider/hooks.ts","../src/provider/hocs.tsx","../src/provider/SDKProvider.tsx","../src/lib/hooks.ts","../src/lib/back-button/useBackButton.ts","../src/lib/back-button/withBackButton.tsx","../src/lib/closing-behavior/useClosingBehaviour.ts","../src/lib/closing-behavior/withClosingBehaviour.tsx","../src/lib/haptic-feedback/useHapticFeedback.ts","../src/lib/haptic-feedback/withHapticFeedback.tsx","../src/lib/init-data/useInitData.ts","../src/lib/init-data/withInitData.tsx","../src/lib/launch-params/useLaunchParams.ts","../src/lib/launch-params/withLaunchParams.tsx","../src/lib/main-button/useMainButton.ts","../src/lib/main-button/withMainButton.tsx","../src/lib/popup/usePopup.ts","../src/lib/popup/withPopup.tsx","../src/lib/qr-scanner/useQRScanner.ts","../src/lib/qr-scanner/withQRScanner.tsx","../src/lib/viewport/useViewport.ts","../src/lib/viewport/withViewport.tsx","../src/lib/web-app/useWebApp.ts","../src/lib/web-app/withWebApp.tsx","../src/lib/cloud-storage.tsx","../src/lib/theme-params.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SDKContext } from './types.js';\n\nexport const sdkContext = createContext<SDKContext>({\n  components: null,\n  didInit: false,\n  error: null,\n});\n\nsdkContext.displayName = 'SDKContext';\n","import { useContext } from 'react';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponent, SDKComponentName } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport const useSDK = () => useContext(sdkContext);\n\n/**\n * Returns value by its field name from SDK init result.\n * @param name - component name.\n * @throws {Error} SDK is not initialized.\n */\nexport function useUnit<N extends SDKComponentName>(name: N): SDKComponent<N> {\n  const { components } = useSDK();\n\n  if (components === null) {\n    throw new Error(`Unable to get unit \"${name}\" as long as SDK is not initialized.`);\n  }\n  return components[name];\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContext } from './types.js';\nimport { useSDK } from './hooks.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDK<P extends { sdk?: SDKContext }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithLaunchParams(props: Omit<P, 'sdk'>) {\n    const p = { ...props, sdk: useSDK() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, {\n  memo,\n  useEffect,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n} from 'react';\nimport { init, type InitOptions } from '@tma.js/sdk';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponents, SDKContext } from './types.js';\n\nexport type SDKInitOptions = InitOptions;\n\nexport type SDKProviderProps = PropsWithChildren<{ initOptions?: SDKInitOptions }>;\n\n/**\n * Component which provides access to SDK components.\n */\nexport const SDKProvider = memo<SDKProviderProps>((props) => {\n  const { children, initOptions } = props;\n  const [didInit, setDidInit] = useState(false);\n  const [error, setError] = useState<null | unknown>(null);\n  const [components, setComponents] = useState<SDKComponents | null>(null);\n\n  // Initialize SDK on DOM attach.\n  useEffect(() => {\n    // Update init status.\n    setDidInit(true);\n\n    // Init SDK.\n    init(initOptions)\n      .then(setComponents)\n      .catch(setError);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContext>(() => ({\n    components,\n    didInit,\n    error,\n  }), [didInit, components, error]);\n\n  return <sdkContext.Provider value={context}>{children}</sdkContext.Provider>;\n});\n\nSDKProvider.displayName = 'SDKProvider';\n","import { useCallback, useState, useEffect } from 'react';\nimport type { PostEvent } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\n/**\n * The hook which returns function used for force update.\n */\nexport function useForceUpdate(): (() => void) {\n  const [, setHash] = useState(0);\n  // TODO: Maybe just assign new symbol?\n  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);\n}\n\n/**\n * The hook which listens to the specified object events and calls force update\n * in case, some of them was emitted.\n * @param trackable - object which allows events listening.\n * @param events - events to listen. This array will be memoized during first\n * hook call.\n */\nexport function useEventsTracking<T extends Trackable>(\n  trackable: T,\n  events: EventName<T>[],\n) {\n  const forceUpdate = useForceUpdate();\n\n  useEffect(() => {\n    // Start listening to each event.\n    events.forEach((event) => trackable.on(event, forceUpdate));\n\n    // On cleanup remove event listeners.\n    return () => events.forEach((event) => trackable.off(event, forceUpdate));\n  }, [trackable, forceUpdate, events]);\n}\n\n/**\n * Returns event posting function which was created during SDK\n * initialization.\n */\nexport function usePostEvent(): PostEvent {\n  return useUnit('postEvent');\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { BackButton } from './types.js';\n\n/**\n * Returns BackButton component instance.\n */\nexport function useBackButton(): BackButton {\n  const backButton = useUnit('backButton');\n  useEventsTracking(backButton, ['isVisibleChanged']);\n\n  return backButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useBackButton } from './useBackButton.js';\nimport type { BackButton } from './types.js';\n\n/**\n * HOC which passes BackButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withBackButton<P extends { backButton?: BackButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'backButton'>> {\n  return function WithBackButton(props: Omit<P, 'backButton'>) {\n    const p = { ...props, backButton: useBackButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * Returns ClosingBehaviour component instance.\n */\nexport function useClosingBehaviour(): ClosingBehaviour {\n  const component = useUnit('closingBehavior');\n  useEventsTracking(component, ['isConfirmationNeededChanged']);\n\n  return component;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useClosingBehaviour } from './useClosingBehaviour.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * HOC which passes ClosingBehaviour SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withClosingBehaviour<P extends { closingBehaviour?: ClosingBehaviour }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'closingBehaviour'>> {\n  return function WithClosingConfirmation(props: Omit<P, 'closingBehaviour'>) {\n    const p = { ...props, closingBehaviour: useClosingBehaviour() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * Returns HapticFeedback component instance.\n */\nexport function useHapticFeedback(): HapticFeedback {\n  return useUnit('haptic');\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useHapticFeedback } from './useHapticFeedback.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * HOC which passes HapticFeedback SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withHapticFeedback<P extends { hapticFeedback?: HapticFeedback }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'hapticFeedback'>> {\n  return function WithHapticFeedback(props: Omit<P, 'hapticFeedback'>) {\n    const p = { ...props, hapticFeedback: useHapticFeedback() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { InitData } from './types.js';\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useInitData } from './useInitData.js';\nimport type { InitData } from './types.js';\n\n/**\n * HOC which passes InitData SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withInitData<P extends { initData?: InitData }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'initData'>> {\n  return function WithInitData(props: Omit<P, 'initData'>) {\n    const p = { ...props, initData: useInitData() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useMemo } from 'react';\nimport { retrieveLaunchParams } from '@tma.js/sdk';\n\nimport type { LaunchParams } from './types.js';\n\n/**\n * The hook which returns launch parameters initially passed to Web App.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(retrieveLaunchParams, []);\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useLaunchParams } from './useLaunchParams.js';\nimport type { LaunchParams } from './types.js';\n\n/**\n * HOC which passes launch parameters to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'launchParams'>> {\n  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {\n    const p = { ...props, launchParams: useLaunchParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { MainButton } from './types.js';\n\n/**\n * Returns MainButton component instance.\n */\nexport function useMainButton(): MainButton {\n  const mainButton = useUnit('mainButton');\n  useEventsTracking(mainButton, [\n    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',\n    'textChanged', 'textColorChanged', 'isVisibleChanged',\n  ]);\n\n  return mainButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useMainButton } from './useMainButton.js';\nimport type { MainButton } from './types.js';\n\n/**\n * HOC which passes MainButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withMainButton<P extends { mainButton?: MainButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'mainButton'>> {\n  return function WithMainButton(props: Omit<P, 'mainButton'>) {\n    const p = { ...props, mainButton: useMainButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Popup } from './types.js';\n\n/**\n * Returns Popup component instance.\n */\nexport function usePopup(): Popup {\n  const popup = useUnit('popup');\n  useEventsTracking(popup, ['isOpenedChanged']);\n\n  return popup;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { usePopup } from './usePopup.js';\nimport type { Popup } from './types.js';\n\n/**\n * HOC which passes Popup SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withPopup<P extends { popup?: Popup }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'popup'>> {\n  return function WithPopup(props: Omit<P, 'popup'>) {\n    const p = { ...props, popup: usePopup() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * Returns QRScanner component instance.\n */\nexport function useQRScanner(): QRScanner {\n  const qrScanner = useUnit('qrScanner');\n  useEventsTracking(qrScanner, ['isOpenedChanged']);\n\n  return qrScanner;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useQRScanner } from './useQRScanner.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * HOC which passes QRScanner SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withQRScanner<P extends { qrScanner?: QRScanner }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'qrScanner'>> {\n  return function WithQRScanner(props: Omit<P, 'qrScanner'>) {\n    const p = { ...props, qrScanner: useQRScanner() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Viewport } from './types.js';\n\n/**\n * Returns Viewport component instance.\n */\nexport function useViewport(): Viewport {\n  const viewport = useUnit('viewport');\n  useEventsTracking(viewport, [\n    'stableHeightChanged', 'isExpandedChanged', 'heightChanged', 'widthChanged',\n  ]);\n\n  return viewport;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useViewport } from './useViewport.js';\nimport type { Viewport } from './types.js';\n\n/**\n * HOC which passes Viewport SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withViewport<P extends { viewport?: Viewport }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'viewport'>> {\n  return function WithViewport(props: Omit<P, 'viewport'>) {\n    const p = { ...props, viewport: useViewport() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { WebApp } from './types.js';\nimport { useEventsTracking } from '../hooks.js';\n\n/**\n * Returns WebApp component instance.\n */\nexport function useWebApp(): WebApp {\n  const webApp = useUnit('webApp');\n  useEventsTracking(webApp, ['headerColorChanged', 'backgroundColorChanged']);\n\n  return webApp;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useWebApp } from './useWebApp.js';\nimport type { WebApp } from './types.js';\n\n/**\n * HOC which passes WebApp SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withWebApp<P extends { webApp?: WebApp }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'webApp'>> {\n  return function WithWebApp(props: Omit<P, 'webApp'>) {\n    const p = { ...props, webApp: useWebApp() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { CloudStorage } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\n/**\n * Returns CloudStorage component instance.\n */\nexport function useCloudStorage(): CloudStorage {\n  return useUnit('cloudStorage');\n}\n\n/**\n * HOC which passes CloudStorage SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'cloudStorage'>> {\n  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {\n    const p = { ...props, cloudStorage: useCloudStorage() } as P;\n\n    return <Component {...p} />;\n  };\n}\n\nexport type { CloudStorage };\n","import React, { type ComponentType } from 'react';\nimport type { ThemeParams } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\nimport { useEventsTracking } from './hooks.js';\n\n/**\n * Returns ThemeParams component instance.\n */\nexport function useThemeParams(): ThemeParams {\n  const theme = useUnit('themeParams');\n  useEventsTracking(theme, ['changed']);\n\n  return theme;\n}\n\n/**\n * HOC which passes ThemeParams SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withThemeParams<P extends { themeParams?: ThemeParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'themeParams'>> {\n  return function WithThemeParams(props: Omit<P, 'themeParams'>) {\n    const p = { ...props, themeParams: useThemeParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n"],"names":["sdkContext","createContext","useSDK","useContext","useUnit","name","components","withSDK","Component","props","p","React","SDKProvider","memo","children","initOptions","didInit","setDidInit","useState","error","setError","setComponents","useEffect","init","context","useMemo","useForceUpdate","setHash","useCallback","hash","useEventsTracking","trackable","events","forceUpdate","event","usePostEvent","useBackButton","backButton","withBackButton","useClosingBehaviour","component","withClosingBehaviour","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage","useThemeParams","theme","withThemeParams"],"mappings":"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"}

package/dist/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("@tma.js/sdk")):typeof define=="function"&&define.amd?define(["exports","react","@tma.js/sdk"],i):(t=typeof globalThis<"u"?globalThis:t||self,i((t["@tma"]=t["@tma"]||{},t["@tma"]["js/sdk-react"]={}),t.React,t["@tma"]["js/sdk"]))})(this,function(t,i,h){"use strict";const c=i.createContext({components:null,didInit:!1,error:null});c.displayName="SDKContext";const s=()=>i.useContext(c);function r(n){const{components:o}=s();if(o===null)throw new Error(`Unable to get unit "${n}" as long as SDK is not initialized.`);return o[n]}function W(n){return function(u){const e={...u,sdk:s()};return i.createElement(n,{...e})}}const d=i.memo(n=>{const{children:o,initOptions:u}=n,[e,U]=i.useState(!1),[k,O]=i.useState(null),[v,N]=i.useState(null);i.useEffect(()=>{U(!0),h.init(u).then(N).catch(O)},[]);const z=i.useMemo(()=>({components:v,didInit:e,error:k}),[e,v,k]);return i.createElement(c.Provider,{value:z},o)});d.displayName="SDKProvider";function D(){const[,n]=i.useState(0);return i.useCallback(()=>n(o=>(o+1)%1e6),[])}function a(n,o){const u=D();i.useEffect(()=>(o.forEach(e=>n.on(e,u)),()=>o.forEach(e=>n.off(e,u))),[n,u,o])}function K(){return r("postEvent")}function f(){const n=r("backButton");return a(n,["isVisibleChanged"]),n}function T(n){return function(u){const e={...u,backButton:f()};return i.createElement(n,{...e})}}function m(){const n=r("closingBehavior");return a(n,["isConfirmationNeededChanged"]),n}function A(n){return function(u){const e={...u,closingBehaviour:m()};return i.createElement(n,{...e})}}function l(){return r("haptic")}function I(n){return function(u){const e={...u,hapticFeedback:l()};return i.createElement(n,{...e})}}function p(){return r("initData")||null}function M(n){return function(u){const e={...u,initData:p()};return i.createElement(n,{...e})}}function w(){return i.useMemo(h.retrieveLaunchParams,[])}function V(n){return function(u){const e={...u,launchParams:w()};return i.createElement(n,{...e})}}function C(){const n=r("mainButton");return a(n,["isEnabledChanged","backgroundColorChanged","isProgressVisibleChanged","textChanged","textColorChanged","isVisibleChanged"]),n}function F(n){return function(u){const e={...u,mainButton:C()};return i.createElement(n,{...e})}}function g(){const n=r("popup");return a(n,["isOpenedChanged"]),n}function H(n){return function(u){const e={...u,popup:g()};return i.createElement(n,{...e})}}function S(){const n=r("qrScanner");return a(n,["isOpenedChanged"]),n}function L(n){return function(u){const e={...u,qrScanner:S()};return i.createElement(n,{...e})}}function P(){const n=r("themeParams");return a(n,["changed"]),n}function j(n){return function(u){const e={...u,themeParams:P()};return i.createElement(n,{...e})}}function B(){const n=r("viewport");return a(n,["stableHeightChanged","isExpandedChanged","heightChanged","widthChanged"]),n}function y(n){return function(u){const e={...u,viewport:B()};return i.createElement(n,{...e})}}function E(){const n=r("webApp");return a(n,["headerColorChanged","backgroundColorChanged"]),n}function q(n){return function(u){const e={...u,webApp:E()};return i.createElement(n,{...e})}}function b(){return r("cloudStorage")}function Q(n){return function(u){const e={...u,cloudStorage:b()};return i.createElement(n,{...e})}}t.SDKProvider=d,t.sdkContext=c,t.useBackButton=f,t.useClosingBehaviour=m,t.useCloudStorage=b,t.useHapticFeedback=l,t.useInitData=p,t.useLaunchParams=w,t.useMainButton=C,t.usePopup=g,t.usePostEvent=K,t.useQRScanner=S,t.useSDK=s,t.useThemeParams=P,t.useUnit=r,t.useViewport=B,t.useWebApp=E,t.withBackButton=T,t.withClosingBehaviour=A,t.withCloudStorage=Q,t.withHapticFeedback=I,t.withInitData=M,t.withLaunchParams=V,t.withMainButton=F,t.withPopup=H,t.withQRScanner=L,t.withSDK=W,t.withThemeParams=j,t.withViewport=y,t.withWebApp=q,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("@tma.js/sdk")):typeof define=="function"&&define.amd?define(["exports","react","@tma.js/sdk"],i):(t=typeof globalThis<"u"?globalThis:t||self,i((t["@tma"]=t["@tma"]||{},t["@tma"]["js/sdk-react"]={}),t.React,t["@tma"]["js/sdk"]))})(this,function(t,i,h){"use strict";const c=i.createContext({components:null,didInit:!1,error:null});c.displayName="SDKContext";const s=()=>i.useContext(c);function r(n){const{components:o}=s();if(o===null)throw new Error(`Unable to get unit "${n}" as long as SDK is not initialized.`);return o[n]}function W(n){return function(u){const e={...u,sdk:s()};return i.createElement(n,{...e})}}const d=i.memo(n=>{const{children:o,initOptions:u}=n,[e,U]=i.useState(!1),[k,O]=i.useState(null),[v,N]=i.useState(null);i.useEffect(()=>{U(!0),h.init(u).then(N).catch(O)},[]);const z=i.useMemo(()=>({components:v,didInit:e,error:k}),[e,v,k]);return i.createElement(c.Provider,{value:z},o)});d.displayName="SDKProvider";function D(){const[,n]=i.useState(0);return i.useCallback(()=>n(o=>(o+1)%1e6),[])}function a(n,o){const u=D();i.useEffect(()=>(o.forEach(e=>n.on(e,u)),()=>o.forEach(e=>n.off(e,u))),[n,u,o])}function K(){return r("postEvent")}function f(){const n=r("backButton");return a(n,["isVisibleChanged"]),n}function T(n){return function(u){const e={...u,backButton:f()};return i.createElement(n,{...e})}}function m(){const n=r("closingBehavior");return a(n,["isConfirmationNeededChanged"]),n}function A(n){return function(u){const e={...u,closingBehaviour:m()};return i.createElement(n,{...e})}}function l(){return r("haptic")}function I(n){return function(u){const e={...u,hapticFeedback:l()};return i.createElement(n,{...e})}}function p(){return r("initData")||null}function M(n){return function(u){const e={...u,initData:p()};return i.createElement(n,{...e})}}function w(){return i.useMemo(h.retrieveLaunchParams,[])}function V(n){return function(u){const e={...u,launchParams:w()};return i.createElement(n,{...e})}}function C(){const n=r("mainButton");return a(n,["isEnabledChanged","backgroundColorChanged","isProgressVisibleChanged","textChanged","textColorChanged","isVisibleChanged"]),n}function F(n){return function(u){const e={...u,mainButton:C()};return i.createElement(n,{...e})}}function g(){const n=r("popup");return a(n,["isOpenedChanged"]),n}function H(n){return function(u){const e={...u,popup:g()};return i.createElement(n,{...e})}}function S(){const n=r("qrScanner");return a(n,["isOpenedChanged"]),n}function L(n){return function(u){const e={...u,qrScanner:S()};return i.createElement(n,{...e})}}function P(){const n=r("viewport");return a(n,["stableHeightChanged","isExpandedChanged","heightChanged","widthChanged"]),n}function j(n){return function(u){const e={...u,viewport:P()};return i.createElement(n,{...e})}}function B(){const n=r("webApp");return a(n,["headerColorChanged","backgroundColorChanged"]),n}function y(n){return function(u){const e={...u,webApp:B()};return i.createElement(n,{...e})}}function E(){return r("cloudStorage")}function q(n){return function(u){const e={...u,cloudStorage:E()};return i.createElement(n,{...e})}}function b(){const n=r("themeParams");return a(n,["changed"]),n}function Q(n){return function(u){const e={...u,themeParams:b()};return i.createElement(n,{...e})}}t.SDKProvider=d,t.sdkContext=c,t.useBackButton=f,t.useClosingBehaviour=m,t.useCloudStorage=E,t.useHapticFeedback=l,t.useInitData=p,t.useLaunchParams=w,t.useMainButton=C,t.usePopup=g,t.usePostEvent=K,t.useQRScanner=S,t.useSDK=s,t.useThemeParams=b,t.useUnit=r,t.useViewport=P,t.useWebApp=B,t.withBackButton=T,t.withClosingBehaviour=A,t.withCloudStorage=q,t.withHapticFeedback=I,t.withInitData=M,t.withLaunchParams=V,t.withMainButton=F,t.withPopup=H,t.withQRScanner=L,t.withSDK=W,t.withThemeParams=Q,t.withViewport=j,t.withWebApp=y,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.cjs","sources":["../src/provider/context.ts","../src/provider/hooks.ts","../src/provider/hocs.tsx","../src/provider/SDKProvider.tsx","../src/lib/hooks.ts","../src/lib/back-button/useBackButton.ts","../src/lib/back-button/withBackButton.tsx","../src/lib/closing-behavior/useClosingBehaviour.ts","../src/lib/closing-behavior/withClosingBehaviour.tsx","../src/lib/haptic-feedback/useHapticFeedback.ts","../src/lib/haptic-feedback/withHapticFeedback.tsx","../src/lib/init-data/useInitData.ts","../src/lib/init-data/withInitData.tsx","../src/lib/launch-params/useLaunchParams.ts","../src/lib/launch-params/withLaunchParams.tsx","../src/lib/main-button/useMainButton.ts","../src/lib/main-button/withMainButton.tsx","../src/lib/popup/usePopup.ts","../src/lib/popup/withPopup.tsx","../src/lib/qr-scanner/useQRScanner.ts","../src/lib/qr-scanner/withQRScanner.tsx","../src/lib/theme-params/useThemeParams.ts","../src/lib/theme-params/withThemeParams.tsx","../src/lib/viewport/useViewport.ts","../src/lib/viewport/withViewport.tsx","../src/lib/web-app/useWebApp.ts","../src/lib/web-app/withWebApp.tsx","../src/lib/cloud-storage.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SDKContext } from './types.js';\n\nexport const sdkContext = createContext<SDKContext>({\n  components: null,\n  didInit: false,\n  error: null,\n});\n\nsdkContext.displayName = 'SDKContext';\n","import { useContext } from 'react';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponent, SDKComponentName } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport const useSDK = () => useContext(sdkContext);\n\n/**\n * Returns value by its field name from SDK init result.\n * @param name - component name.\n * @throws {Error} SDK is not initialized.\n */\nexport function useUnit<N extends SDKComponentName>(name: N): SDKComponent<N> {\n  const { components } = useSDK();\n\n  if (components === null) {\n    throw new Error(`Unable to get unit \"${name}\" as long as SDK is not initialized.`);\n  }\n  return components[name];\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContext } from './types.js';\nimport { useSDK } from './hooks.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDK<P extends { sdk?: SDKContext }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithLaunchParams(props: Omit<P, 'sdk'>) {\n    const p = { ...props, sdk: useSDK() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, {\n  memo,\n  useEffect,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n} from 'react';\nimport { init, type InitOptions } from '@tma.js/sdk';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponents, SDKContext } from './types.js';\n\nexport type SDKInitOptions = InitOptions;\n\nexport type SDKProviderProps = PropsWithChildren<{ initOptions?: SDKInitOptions }>;\n\n/**\n * Component which provides access to SDK components.\n */\nexport const SDKProvider = memo<SDKProviderProps>((props) => {\n  const { children, initOptions } = props;\n  const [didInit, setDidInit] = useState(false);\n  const [error, setError] = useState<null | unknown>(null);\n  const [components, setComponents] = useState<SDKComponents | null>(null);\n\n  // Initialize SDK on DOM attach.\n  useEffect(() => {\n    // Update init status.\n    setDidInit(true);\n\n    // Init SDK.\n    init(initOptions)\n      .then(setComponents)\n      .catch(setError);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContext>(() => ({\n    components,\n    didInit,\n    error,\n  }), [didInit, components, error]);\n\n  return <sdkContext.Provider value={context}>{children}</sdkContext.Provider>;\n});\n\nSDKProvider.displayName = 'SDKProvider';\n","import { useCallback, useState, useEffect } from 'react';\nimport type { PostEvent } from '@tma.js/sdk/types';\nimport { useUnit } from '../provider/index.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\n/**\n * The hook which returns function used for force update.\n */\nexport function useForceUpdate(): (() => void) {\n  const [, setHash] = useState(0);\n  // TODO: Maybe just assign new symbol?\n  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);\n}\n\n/**\n * The hook which listens to the specified object events and calls force update\n * in case, some of them was emitted.\n * @param trackable - object which allows events listening.\n * @param events - events to listen. This array will be memoized during first\n * hook call.\n */\nexport function useEventsTracking<T extends Trackable>(\n  trackable: T,\n  events: EventName<T>[],\n) {\n  const forceUpdate = useForceUpdate();\n\n  useEffect(() => {\n    // Start listening to each event.\n    events.forEach((event) => trackable.on(event, forceUpdate));\n\n    // On cleanup remove event listeners.\n    return () => events.forEach((event) => trackable.off(event, forceUpdate));\n  }, [trackable, forceUpdate, events]);\n}\n\n/**\n * Returns event posting function which was created during SDK\n * initialization.\n */\nexport function usePostEvent(): PostEvent {\n  return useUnit('postEvent');\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { BackButton } from './types.js';\n\n/**\n * Returns BackButton component instance.\n */\nexport function useBackButton(): BackButton {\n  const backButton = useUnit('backButton');\n  useEventsTracking(backButton, ['isVisibleChanged']);\n\n  return backButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useBackButton } from './useBackButton.js';\nimport type { BackButton } from './types.js';\n\n/**\n * HOC which passes BackButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withBackButton<P extends { backButton?: BackButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'backButton'>> {\n  return function WithBackButton(props: Omit<P, 'backButton'>) {\n    const p = { ...props, backButton: useBackButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * Returns ClosingBehaviour component instance.\n */\nexport function useClosingBehaviour(): ClosingBehaviour {\n  const component = useUnit('closingBehavior');\n  useEventsTracking(component, ['isConfirmationNeededChanged']);\n\n  return component;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useClosingBehaviour } from './useClosingBehaviour.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * HOC which passes ClosingBehaviour SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withClosingBehaviour<P extends { closingBehaviour?: ClosingBehaviour }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'closingBehaviour'>> {\n  return function WithClosingConfirmation(props: Omit<P, 'closingBehaviour'>) {\n    const p = { ...props, closingBehaviour: useClosingBehaviour() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * Returns HapticFeedback component instance.\n */\nexport function useHapticFeedback(): HapticFeedback {\n  return useUnit('haptic');\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useHapticFeedback } from './useHapticFeedback.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * HOC which passes HapticFeedback SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withHapticFeedback<P extends { hapticFeedback?: HapticFeedback }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'hapticFeedback'>> {\n  return function WithHapticFeedback(props: Omit<P, 'hapticFeedback'>) {\n    const p = { ...props, hapticFeedback: useHapticFeedback() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { InitData } from './types.js';\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useInitData } from './useInitData.js';\nimport type { InitData } from './types.js';\n\n/**\n * HOC which passes InitData SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withInitData<P extends { initData?: InitData }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'initData'>> {\n  return function WithInitData(props: Omit<P, 'initData'>) {\n    const p = { ...props, initData: useInitData() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useMemo } from 'react';\nimport { retrieveLaunchParams } from '@tma.js/sdk';\n\nimport type { LaunchParams } from './types.js';\n\n/**\n * The hook which returns launch parameters initially passed to Web App.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(retrieveLaunchParams, []);\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { LaunchParams } from './types.js';\nimport { useLaunchParams } from './useLaunchParams.js';\n\n/**\n * HOC which passes launch parameters to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'launchParams'>> {\n  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {\n    const p = { ...props, launchParams: useLaunchParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { MainButton } from './types.js';\n\n/**\n * Returns MainButton component instance.\n */\nexport function useMainButton(): MainButton {\n  const mainButton = useUnit('mainButton');\n  useEventsTracking(mainButton, [\n    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',\n    'textChanged', 'textColorChanged', 'isVisibleChanged',\n  ]);\n\n  return mainButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useMainButton } from './useMainButton.js';\nimport type { MainButton } from './types.js';\n\n/**\n * HOC which passes MainButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withMainButton<P extends { mainButton?: MainButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'mainButton'>> {\n  return function WithMainButton(props: Omit<P, 'mainButton'>) {\n    const p = { ...props, mainButton: useMainButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Popup } from './types.js';\n\n/**\n * Returns Popup component instance.\n */\nexport function usePopup(): Popup {\n  const popup = useUnit('popup');\n  useEventsTracking(popup, ['isOpenedChanged']);\n\n  return popup;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { usePopup } from './usePopup.js';\nimport type { Popup } from './types.js';\n\n/**\n * HOC which passes Popup SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withPopup<P extends { popup?: Popup }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'popup'>> {\n  return function WithPopup(props: Omit<P, 'popup'>) {\n    const p = { ...props, popup: usePopup() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * Returns QRScanner component instance.\n */\nexport function useQRScanner(): QRScanner {\n  const qrScanner = useUnit('qrScanner');\n  useEventsTracking(qrScanner, ['isOpenedChanged']);\n\n  return qrScanner;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useQRScanner } from './useQRScanner.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * HOC which passes QRScanner SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withQRScanner<P extends { qrScanner?: QRScanner }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'qrScanner'>> {\n  return function WithQRScanner(props: Omit<P, 'qrScanner'>) {\n    const p = { ...props, qrScanner: useQRScanner() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ThemeParams } from './types.js';\n\n/**\n * Returns ThemeParams component instance.\n */\nexport function useThemeParams(): ThemeParams {\n  const theme = useUnit('themeParams');\n  useEventsTracking(theme, ['changed']);\n\n  return theme;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useThemeParams } from './useThemeParams.js';\nimport type { ThemeParams } from './types.js';\n\n/**\n * HOC which passes ThemeParams SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withThemeParams<P extends { themeParams?: ThemeParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'themeParams'>> {\n  return function WithThemeParams(props: Omit<P, 'themeParams'>) {\n    const p = { ...props, themeParams: useThemeParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Viewport } from './types.js';\n\n/**\n * Returns Viewport component instance.\n */\nexport function useViewport(): Viewport {\n  const viewport = useUnit('viewport');\n  useEventsTracking(viewport, [\n    'stableHeightChanged', 'isExpandedChanged', 'heightChanged', 'widthChanged',\n  ]);\n\n  return viewport;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useViewport } from './useViewport.js';\nimport type { Viewport } from './types.js';\n\n/**\n * HOC which passes Viewport SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withViewport<P extends { viewport?: Viewport }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'viewport'>> {\n  return function WithViewport(props: Omit<P, 'viewport'>) {\n    const p = { ...props, viewport: useViewport() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { WebApp } from './types.js';\nimport { useEventsTracking } from '../hooks.js';\n\n/**\n * Returns WebApp component instance.\n */\nexport function useWebApp(): WebApp {\n  const webApp = useUnit('webApp');\n  useEventsTracking(webApp, ['headerColorChanged', 'backgroundColorChanged']);\n\n  return webApp;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useWebApp } from './useWebApp.js';\nimport type { WebApp } from './types.js';\n\n/**\n * HOC which passes WebApp SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withWebApp<P extends { webApp?: WebApp }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'webApp'>> {\n  return function WithWebApp(props: Omit<P, 'webApp'>) {\n    const p = { ...props, webApp: useWebApp() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { CloudStorage } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\n/**\n * Returns CloudStorage component instance.\n */\nexport function useCloudStorage(): CloudStorage {\n  return useUnit('cloudStorage');\n}\n\n/**\n * HOC which passes CloudStorage SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'cloudStorage'>> {\n  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {\n    const p = { ...props, cloudStorage: useCloudStorage() } as P;\n\n    return <Component {...p} />;\n  };\n}\n\nexport type { CloudStorage };\n"],"names":["sdkContext","createContext","useSDK","useContext","useUnit","name","components","withSDK","Component","props","p","React","SDKProvider","memo","children","initOptions","didInit","setDidInit","useState","error","setError","setComponents","useEffect","init","context","useMemo","useForceUpdate","setHash","useCallback","hash","useEventsTracking","trackable","events","forceUpdate","event","usePostEvent","useBackButton","backButton","withBackButton","useClosingBehaviour","component","withClosingBehaviour","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useThemeParams","theme","withThemeParams","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage"],"mappings":"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"}
+{"version":3,"file":"index.umd.cjs","sources":["../src/provider/context.ts","../src/provider/hooks.ts","../src/provider/hocs.tsx","../src/provider/SDKProvider.tsx","../src/lib/hooks.ts","../src/lib/back-button/useBackButton.ts","../src/lib/back-button/withBackButton.tsx","../src/lib/closing-behavior/useClosingBehaviour.ts","../src/lib/closing-behavior/withClosingBehaviour.tsx","../src/lib/haptic-feedback/useHapticFeedback.ts","../src/lib/haptic-feedback/withHapticFeedback.tsx","../src/lib/init-data/useInitData.ts","../src/lib/init-data/withInitData.tsx","../src/lib/launch-params/useLaunchParams.ts","../src/lib/launch-params/withLaunchParams.tsx","../src/lib/main-button/useMainButton.ts","../src/lib/main-button/withMainButton.tsx","../src/lib/popup/usePopup.ts","../src/lib/popup/withPopup.tsx","../src/lib/qr-scanner/useQRScanner.ts","../src/lib/qr-scanner/withQRScanner.tsx","../src/lib/viewport/useViewport.ts","../src/lib/viewport/withViewport.tsx","../src/lib/web-app/useWebApp.ts","../src/lib/web-app/withWebApp.tsx","../src/lib/cloud-storage.tsx","../src/lib/theme-params.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SDKContext } from './types.js';\n\nexport const sdkContext = createContext<SDKContext>({\n  components: null,\n  didInit: false,\n  error: null,\n});\n\nsdkContext.displayName = 'SDKContext';\n","import { useContext } from 'react';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponent, SDKComponentName } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport const useSDK = () => useContext(sdkContext);\n\n/**\n * Returns value by its field name from SDK init result.\n * @param name - component name.\n * @throws {Error} SDK is not initialized.\n */\nexport function useUnit<N extends SDKComponentName>(name: N): SDKComponent<N> {\n  const { components } = useSDK();\n\n  if (components === null) {\n    throw new Error(`Unable to get unit \"${name}\" as long as SDK is not initialized.`);\n  }\n  return components[name];\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContext } from './types.js';\nimport { useSDK } from './hooks.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDK<P extends { sdk?: SDKContext }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithLaunchParams(props: Omit<P, 'sdk'>) {\n    const p = { ...props, sdk: useSDK() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, {\n  memo,\n  useEffect,\n  useMemo,\n  useState,\n  type PropsWithChildren,\n} from 'react';\nimport { init, type InitOptions } from '@tma.js/sdk';\n\nimport { sdkContext } from './context.js';\nimport type { SDKComponents, SDKContext } from './types.js';\n\nexport type SDKInitOptions = InitOptions;\n\nexport type SDKProviderProps = PropsWithChildren<{ initOptions?: SDKInitOptions }>;\n\n/**\n * Component which provides access to SDK components.\n */\nexport const SDKProvider = memo<SDKProviderProps>((props) => {\n  const { children, initOptions } = props;\n  const [didInit, setDidInit] = useState(false);\n  const [error, setError] = useState<null | unknown>(null);\n  const [components, setComponents] = useState<SDKComponents | null>(null);\n\n  // Initialize SDK on DOM attach.\n  useEffect(() => {\n    // Update init status.\n    setDidInit(true);\n\n    // Init SDK.\n    init(initOptions)\n      .then(setComponents)\n      .catch(setError);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContext>(() => ({\n    components,\n    didInit,\n    error,\n  }), [didInit, components, error]);\n\n  return <sdkContext.Provider value={context}>{children}</sdkContext.Provider>;\n});\n\nSDKProvider.displayName = 'SDKProvider';\n","import { useCallback, useState, useEffect } from 'react';\nimport type { PostEvent } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\n/**\n * The hook which returns function used for force update.\n */\nexport function useForceUpdate(): (() => void) {\n  const [, setHash] = useState(0);\n  // TODO: Maybe just assign new symbol?\n  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);\n}\n\n/**\n * The hook which listens to the specified object events and calls force update\n * in case, some of them was emitted.\n * @param trackable - object which allows events listening.\n * @param events - events to listen. This array will be memoized during first\n * hook call.\n */\nexport function useEventsTracking<T extends Trackable>(\n  trackable: T,\n  events: EventName<T>[],\n) {\n  const forceUpdate = useForceUpdate();\n\n  useEffect(() => {\n    // Start listening to each event.\n    events.forEach((event) => trackable.on(event, forceUpdate));\n\n    // On cleanup remove event listeners.\n    return () => events.forEach((event) => trackable.off(event, forceUpdate));\n  }, [trackable, forceUpdate, events]);\n}\n\n/**\n * Returns event posting function which was created during SDK\n * initialization.\n */\nexport function usePostEvent(): PostEvent {\n  return useUnit('postEvent');\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { BackButton } from './types.js';\n\n/**\n * Returns BackButton component instance.\n */\nexport function useBackButton(): BackButton {\n  const backButton = useUnit('backButton');\n  useEventsTracking(backButton, ['isVisibleChanged']);\n\n  return backButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useBackButton } from './useBackButton.js';\nimport type { BackButton } from './types.js';\n\n/**\n * HOC which passes BackButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withBackButton<P extends { backButton?: BackButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'backButton'>> {\n  return function WithBackButton(props: Omit<P, 'backButton'>) {\n    const p = { ...props, backButton: useBackButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * Returns ClosingBehaviour component instance.\n */\nexport function useClosingBehaviour(): ClosingBehaviour {\n  const component = useUnit('closingBehavior');\n  useEventsTracking(component, ['isConfirmationNeededChanged']);\n\n  return component;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useClosingBehaviour } from './useClosingBehaviour.js';\nimport type { ClosingBehaviour } from './types.js';\n\n/**\n * HOC which passes ClosingBehaviour SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withClosingBehaviour<P extends { closingBehaviour?: ClosingBehaviour }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'closingBehaviour'>> {\n  return function WithClosingConfirmation(props: Omit<P, 'closingBehaviour'>) {\n    const p = { ...props, closingBehaviour: useClosingBehaviour() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * Returns HapticFeedback component instance.\n */\nexport function useHapticFeedback(): HapticFeedback {\n  return useUnit('haptic');\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useHapticFeedback } from './useHapticFeedback.js';\nimport type { HapticFeedback } from './types.js';\n\n/**\n * HOC which passes HapticFeedback SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withHapticFeedback<P extends { hapticFeedback?: HapticFeedback }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'hapticFeedback'>> {\n  return function WithHapticFeedback(props: Omit<P, 'hapticFeedback'>) {\n    const p = { ...props, hapticFeedback: useHapticFeedback() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { InitData } from './types.js';\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useInitData } from './useInitData.js';\nimport type { InitData } from './types.js';\n\n/**\n * HOC which passes InitData SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withInitData<P extends { initData?: InitData }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'initData'>> {\n  return function WithInitData(props: Omit<P, 'initData'>) {\n    const p = { ...props, initData: useInitData() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useMemo } from 'react';\nimport { retrieveLaunchParams } from '@tma.js/sdk';\n\nimport type { LaunchParams } from './types.js';\n\n/**\n * The hook which returns launch parameters initially passed to Web App.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(retrieveLaunchParams, []);\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useLaunchParams } from './useLaunchParams.js';\nimport type { LaunchParams } from './types.js';\n\n/**\n * HOC which passes launch parameters to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'launchParams'>> {\n  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {\n    const p = { ...props, launchParams: useLaunchParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { MainButton } from './types.js';\n\n/**\n * Returns MainButton component instance.\n */\nexport function useMainButton(): MainButton {\n  const mainButton = useUnit('mainButton');\n  useEventsTracking(mainButton, [\n    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',\n    'textChanged', 'textColorChanged', 'isVisibleChanged',\n  ]);\n\n  return mainButton;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useMainButton } from './useMainButton.js';\nimport type { MainButton } from './types.js';\n\n/**\n * HOC which passes MainButton SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withMainButton<P extends { mainButton?: MainButton }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'mainButton'>> {\n  return function WithMainButton(props: Omit<P, 'mainButton'>) {\n    const p = { ...props, mainButton: useMainButton() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Popup } from './types.js';\n\n/**\n * Returns Popup component instance.\n */\nexport function usePopup(): Popup {\n  const popup = useUnit('popup');\n  useEventsTracking(popup, ['isOpenedChanged']);\n\n  return popup;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { usePopup } from './usePopup.js';\nimport type { Popup } from './types.js';\n\n/**\n * HOC which passes Popup SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withPopup<P extends { popup?: Popup }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'popup'>> {\n  return function WithPopup(props: Omit<P, 'popup'>) {\n    const p = { ...props, popup: usePopup() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * Returns QRScanner component instance.\n */\nexport function useQRScanner(): QRScanner {\n  const qrScanner = useUnit('qrScanner');\n  useEventsTracking(qrScanner, ['isOpenedChanged']);\n\n  return qrScanner;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useQRScanner } from './useQRScanner.js';\nimport type { QRScanner } from './types.js';\n\n/**\n * HOC which passes QRScanner SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withQRScanner<P extends { qrScanner?: QRScanner }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'qrScanner'>> {\n  return function WithQRScanner(props: Omit<P, 'qrScanner'>) {\n    const p = { ...props, qrScanner: useQRScanner() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport { useEventsTracking } from '../hooks.js';\nimport type { Viewport } from './types.js';\n\n/**\n * Returns Viewport component instance.\n */\nexport function useViewport(): Viewport {\n  const viewport = useUnit('viewport');\n  useEventsTracking(viewport, [\n    'stableHeightChanged', 'isExpandedChanged', 'heightChanged', 'widthChanged',\n  ]);\n\n  return viewport;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useViewport } from './useViewport.js';\nimport type { Viewport } from './types.js';\n\n/**\n * HOC which passes Viewport SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withViewport<P extends { viewport?: Viewport }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'viewport'>> {\n  return function WithViewport(props: Omit<P, 'viewport'>) {\n    const p = { ...props, viewport: useViewport() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useUnit } from '../../provider/index.js';\nimport type { WebApp } from './types.js';\nimport { useEventsTracking } from '../hooks.js';\n\n/**\n * Returns WebApp component instance.\n */\nexport function useWebApp(): WebApp {\n  const webApp = useUnit('webApp');\n  useEventsTracking(webApp, ['headerColorChanged', 'backgroundColorChanged']);\n\n  return webApp;\n}\n","import React, { type ComponentType } from 'react';\n\nimport { useWebApp } from './useWebApp.js';\nimport type { WebApp } from './types.js';\n\n/**\n * HOC which passes WebApp SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withWebApp<P extends { webApp?: WebApp }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'webApp'>> {\n  return function WithWebApp(props: Omit<P, 'webApp'>) {\n    const p = { ...props, webApp: useWebApp() } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { CloudStorage } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\n/**\n * Returns CloudStorage component instance.\n */\nexport function useCloudStorage(): CloudStorage {\n  return useUnit('cloudStorage');\n}\n\n/**\n * HOC which passes CloudStorage SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'cloudStorage'>> {\n  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {\n    const p = { ...props, cloudStorage: useCloudStorage() } as P;\n\n    return <Component {...p} />;\n  };\n}\n\nexport type { CloudStorage };\n","import React, { type ComponentType } from 'react';\nimport type { ThemeParams } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\nimport { useEventsTracking } from './hooks.js';\n\n/**\n * Returns ThemeParams component instance.\n */\nexport function useThemeParams(): ThemeParams {\n  const theme = useUnit('themeParams');\n  useEventsTracking(theme, ['changed']);\n\n  return theme;\n}\n\n/**\n * HOC which passes ThemeParams SDK component to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withThemeParams<P extends { themeParams?: ThemeParams }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'themeParams'>> {\n  return function WithThemeParams(props: Omit<P, 'themeParams'>) {\n    const p = { ...props, themeParams: useThemeParams() } as P;\n\n    return <Component {...p} />;\n  };\n}\n"],"names":["sdkContext","createContext","useSDK","useContext","useUnit","name","components","withSDK","Component","props","p","React","SDKProvider","memo","children","initOptions","didInit","setDidInit","useState","error","setError","setComponents","useEffect","init","context","useMemo","useForceUpdate","setHash","useCallback","hash","useEventsTracking","trackable","events","forceUpdate","event","usePostEvent","useBackButton","backButton","withBackButton","useClosingBehaviour","component","withClosingBehaviour","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage","useThemeParams","theme","withThemeParams"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-react",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "React bindings for Web Apps client SDK. Contains hooks, components and other useful tools which allow usage of React along with Web Apps client SDK.",
   "author": "Vladislav Kibenko <wolfram.deus@gmail.com>",
   "homepage": "https://github.com/Telegram-Mini-Apps/tma.js#readme",
@@ -47,8 +47,10 @@
     }
   },
   "dependencies": {
-    "@tma.js/bridge": "1.3.4",
-    "@tma.js/sdk": "0.11.5"
+    "@tma.js/launch-params": "0.0.1",
+    "@tma.js/theme-params": "0.0.1",
+    "@tma.js/bridge": "1.3.5",
+    "@tma.js/sdk": "0.12.0"
   },
   "devDependencies": {
     "tsconfig": "0.0.2",
@@ -60,6 +62,8 @@
   },
   "scripts": {
     "lint": "eslint -c .eslintrc.cjs src/**/*",
-    "build": "vite build"
+    "typecheck": "tsc --noEmit -p tsconfig.build.json",
+    "build": "vite build",
+    "rollup": "pnpm run typecheck && pnpm run build"
   }
 }

package/src/lib/hooks.ts

@@ -1,5 +1,6 @@
 import { useCallback, useState, useEffect } from 'react';
-import type { PostEvent } from '@tma.js/sdk/types';
+import type { PostEvent } from '@tma.js/sdk';
+
 import { useUnit } from '../provider/index.js';
 
 interface Trackable {

package/src/lib/index.ts

@@ -6,8 +6,8 @@ export * from './launch-params/index.js';
 export * from './main-button/index.js';
 export * from './popup/index.js';
 export * from './qr-scanner/index.js';
-export * from './theme-params/index.js';
 export * from './viewport/index.js';
 export * from './web-app/index.js';
 export * from './cloud-storage.js';
 export { usePostEvent } from './hooks.js';
+export * from './theme-params.js';

package/src/lib/launch-params/types.ts

@@ -1 +1 @@
-export type { LaunchParams } from '@tma.js/sdk';
+export type { LaunchParams } from '@tma.js/launch-params';

package/src/lib/launch-params/withLaunchParams.tsx

@@ -1,7 +1,7 @@
 import React, { type ComponentType } from 'react';
 
-import type { LaunchParams } from './types.js';
 import { useLaunchParams } from './useLaunchParams.js';
+import type { LaunchParams } from './types.js';
 
 /**
  * HOC which passes launch parameters to wrapped React component.

package/src/lib/{theme-params/withThemeParams.tsx → theme-params.tsx}

@@ -1,7 +1,18 @@
 import React, { type ComponentType } from 'react';
+import type { ThemeParams } from '@tma.js/sdk';
 
-import { useThemeParams } from './useThemeParams.js';
-import type { ThemeParams } from './types.js';
+import { useUnit } from '../provider/index.js';
+import { useEventsTracking } from './hooks.js';
+
+/**
+ * Returns ThemeParams component instance.
+ */
+export function useThemeParams(): ThemeParams {
+  const theme = useUnit('themeParams');
+  useEventsTracking(theme, ['changed']);
+
+  return theme;
+}
 
 /**
  * HOC which passes ThemeParams SDK component to wrapped React component.

package/dist/dts/lib/theme-params/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types.js';
-export * from './useThemeParams.js';
-export * from './withThemeParams.js';

package/dist/dts/lib/theme-params/types.d.ts

@@ -1 +0,0 @@
-export type { ThemeParams } from '@tma.js/sdk';

package/dist/dts/lib/theme-params/useThemeParams.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeParams } from './types.js';
-/**
- * Returns ThemeParams component instance.
- */
-export declare function useThemeParams(): ThemeParams;

package/src/lib/theme-params/index.ts

@@ -1,3 +0,0 @@
-export * from './types.js';
-export * from './useThemeParams.js';
-export * from './withThemeParams.js';

package/src/lib/theme-params/types.ts

@@ -1 +0,0 @@
-export type { ThemeParams } from '@tma.js/sdk';

package/src/lib/theme-params/useThemeParams.ts

@@ -1,13 +0,0 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { ThemeParams } from './types.js';
-
-/**
- * Returns ThemeParams component instance.
- */
-export function useThemeParams(): ThemeParams {
-  const theme = useUnit('themeParams');
-  useEventsTracking(theme, ['changed']);
-
-  return theme;
-}