@tma.js/sdk-react 0.4.11 → 0.4.12

package/src/lib/closing-behavior/withClosingBehaviour.tsx

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

package/src/lib/cloud-storage.tsx

@@ -1,28 +1,28 @@
-import React, { type ComponentType } from 'react';
-
-import type { CloudStorage } from '@tma.js/sdk';
-
-import { useUnit } from '../provider/index.js';
-
-/**
- * Returns CloudStorage component instance.
- */
-export function useCloudStorage(): CloudStorage {
-  return useUnit('cloudStorage');
-}
-
-/**
- * HOC which passes CloudStorage SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'cloudStorage'>> {
-  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {
-    const p = { ...props, cloudStorage: useCloudStorage() } as P;
-
-    return <Component {...p} />;
-  };
-}
-
-export type { CloudStorage };
+import React, { type ComponentType } from 'react';
+
+import type { CloudStorage } from '@tma.js/sdk';
+
+import { useUnit } from '../provider/index.js';
+
+/**
+ * Returns CloudStorage component instance.
+ */
+export function useCloudStorage(): CloudStorage {
+  return useUnit('cloudStorage');
+}
+
+/**
+ * HOC which passes CloudStorage SDK component to wrapped React component.
+ * @param Component - component to wrap.
+ */
+export function withCloudStorage<P extends { cloudStorage?: CloudStorage }>(
+  Component: ComponentType<P>,
+): ComponentType<Omit<P, 'cloudStorage'>> {
+  return function WithCloudStorage(props: Omit<P, 'cloudStorage'>) {
+    const p = { ...props, cloudStorage: useCloudStorage() } as P;
+
+    return <Component {...p} />;
+  };
+}
+
+export type { CloudStorage };

package/src/lib/haptic-feedback/index.ts

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './useHapticFeedback.js';
-export * from './withHapticFeedback.js';
+export * from './types.js';
+export * from './useHapticFeedback.js';
+export * from './withHapticFeedback.js';

package/src/lib/haptic-feedback/types.ts

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

package/src/lib/haptic-feedback/useHapticFeedback.ts

@@ -1,9 +1,9 @@
-import { useUnit } from '../../provider/index.js';
-import type { HapticFeedback } from './types.js';
-
-/**
- * Returns HapticFeedback component instance.
- */
-export function useHapticFeedback(): HapticFeedback {
-  return useUnit('haptic');
-}
+import { useUnit } from '../../provider/index.js';
+import type { HapticFeedback } from './types.js';
+
+/**
+ * Returns HapticFeedback component instance.
+ */
+export function useHapticFeedback(): HapticFeedback {
+  return useUnit('haptic');
+}

package/src/lib/haptic-feedback/withHapticFeedback.tsx

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

package/src/lib/hooks.ts

@@ -1,52 +1,52 @@
-import { useCallback, useState, useEffect } from 'react';
-import type { PostEvent } from '@tma.js/sdk';
-
-import { useUnit } from '../provider/index.js';
-
-interface Trackable {
-  on: (event: any, ...args: any[]) => void;
-  off: (event: any, ...args: any[]) => void;
-}
-
-type EventName<T extends Trackable> = T extends {
-  on(event: infer E, ...args: any[]): any
-} ? E : never;
-
-/**
- * The hook which returns function used for force update.
- */
-export function useForceUpdate(): (() => void) {
-  const [, setHash] = useState(0);
-  // TODO: Maybe just assign new symbol?
-  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);
-}
-
-/**
- * The hook which listens to the specified object events and calls force update
- * in case, some of them was emitted.
- * @param trackable - object which allows events listening.
- * @param events - events to listen. This array will be memoized during first
- * hook call.
- */
-export function useEventsTracking<T extends Trackable>(
-  trackable: T,
-  events: EventName<T>[],
-) {
-  const forceUpdate = useForceUpdate();
-
-  useEffect(() => {
-    // Start listening to each event.
-    events.forEach((event) => trackable.on(event, forceUpdate));
-
-    // On cleanup remove event listeners.
-    return () => events.forEach((event) => trackable.off(event, forceUpdate));
-  }, [trackable, forceUpdate, events]);
-}
-
-/**
- * Returns event posting function which was created during SDK
- * initialization.
- */
-export function usePostEvent(): PostEvent {
-  return useUnit('postEvent');
-}
+import { useCallback, useState, useEffect } from 'react';
+import type { PostEvent } from '@tma.js/sdk';
+
+import { useUnit } from '../provider/index.js';
+
+interface Trackable {
+  on: (event: any, ...args: any[]) => void;
+  off: (event: any, ...args: any[]) => void;
+}
+
+type EventName<T extends Trackable> = T extends {
+  on(event: infer E, ...args: any[]): any
+} ? E : never;
+
+/**
+ * The hook which returns function used for force update.
+ */
+export function useForceUpdate(): (() => void) {
+  const [, setHash] = useState(0);
+  // TODO: Maybe just assign new symbol?
+  return useCallback(() => setHash((hash) => (hash + 1) % 1_000_000), []);
+}
+
+/**
+ * The hook which listens to the specified object events and calls force update
+ * in case, some of them was emitted.
+ * @param trackable - object which allows events listening.
+ * @param events - events to listen. This array will be memoized during first
+ * hook call.
+ */
+export function useEventsTracking<T extends Trackable>(
+  trackable: T,
+  events: EventName<T>[],
+) {
+  const forceUpdate = useForceUpdate();
+
+  useEffect(() => {
+    // Start listening to each event.
+    events.forEach((event) => trackable.on(event, forceUpdate));
+
+    // On cleanup remove event listeners.
+    return () => events.forEach((event) => trackable.off(event, forceUpdate));
+  }, [trackable, forceUpdate, events]);
+}
+
+/**
+ * Returns event posting function which was created during SDK
+ * initialization.
+ */
+export function usePostEvent(): PostEvent {
+  return useUnit('postEvent');
+}

