@tma.js/sdk-react 0.5.0 → 0.5.1

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),R=require("@tma.js/launch-params"),x=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 p=o.memo(t=>{const{children:r,initOptions:e}=t,[n,k]=o.useState(!1),[s,W]=o.useState(null),[h,v]=o.useState(null);o.useEffect(()=>{k(!0),x.init(e).then(v).catch(W)},[]);const I=o.useMemo(()=>({components:h,didInit:n,error:s}),[n,h,s]);return o.createElement(a.Provider,{value:I},r)});p.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 M(){return u("postEvent")}function l(){const t=u("backButton");return i(t,["isVisibleChanged"]),t}function V(t){return function(e){const n={...e,backButton:l()};return o.createElement(t,{...n})}}function d(){const t=u("closingBehavior");return i(t,["isConfirmationNeededChanged"]),t}function F(t){return function(e){const n={...e,closingBehaviour:d()};return o.createElement(t,{...n})}}function f(){return u("haptic")}function H(t){return function(e){const n={...e,hapticFeedback:f()};return o.createElement(t,{...n})}}function m(){return o.useMemo(()=>R.computeLaunchData().launchParams,[])}function L(t){return function(e){const n={...e,launchParams:m()};return o.createElement(t,{...n})}}function w(){const t=u("mainButton");return i(t,["isEnabledChanged","backgroundColorChanged","isProgressVisibleChanged","textChanged","textColorChanged","isVisibleChanged"]),t}function T(t){return function(e){const n={...e,mainButton:w()};return o.createElement(t,{...n})}}function g(){const t=u("popup");return i(t,["isOpenedChanged"]),t}function q(t){return function(e){const n={...e,popup:g()};return o.createElement(t,{...n})}}function C(){const t=u("qrScanner");return i(t,["isOpenedChanged"]),t}function Q(t){return function(e){const n={...e,qrScanner:C()};return o.createElement(t,{...n})}}function P(){const t=u("viewport");return i(t,["stableHeightChanged","isExpandedChanged","heightChanged","widthChanged"]),t}function U(t){return function(e){const n={...e,viewport:P()};return o.createElement(t,{...n})}}function S(){const t=u("webApp");return i(t,["headerColorChanged","backgroundColorChanged"]),t}function y(t){return function(e){const n={...e,webApp:S()};return o.createElement(t,{...n})}}function B(){return u("cloudStorage")}function O(t){return function(e){const n={...e,cloudStorage:B()};return o.createElement(t,{...n})}}function b(){return u("initData")||null}function E(){return u("initDataRaw")||null}function N(t){return function(e){const n={...e,initData:b(),initDataRaw:E()};return o.createElement(t,{...n})}}function D(){const t=u("themeParams");return i(t,["changed"]),t}function j(t){return function(e){const n={...e,themeParams:D()};return o.createElement(t,{...n})}}exports.SDKProvider=p;exports.sdkContext=a;exports.useBackButton=l;exports.useClosingBehaviour=d;exports.useCloudStorage=B;exports.useHapticFeedback=f;exports.useInitData=b;exports.useInitDataRaw=E;exports.useLaunchParams=m;exports.useMainButton=w;exports.usePopup=g;exports.usePostEvent=M;exports.useQRScanner=C;exports.useSDK=c;exports.useThemeParams=D;exports.useUnit=u;exports.useViewport=P;exports.useWebApp=S;exports.withBackButton=V;exports.withClosingBehaviour=F;exports.withCloudStorage=O;exports.withHapticFeedback=H;exports.withInitData=N;exports.withLaunchParams=L;exports.withMainButton=T;exports.withPopup=q;exports.withQRScanner=Q;exports.withSDK=K;exports.withThemeParams=j;exports.withViewport=U;exports.withWebApp=y;
 //# 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/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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"}
