@tma.js/sdk-react 0.4.16 → 0.5.0

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

@@ -1,7 +1,6 @@
 export * from './back-button/index.js';
 export * from './closing-behavior/index.js';
 export * from './haptic-feedback/index.js';
-export * from './init-data/index.js';
 export * from './launch-params/index.js';
 export * from './main-button/index.js';
 export * from './popup/index.js';
@@ -10,4 +9,5 @@ export * from './viewport/index.js';
 export * from './web-app/index.js';
 export * from './cloud-storage.js';
 export { usePostEvent } from './hooks.js';
+export * from './init-data.js';
 export * from './theme-params.js';

package/dist/dts/lib/init-data.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentType } from 'react';
+import type { InitData } from '@tma.js/sdk';
+interface EnhancedProps {
+    initData: InitData | null;
+    initDataRaw: string | null;
+}
+/**
+ * Returns InitData component instance.
+ */
+export declare function useInitData(): InitData | null;
+/**
+ * Returns init data raw representation.
+ */
+export declare function useInitDataRaw(): string | null;
+/**
+ * HOC which passes InitData SDK component to wrapped React component.
+ * @param Component - component to wrap.
+ */
+export declare function withInitData<P extends Partial<EnhancedProps>>(Component: ComponentType<P>): ComponentType<Omit<P, keyof EnhancedProps>>;
+export { InitData };

package/dist/index.cjs

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

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.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 Mini 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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"}
+{"version":3,"file":"index.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/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/init-data.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 { 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 Mini 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 { InitData } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\ninterface EnhancedProps {\n  initData: InitData | null;\n  initDataRaw: string | null;\n}\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n\n/**\n * Returns init data raw representation.\n */\nexport function useInitDataRaw(): string | null {\n  return useUnit('initDataRaw') || null;\n}\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 Partial<EnhancedProps>>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, keyof EnhancedProps>> {\n  return function WithInitData(props) {\n    const enhancedProps = {\n      ...props,\n      initData: useInitData(),\n      initDataRaw: useInitDataRaw(),\n    } as P;\n\n    return <Component {...enhancedProps} />;\n  };\n}\n\nexport { InitData };\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","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage","useInitData","useInitDataRaw","withInitData","enhancedProps","useThemeParams","theme","withThemeParams"],"mappings":"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"}

package/dist/index.mjs