package/src/lib/index.ts

@@ -1,13 +1,13 @@
-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';
-export * from './qr-scanner/index.js';
-export * from './viewport/index.js';
-export * from './web-app/index.js';
-export * from './cloud-storage.js';
-export { usePostEvent } from './hooks.js';
-export * from './theme-params.js';
+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';
+export * from './qr-scanner/index.js';
+export * from './viewport/index.js';
+export * from './web-app/index.js';
+export * from './cloud-storage.js';
+export { usePostEvent } from './hooks.js';
+export * from './theme-params.js';

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

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

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

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

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

@@ -1,9 +1,9 @@
-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;
-}
+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 +1,18 @@
-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} />;
-  };
-}
+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} />;
+  };
+}

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

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './useLaunchParams.js';
-export * from './withLaunchParams.js';
+export * from './types.js';
+export * from './useLaunchParams.js';
+export * from './withLaunchParams.js';

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

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

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

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

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

@@ -1,18 +1,18 @@
-import React, { type ComponentType } from 'react';
-
-import { useLaunchParams } from './useLaunchParams.js';
-import type { LaunchParams } from './types.js';
-
-/**
- * HOC which passes launch parameters to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withLaunchParams<P extends { launchParams?: LaunchParams }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'launchParams'>> {
-  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {
-    const p = { ...props, launchParams: useLaunchParams() } as P;
-
-    return <Component {...p} />;
-  };
-}
+import React, { type ComponentType } from 'react';
+
+import { useLaunchParams } from './useLaunchParams.js';
+import type { LaunchParams } from './types.js';
+
+/**
+ * HOC which passes launch parameters to wrapped React component.
+ * @param Component - component to wrap.
+ */
+export function withLaunchParams<P extends { launchParams?: LaunchParams }>(
+  Component: ComponentType<P>,
+): ComponentType<Omit<P, 'launchParams'>> {
+  return function WithLaunchParams(props: Omit<P, 'launchParams'>) {
+    const p = { ...props, launchParams: useLaunchParams() } as P;
+
+    return <Component {...p} />;
+  };
+}

package/src/lib/main-button/index.ts

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './useMainButton.js';
-export * from './withMainButton.js';
+export * from './types.js';
+export * from './useMainButton.js';
+export * from './withMainButton.js';

package/src/lib/main-button/types.ts

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

package/src/lib/main-button/useMainButton.ts

@@ -1,16 +1,16 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { MainButton } from './types.js';
-
-/**
- * Returns MainButton component instance.
- */
-export function useMainButton(): MainButton {
-  const mainButton = useUnit('mainButton');
-  useEventsTracking(mainButton, [
-    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',
-    'textChanged', 'textColorChanged', 'isVisibleChanged',
-  ]);
-
-  return mainButton;
-}
+import { useUnit } from '../../provider/index.js';
+import { useEventsTracking } from '../hooks.js';
+import type { MainButton } from './types.js';
+
+/**
+ * Returns MainButton component instance.
+ */
+export function useMainButton(): MainButton {
+  const mainButton = useUnit('mainButton');
+  useEventsTracking(mainButton, [
+    'isEnabledChanged', 'backgroundColorChanged', 'isProgressVisibleChanged',
+    'textChanged', 'textColorChanged', 'isVisibleChanged',
+  ]);
+
+  return mainButton;
+}

package/src/lib/main-button/withMainButton.tsx

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

package/src/lib/popup/index.ts

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './usePopup.js';
-export * from './withPopup.js';
+export * from './types.js';
+export * from './usePopup.js';
+export * from './withPopup.js';

package/src/lib/popup/types.ts

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

package/src/lib/popup/usePopup.ts

@@ -1,13 +1,13 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { Popup } from './types.js';
-
-/**
- * Returns Popup component instance.
- */
-export function usePopup(): Popup {
-  const popup = useUnit('popup');
-  useEventsTracking(popup, ['isOpenedChanged']);
-
-  return popup;
-}
+import { useUnit } from '../../provider/index.js';
+import { useEventsTracking } from '../hooks.js';
+import type { Popup } from './types.js';
+
+/**
+ * Returns Popup component instance.
+ */
+export function usePopup(): Popup {
+  const popup = useUnit('popup');
+  useEventsTracking(popup, ['isOpenedChanged']);
+
+  return popup;
+}

package/src/lib/popup/withPopup.tsx

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

package/src/lib/qr-scanner/index.ts

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './useQRScanner.js';
-export * from './withQRScanner.js';
+export * from './types.js';
+export * from './useQRScanner.js';
+export * from './withQRScanner.js';

package/src/lib/qr-scanner/types.ts

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

package/src/lib/qr-scanner/useQRScanner.ts

@@ -1,13 +1,13 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { QRScanner } from './types.js';
-
-/**
- * Returns QRScanner component instance.
- */
-export function useQRScanner(): QRScanner {
-  const qrScanner = useUnit('qrScanner');
-  useEventsTracking(qrScanner, ['isOpenedChanged']);
-
-  return qrScanner;
-}
+import { useUnit } from '../../provider/index.js';
+import { useEventsTracking } from '../hooks.js';
+import type { QRScanner } from './types.js';
+
+/**
+ * Returns QRScanner component instance.
+ */
+export function useQRScanner(): QRScanner {
+  const qrScanner = useUnit('qrScanner');
+  useEventsTracking(qrScanner, ['isOpenedChanged']);
+
+  return qrScanner;
+}