+{"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 { computeLaunchData } from '@tma.js/launch-params';\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(() => computeLaunchData().launchParams, []);\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","computeLaunchData","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,5 +1,6 @@
 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";
+import { computeLaunchData as B } from "@tma.js/launch-params";
+import { init as S } from "@tma.js/sdk";
 const c = w({
   components: null,
   didInit: !1,
@@ -13,16 +14,16 @@ function i(n) {
     throw new Error(`Unable to get unit "${n}" as long as SDK is not initialized.`);
   return r[n];
 }
-function N(n) {
+function O(n) {
   return function(e) {
     const t = { ...e, sdk: l() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
-const W = b((n) => {
+const D = b((n) => {
   const { children: r, initOptions: e } = n, [t, d] = a(!1), [s, m] = a(null), [h, g] = a(null);
   p(() => {
-    d(!0), B(e).then(g).catch(m);
+    d(!0), S(e).then(g).catch(m);
   }, []);
   const C = f(() => ({
     components: h,
@@ -31,23 +32,23 @@ const W = b((n) => {
   }), [t, h, s]);
   return /* @__PURE__ */ o.createElement(c.Provider, { value: C }, r);
 });
-W.displayName = "SDKProvider";
-function D() {
+D.displayName = "SDKProvider";
+function W() {
   const [, n] = a(0);
   return P(() => n((r) => (r + 1) % 1e6), []);
 }
 function u(n, r) {
-  const e = D();
+  const e = W();
   p(() => (r.forEach((t) => n.on(t, e)), () => r.forEach((t) => n.off(t, e))), [n, e, r]);
 }
-function O() {
+function Q() {
   return i("postEvent");
 }
 function k() {
   const n = i("backButton");
   return u(n, ["isVisibleChanged"]), n;
 }
-function Q(n) {
+function y(n) {
   return function(e) {
     const t = { ...e, backButton: k() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -57,7 +58,7 @@ function v() {
   const n = i("closingBehavior");
   return u(n, ["isConfirmationNeededChanged"]), n;
 }
-function y(n) {
+function z(n) {
   return function(e) {
     const t = { ...e, closingBehaviour: v() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -66,16 +67,16 @@ function y(n) {
 function x() {
   return i("haptic");
 }
-function z(n) {
+function $(n) {
   return function(e) {
     const t = { ...e, hapticFeedback: x() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 function I() {
-  return f(S, []);
+  return f(() => B().launchParams, []);
 }
-function $(n) {
+function j(n) {
   return function(e) {
     const t = { ...e, launchParams: I() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -92,7 +93,7 @@ function R() {
     "isVisibleChanged"
   ]), n;
 }
-function j(n) {
+function G(n) {
   return function(e) {
     const t = { ...e, mainButton: R() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -102,7 +103,7 @@ function A() {
   const n = i("popup");
   return u(n, ["isOpenedChanged"]), n;
 }
-function G(n) {
+function J(n) {
   return function(e) {
     const t = { ...e, popup: A() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -112,7 +113,7 @@ function K() {
   const n = i("qrScanner");
   return u(n, ["isOpenedChanged"]), n;
 }
-function J(n) {
+function X(n) {
   return function(e) {
     const t = { ...e, qrScanner: K() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -127,7 +128,7 @@ function V() {
     "widthChanged"
   ]), n;
 }
-function X(n) {
+function Y(n) {
   return function(e) {
     const t = { ...e, viewport: V() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -137,7 +138,7 @@ function F() {
   const n = i("webApp");
   return u(n, ["headerColorChanged", "backgroundColorChanged"]), n;
 }
-function Y(n) {
+function Z(n) {
   return function(e) {
     const t = { ...e, webApp: F() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -146,7 +147,7 @@ function Y(n) {
 function H() {
   return i("cloudStorage");
 }
-function Z(n) {
+function _(n) {
   return function(e) {
     const t = { ...e, cloudStorage: H() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
@@ -158,7 +159,7 @@ function L() {
 function M() {
   return i("initDataRaw") || null;
 }
-function _(n) {
+function nn(n) {
   return function(e) {
     const t = {
       ...e,
@@ -172,14 +173,14 @@ function T() {
   const n = i("themeParams");
   return u(n, ["changed"]), n;
 }
-function nn(n) {
+function tn(n) {
   return function(e) {
     const t = { ...e, themeParams: T() };
     return /* @__PURE__ */ o.createElement(n, { ...t });
   };
 }
 export {
-  W as SDKProvider,
+  D as SDKProvider,
   c as sdkContext,
   k as useBackButton,
   v as useClosingBehaviour,
@@ -190,25 +191,25 @@ export {
   I as useLaunchParams,
   R as useMainButton,
   A as usePopup,
-  O as usePostEvent,
+  Q as usePostEvent,
   K as useQRScanner,
   l as useSDK,
   T as useThemeParams,
   i as useUnit,
   V as useViewport,
   F as useWebApp,
-  Q as withBackButton,
-  y as withClosingBehaviour,
-  Z as withCloudStorage,
-  z as withHapticFeedback,
-  _ as withInitData,
-  $ as withLaunchParams,
-  j as withMainButton,
-  G as withPopup,
-  J as withQRScanner,
-  N as withSDK,
-  nn as withThemeParams,
-  X as withViewport,
-  Y as withWebApp
+  y as withBackButton,
+  z as withClosingBehaviour,
+  _ as withCloudStorage,
+  $ as withHapticFeedback,
+  nn as withInitData,
+  j as withLaunchParams,
+  G as withMainButton,
+  J as withPopup,
+  X as withQRScanner,
+  O as withSDK,
+  tn as withThemeParams,
+  Y as withViewport,
+  Z as withWebApp
 };
 //# sourceMappingURL=index.mjs.map

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/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":";;AAIO,MAAMA,IAAaC,EAA0B;AAAA,EAClD,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AACT,CAAC;AAEDD,EAAW,cAAc;ACFZ,MAAAE,IAAS,MAAMC,EAAWH,CAAU;AAO1C,SAASI,EAAoCC,GAA0B;AACtE,QAAA,EAAE,YAAAC,MAAeJ;AAEvB,MAAII,MAAe;AACjB,UAAM,IAAI,MAAM,uBAAuBD,CAAI,sCAAsC;AAEnF,SAAOC,EAAWD,CAAI;AACxB;ACbO,SAASE,EACdC,GAC+B;AACxB,SAAA,SAA0BC,GAAuB;AACtD,UAAMC,IAAI,EAAE,GAAGD,GAAO,KAAKP,EAAS,EAAA;AAE7B,WAAA,gBAAAS,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACEa,MAAAE,IAAcC,EAAuB,CAACJ,MAAU;AACrD,QAAA,EAAE,UAAAK,GAAU,aAAAC,EAAgB,IAAAN,GAC5B,CAACO,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAyB,IAAI,GACjD,CAACZ,GAAYe,CAAa,IAAIH,EAA+B,IAAI;AAGvE,EAAAI,EAAU,MAAM;AAEd,IAAAL,EAAW,EAAI,GAGfM,EAAKR,CAAW,EACb,KAAKM,CAAa,EAClB,MAAMD,CAAQ;AAAA,EAEnB,GAAG,CAAE,CAAA;AAEC,QAAAI,IAAUC,EAAoB,OAAO;AAAA,IACzC,YAAAnB;AAAA,IACA,SAAAU;AAAA,IACA,OAAAG;AAAA,EACE,IAAA,CAACH,GAASV,GAAYa,CAAK,CAAC;AAEhC,yCAAQnB,EAAW,UAAX,EAAoB,OAAOwB,KAAUV,CAAS;AACxD,CAAC;AAEDF,EAAY,cAAc;AC7BnB,SAASc,IAA+B;AAC7C,QAAM,GAAGC,CAAO,IAAIT,EAAS,CAAC;AAEvB,SAAAU,EAAY,MAAMD,EAAQ,CAACE,OAAUA,IAAO,KAAK,GAAS,GAAG,CAAA,CAAE;AACxE;AASgB,SAAAC,EACdC,GACAC,GACA;AACA,QAAMC,IAAcP;AAEpB,EAAAJ,EAAU,OAERU,EAAO,QAAQ,CAACE,MAAUH,EAAU,GAAGG,GAAOD,CAAW,CAAC,GAGnD,MAAMD,EAAO,QAAQ,CAACE,MAAUH,EAAU,IAAIG,GAAOD,CAAW,CAAC,IACvE,CAACF,GAAWE,GAAaD,CAAM,CAAC;AACrC;AAMO,SAASG,IAA0B;AACxC,SAAO/B,EAAQ,WAAW;AAC5B;AC5CO,SAASgC,IAA4B;AACpC,QAAAC,IAAajC,EAAQ,YAAY;AACrB,SAAA0B,EAAAO,GAAY,CAAC,kBAAkB,CAAC,GAE3CA;AACT;ACHO,SAASC,EACd9B,GACsC;AAC/B,SAAA,SAAwBC,GAA8B;AAC3D,UAAMC,IAAI,EAAE,GAAGD,GAAO,YAAY2B,EAAgB,EAAA;AAE3C,WAAA,gBAAAzB,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAAS6B,IAAwC;AAChD,QAAAC,IAAYpC,EAAQ,iBAAiB;AACzB,SAAA0B,EAAAU,GAAW,CAAC,6BAA6B,CAAC,GAErDA;AACT;ACHO,SAASC,EACdjC,GAC4C;AACrC,SAAA,SAAiCC,GAAoC;AAC1E,UAAMC,IAAI,EAAE,GAAGD,GAAO,kBAAkB8B,EAAsB,EAAA;AAEvD,WAAA,gBAAA5B,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACXO,SAASgC,IAAoC;AAClD,SAAOtC,EAAQ,QAAQ;AACzB;ACCO,SAASuC,EACdnC,GAC0C;AACnC,SAAA,SAA4BC,GAAkC;AACnE,UAAMC,IAAI,EAAE,GAAGD,GAAO,gBAAgBiC,EAAoB,EAAA;AAEnD,WAAA,gBAAA/B,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACTO,SAASkC,IAAgC;AACvC,SAAAnB,EAAQoB,GAAsB,CAAA,CAAE;AACzC;ACDO,SAASC,EACdtC,GACwC;AACjC,SAAA,SAA0BC,GAAgC;AAC/D,UAAMC,IAAI,EAAE,GAAGD,GAAO,cAAcmC,EAAkB,EAAA;AAE/C,WAAA,gBAAAjC,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAASqC,IAA4B;AACpC,QAAAC,IAAa5C,EAAQ,YAAY;AACvC,SAAA0B,EAAkBkB,GAAY;AAAA,IAC5B;AAAA,IAAoB;AAAA,IAA0B;AAAA,IAC9C;AAAA,IAAe;AAAA,IAAoB;AAAA,EAAA,CACpC,GAEMA;AACT;ACNO,SAASC,EACdzC,GACsC;AAC/B,SAAA,SAAwBC,GAA8B;AAC3D,UAAMC,IAAI,EAAE,GAAGD,GAAO,YAAYsC,EAAgB,EAAA;AAE3C,WAAA,gBAAApC,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAASwC,IAAkB;AAC1B,QAAAC,IAAQ/C,EAAQ,OAAO;AACX,SAAA0B,EAAAqB,GAAO,CAAC,iBAAiB,CAAC,GAErCA;AACT;ACHO,SAASC,EACd5C,GACiC;AAC1B,SAAA,SAAmBC,GAAyB;AACjD,UAAMC,IAAI,EAAE,GAAGD,GAAO,OAAOyC,EAAW,EAAA;AAEjC,WAAA,gBAAAvC,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAAS2C,IAA0B;AAClC,QAAAC,IAAYlD,EAAQ,WAAW;AACnB,SAAA0B,EAAAwB,GAAW,CAAC,iBAAiB,CAAC,GAEzCA;AACT;ACHO,SAASC,EACd/C,GACqC;AAC9B,SAAA,SAAuBC,GAA6B;AACzD,UAAMC,IAAI,EAAE,GAAGD,GAAO,WAAW4C,EAAe,EAAA;AAEzC,WAAA,gBAAA1C,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAAS8C,IAAwB;AAChC,QAAAC,IAAWrD,EAAQ,UAAU;AACnC,SAAA0B,EAAkB2B,GAAU;AAAA,IAC1B;AAAA,IAAuB;AAAA,IAAqB;AAAA,IAAiB;AAAA,EAAA,CAC9D,GAEMA;AACT;ACLO,SAASC,EACdlD,GACoC;AAC7B,SAAA,SAAsBC,GAA4B;AACvD,UAAMC,IAAI,EAAE,GAAGD,GAAO,UAAU+C,EAAc,EAAA;AAEvC,WAAA,gBAAA7C,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACVO,SAASiD,IAAoB;AAC5B,QAAAC,IAASxD,EAAQ,QAAQ;AAC/B,SAAA0B,EAAkB8B,GAAQ,CAAC,sBAAsB,wBAAwB,CAAC,GAEnEA;AACT;ACHO,SAASC,EACdrD,GACkC;AAC3B,SAAA,SAAoBC,GAA0B;AACnD,UAAMC,IAAI,EAAE,GAAGD,GAAO,QAAQkD,EAAY,EAAA;AAEnC,WAAA,gBAAAhD,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACRO,SAASoD,IAAgC;AAC9C,SAAO1D,EAAQ,cAAc;AAC/B;AAMO,SAAS2D,EACdvD,GACwC;AACjC,SAAA,SAA0BC,GAAgC;AAC/D,UAAMC,IAAI,EAAE,GAAGD,GAAO,cAAcqD,EAAkB,EAAA;AAE/C,WAAA,gBAAAnD,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;ACZO,SAASsD,IAA+B;AACtC,SAAA5D,EAAQ,UAAU,KAAK;AAChC;AAKO,SAAS6D,IAAgC;AACvC,SAAA7D,EAAQ,aAAa,KAAK;AACnC;AAMO,SAAS8D,EACd1D,GAC6C;AACtC,SAAA,SAAsBC,GAAO;AAClC,UAAM0D,IAAgB;AAAA,MACpB,GAAG1D;AAAA,MACH,UAAUuD,EAAY;AAAA,MACtB,aAAaC,EAAe;AAAA,IAAA;AAGvB,WAAA,gBAAAtD,EAAA,cAACH,GAAW,EAAA,GAAG2D,EAAe,CAAA;AAAA,EAAA;AAEzC;AC/BO,SAASC,IAA8B;AACtC,QAAAC,IAAQjE,EAAQ,aAAa;AACjB,SAAA0B,EAAAuC,GAAO,CAAC,SAAS,CAAC,GAE7BA;AACT;AAMO,SAASC,GACd9D,GACuC;AAChC,SAAA,SAAyBC,GAA+B;AAC7D,UAAMC,IAAI,EAAE,GAAGD,GAAO,aAAa2D,EAAiB,EAAA;AAE7C,WAAA,gBAAAzD,EAAA,cAACH,GAAW,EAAA,GAAGE,EAAG,CAAA;AAAA,EAAA;AAE7B;"}
+{"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 { computeLaunchData } from '@tma.js/launch-params';\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(() => computeLaunchData().launchParams, []);\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","computeLaunchData","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.5.0",
+  "version": "0.5.1",
   "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",
@@ -46,10 +46,10 @@
     }
   },
   "dependencies": {
-    "@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.9"
+    "@tma.js/launch-params": "0.0.7",
+    "@tma.js/theme-params": "0.1.0",
+    "@tma.js/bridge": "1.3.12",
+    "@tma.js/sdk": "0.13.0"
   },
   "devDependencies": {
     "tsconfig": "0.0.2",

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { retrieveLaunchParams } from '@tma.js/sdk';
+import { computeLaunchData } from '@tma.js/launch-params';
 
 import type { LaunchParams } from './types.js';
 
@@ -7,5 +7,5 @@ import type { LaunchParams } from './types.js';
  * The hook which returns launch parameters initially passed to Mini App.
  */
 export function useLaunchParams(): LaunchParams {
-  return useMemo(retrieveLaunchParams, []);
+  return useMemo(() => computeLaunchData().launchParams, []);
 }