@@ -1,83 +1,74 @@
-import o, { createContext as w, useContext as E, memo as b, useState as c, useEffect as p, useMemo as f, useCallback as B } from "react";
-import { init as P, retrieveLaunchParams as S } from "@tma.js/sdk";
-const a = w({
+import o, { createContext as w, useContext as E, memo as b, useState as a, useEffect as p, useMemo as f, useCallback as P } from "react";
+import { init as B, retrieveLaunchParams as S } from "@tma.js/sdk";
+const c = w({
   components: null,
   didInit: !1,
   error: null
 });
-a.displayName = "SDKContext";
-const l = () => E(a);
+c.displayName = "SDKContext";
+const l = () => E(c);
 function i(n) {
   const { components: r } = l();
   if (r === null)
     throw new Error(`Unable to get unit "${n}" as long as SDK is not initialized.`);
   return r[n];
 }
-function q(n) {
+function N(n) {
   return function(e) {
     const t = { ...e, sdk: l() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 const W = b((n) => {
-  const { children: r, initOptions: e } = n, [t, d] = c(!1), [s, m] = c(null), [h, g] = c(null);
+  const { children: r, initOptions: e } = n, [t, d] = a(!1), [s, m] = a(null), [h, g] = a(null);
   p(() => {
-    d(!0), P(e).then(g).catch(m);
+    d(!0), B(e).then(g).catch(m);
   }, []);
   const C = f(() => ({
     components: h,
     didInit: t,
     error: s
   }), [t, h, s]);
-  return /* @__PURE__ */ o.createElement(a.Provider, { value: C }, r);
+  return /* @__PURE__ */ o.createElement(c.Provider, { value: C }, r);
 });
 W.displayName = "SDKProvider";
-function k() {
-  const [, n] = c(0);
-  return B(() => n((r) => (r + 1) % 1e6), []);
+function D() {
+  const [, n] = a(0);
+  return P(() => n((r) => (r + 1) % 1e6), []);
 }
 function u(n, r) {
-  const e = k();
+  const e = D();
   p(() => (r.forEach((t) => n.on(t, e)), () => r.forEach((t) => n.off(t, e))), [n, e, r]);
 }
-function N() {
+function O() {
   return i("postEvent");
 }
-function v() {
+function k() {
   const n = i("backButton");
   return u(n, ["isVisibleChanged"]), n;
 }
-function O(n) {
+function Q(n) {
   return function(e) {
-    const t = { ...e, backButton: v() };
+    const t = { ...e, backButton: k() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function D() {
+function v() {
   const n = i("closingBehavior");
   return u(n, ["isConfirmationNeededChanged"]), n;
 }
-function Q(n) {
+function y(n) {
   return function(e) {
-    const t = { ...e, closingBehaviour: D() };
+    const t = { ...e, closingBehaviour: v() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 function x() {
   return i("haptic");
 }
-function y(n) {
-  return function(e) {
-    const t = { ...e, hapticFeedback: x() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function A() {
-  return i("initData") || null;
-}
 function z(n) {
   return function(e) {
-    const t = { ...e, initData: A() };
+    const t = { ...e, hapticFeedback: x() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
@@ -90,7 +81,7 @@ function $(n) {
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function K() {
+function R() {
   const n = i("mainButton");
   return u(n, [
     "isEnabledChanged",
@@ -103,31 +94,31 @@ function K() {
 }
 function j(n) {
   return function(e) {
-    const t = { ...e, mainButton: K() };
+    const t = { ...e, mainButton: R() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function V() {
+function A() {
   const n = i("popup");
   return u(n, ["isOpenedChanged"]), n;
 }
 function G(n) {
   return function(e) {
-    const t = { ...e, popup: V() };
+    const t = { ...e, popup: A() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function F() {
+function K() {
   const n = i("qrScanner");
   return u(n, ["isOpenedChanged"]), n;
 }
 function J(n) {
   return function(e) {
-    const t = { ...e, qrScanner: F() };
+    const t = { ...e, qrScanner: K() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function H() {
+function V() {
   const n = i("viewport");
   return u(n, [
     "stableHeightChanged",
@@ -138,68 +129,85 @@ function H() {
 }
 function X(n) {
   return function(e) {
-    const t = { ...e, viewport: H() };
+    const t = { ...e, viewport: V() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function L() {
+function F() {
   const n = i("webApp");
   return u(n, ["headerColorChanged", "backgroundColorChanged"]), n;
 }
 function Y(n) {
   return function(e) {
-    const t = { ...e, webApp: L() };
+    const t = { ...e, webApp: F() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function M() {
+function H() {
   return i("cloudStorage");
 }
 function Z(n) {
   return function(e) {
-    const t = { ...e, cloudStorage: M() };
+    const t = { ...e, cloudStorage: H() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-function R() {
+function L() {
+  return i("initData") || null;
+}
+function M() {
+  return i("initDataRaw") || null;
+}
+function _(n) {
+  return function(e) {
+    const t = {
+      ...e,
+      initData: L(),
+      initDataRaw: M()
+    };
+    return /* @__PURE__ */ o.createElement(n, { ...t });
+  };
+}
+function T() {
   const n = i("themeParams");
   return u(n, ["changed"]), n;
 }
-function _(n) {
+function nn(n) {
   return function(e) {
-    const t = { ...e, themeParams: R() };
+    const t = { ...e, themeParams: T() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 export {
   W as SDKProvider,
-  a as sdkContext,
-  v as useBackButton,
-  D as useClosingBehaviour,
-  M as useCloudStorage,
+  c as sdkContext,
+  k as useBackButton,
+  v as useClosingBehaviour,
+  H as useCloudStorage,
   x as useHapticFeedback,
-  A as useInitData,
+  L as useInitData,
+  M as useInitDataRaw,
   I as useLaunchParams,
-  K as useMainButton,
-  V as usePopup,
-  N as usePostEvent,
-  F as useQRScanner,
+  R as useMainButton,
+  A as usePopup,
+  O as usePostEvent,
+  K as useQRScanner,
   l as useSDK,
-  R as useThemeParams,
+  T as useThemeParams,
   i as useUnit,
-  H as useViewport,
-  L as useWebApp,
-  O as withBackButton,
-  Q as withClosingBehaviour,
+  V as useViewport,
+  F as useWebApp,
+  Q as withBackButton,
+  y as withClosingBehaviour,
   Z as withCloudStorage,
-  y as withHapticFeedback,
-  z as withInitData,
+  z as withHapticFeedback,
+  _ as withInitData,
   $ as withLaunchParams,
   j as withMainButton,
   G as withPopup,
   J as withQRScanner,
-  q as withSDK,
-  _ as withThemeParams,
+  N as withSDK,
+  nn as withThemeParams,
   X as withViewport,
   Y as withWebApp
 };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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 Mini 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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"}
+{"version":3,"file":"index.mjs","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/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/init-data.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 { 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 Mini 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 { InitData } from '@tma.js/sdk';\n\nimport { useUnit } from '../provider/index.js';\n\ninterface EnhancedProps {\n  initData: InitData | null;\n  initDataRaw: string | null;\n}\n\n/**\n * Returns InitData component instance.\n */\nexport function useInitData(): InitData | null {\n  return useUnit('initData') || null;\n}\n\n/**\n * Returns init data raw representation.\n */\nexport function useInitDataRaw(): string | null {\n  return useUnit('initDataRaw') || null;\n}\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 Partial<EnhancedProps>>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, keyof EnhancedProps>> {\n  return function WithInitData(props) {\n    const enhancedProps = {\n      ...props,\n      initData: useInitData(),\n      initDataRaw: useInitDataRaw(),\n    } as P;\n\n    return <Component {...enhancedProps} />;\n  };\n}\n\nexport { InitData };\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","useLaunchParams","retrieveLaunchParams","withLaunchParams","useMainButton","mainButton","withMainButton","usePopup","popup","withPopup","useQRScanner","qrScanner","withQRScanner","useViewport","viewport","withViewport","useWebApp","webApp","withWebApp","useCloudStorage","withCloudStorage","useInitData","useInitDataRaw","withInitData","enhancedProps","useThemeParams","theme","withThemeParams"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-react",
-  "version": "0.4.16",
+  "version": "0.5.0",
   "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",
@@ -49,7 +49,7 @@
     "@tma.js/launch-params": "0.0.6",
     "@tma.js/theme-params": "0.0.6",
     "@tma.js/bridge": "1.3.11",
-    "@tma.js/sdk": "0.12.8"
+    "@tma.js/sdk": "0.12.9"
   },
   "devDependencies": {
     "tsconfig": "0.0.2",
@@ -62,7 +62,6 @@
   "scripts": {
     "lint": "eslint -c .eslintrc.cjs src/**/*",
     "typecheck": "tsc --noEmit -p tsconfig.build.json",
-    "build": "vite build",
-    "rollup": "pnpm run typecheck && pnpm run build"
+    "build": "vite build"
   }
 }

package/src/lib/index.ts

@@ -1,7 +1,6 @@
 export * from './back-button/index.js';
 export * from './closing-behavior/index.js';
 export * from './haptic-feedback/index.js';
-export * from './init-data/index.js';
 export * from './launch-params/index.js';
 export * from './main-button/index.js';
 export * from './popup/index.js';
@@ -10,4 +9,5 @@ export * from './viewport/index.js';
 export * from './web-app/index.js';
 export * from './cloud-storage.js';
 export { usePostEvent } from './hooks.js';
+export * from './init-data.js';
 export * from './theme-params.js';

package/src/lib/init-data.tsx

@@ -0,0 +1,43 @@
+import React, { type ComponentType } from 'react';
+import type { InitData } from '@tma.js/sdk';
+
+import { useUnit } from '../provider/index.js';
+
+interface EnhancedProps {
+  initData: InitData | null;
+  initDataRaw: string | null;
+}
+
+/**
+ * Returns InitData component instance.
+ */
+export function useInitData(): InitData | null {
+  return useUnit('initData') || null;
+}
+
+/**
+ * Returns init data raw representation.
+ */
+export function useInitDataRaw(): string | null {
+  return useUnit('initDataRaw') || null;
+}
+
+/**
+ * HOC which passes InitData SDK component to wrapped React component.
+ * @param Component - component to wrap.
+ */
+export function withInitData<P extends Partial<EnhancedProps>>(
+  Component: ComponentType<P>,
+): ComponentType<Omit<P, keyof EnhancedProps>> {
+  return function WithInitData(props) {
+    const enhancedProps = {
+      ...props,
+      initData: useInitData(),
+      initDataRaw: useInitDataRaw(),
+    } as P;
+
+    return <Component {...enhancedProps} />;
+  };
+}
+
+export { InitData };

package/dist/dts/lib/init-data/index.d.ts

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

package/dist/dts/lib/init-data/types.d.ts

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

package/dist/dts/lib/init-data/useInitData.d.ts

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

package/dist/dts/lib/init-data/withInitData.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentType } from 'react';
-import type { InitData } from './types.js';
-/**
- * HOC which passes InitData SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export declare function withInitData<P extends {
-    initData?: InitData;
-}>(Component: ComponentType<P>): ComponentType<Omit<P, 'initData'>>;

package/src/lib/init-data/index.ts

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

package/src/lib/init-data/types.ts

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

package/src/lib/init-data/useInitData.ts

@@ -1,9 +0,0 @@
-import { useUnit } from '../../provider/index.js';
-import type { InitData } from './types.js';
-
-/**
- * Returns InitData component instance.
- */
-export function useInitData(): InitData | null {
-  return useUnit('initData') || null;
-}

package/src/lib/init-data/withInitData.tsx

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import { useInitData } from './useInitData.js';
-import type { InitData } from './types.js';
-
-/**
- * HOC which passes InitData SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withInitData<P extends { initData?: InitData }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'initData'>> {
-  return function WithInitData(props: Omit<P, 'initData'>) {
-    const p = { ...props, initData: useInitData() } as P;
-
-    return <Component {...p} />;
-  };
-}