@tma.js/sdk-react 0.5.4 → 1.0.0

package/dist/index.mjs

@@ -1,215 +1,128 @@
-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 { computeLaunchData as B } from "@tma.js/launch-params";
-import { init as S } from "@tma.js/sdk";
-const c = w({
-  components: null,
-  didInit: !1,
-  error: null
-});
-c.displayName = "SDKContext";
-const l = () => E(c);
-function i(n) {
-  const { components: r } = l();
-  if (r === null)
-    throw new Error(`Unable to get unit "${n}" as long as SDK is not initialized.`);
-  return r[n];
-}
-function O(n) {
-  return function(e) {
-    const t = { ...e, sdk: l() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
+import a, { createContext as S, useState as s, useEffect as w, useMemo as m, useContext as B } from "react";
+import { init as v, retrieveLaunchData as C } from "@tma.js/sdk";
+function n(t, e) {
+  return (i) => {
+    function r(c) {
+      const l = {
+        ...c,
+        [t]: e()
+      };
+      return /* @__PURE__ */ a.createElement(i, { ...l });
+    }
+    return Object.defineProperty(r, "name", {
+      value: `With${t[0].toUpperCase()}${t.slice(1)}`
+    }), r;
   };
 }
-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), S(e).then(g).catch(m);
-  }, []);
-  const C = f(() => ({
-    components: h,
-    didInit: t,
-    error: s
-  }), [t, h, s]);
-  return /* @__PURE__ */ o.createElement(c.Provider, { value: C }, r);
+const u = S({
+  loading: !1
 });
-D.displayName = "SDKProvider";
-function W() {
-  const [, n] = a(0);
-  return P(() => n((r) => (r + 1) % 1e6), []);
-}
-function u(n, r) {
-  const e = W();
-  p(() => (r.forEach((t) => n.on(t, e)), () => r.forEach((t) => n.off(t, e))), [n, e, r]);
-}
-function Q() {
-  return i("postEvent");
-}
-function k() {
-  const n = i("backButton");
-  return u(n, ["isVisibleChanged"]), n;
-}
-function y(n) {
-  return function(e) {
-    const t = { ...e, backButton: k() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function v() {
-  const n = i("closingBehavior");
-  return u(n, ["isConfirmationNeededChanged"]), n;
-}
-function z(n) {
-  return function(e) {
-    const t = { ...e, closingBehaviour: v() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function x() {
-  return i("haptic");
-}
-function $(n) {
-  return function(e) {
-    const t = { ...e, hapticFeedback: x() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function I() {
-  return f(() => B().launchParams, []);
-}
-function j(n) {
-  return function(e) {
-    const t = { ...e, launchParams: I() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function R() {
-  const n = i("mainButton");
-  return u(n, [
-    "isEnabledChanged",
-    "backgroundColorChanged",
-    "isProgressVisibleChanged",
-    "textChanged",
-    "textColorChanged",
-    "isVisibleChanged"
-  ]), n;
-}
-function G(n) {
-  return function(e) {
-    const t = { ...e, mainButton: R() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function A() {
-  const n = i("popup");
-  return u(n, ["isOpenedChanged"]), n;
-}
-function J(n) {
-  return function(e) {
-    const t = { ...e, popup: A() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function K() {
-  const n = i("qrScanner");
-  return u(n, ["isOpenedChanged"]), n;
-}
-function X(n) {
-  return function(e) {
-    const t = { ...e, qrScanner: K() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function V() {
-  const n = i("viewport");
-  return u(n, [
-    "stableHeightChanged",
-    "isExpandedChanged",
-    "heightChanged",
-    "widthChanged"
-  ]), n;
-}
-function Y(n) {
-  return function(e) {
-    const t = { ...e, viewport: V() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function F() {
-  const n = i("webApp");
-  return u(n, ["headerColorChanged", "backgroundColorChanged"]), n;
-}
-function Z(n) {
-  return function(e) {
-    const t = { ...e, webApp: F() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function H() {
-  return i("cloudStorage");
-}
-function _(n) {
-  return function(e) {
-    const t = { ...e, cloudStorage: H() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
-  };
-}
-function L() {
-  return i("initData") || null;
-}
-function M() {
-  return i("initDataRaw") || null;
-}
-function nn(n) {
-  return function(e) {
-    const t = {
-      ...e,
-      initData: L(),
-      initDataRaw: M()
+u.displayName = "SDKContext";
+function E({ options: t, children: e }) {
+  const [i, r] = s(!1), [c, l] = s(), [p, D] = s();
+  w(() => {
+    r(!0), v({ ...t, async: !0 }).then(D).catch(l).finally(() => r(!1));
+  }, []);
+  const g = m(() => {
+    const h = { loading: i };
+    return c && (h.error = c), p && (h.initResult = p), h;
+  }, [i, p, c]);
+  return /* @__PURE__ */ a.createElement(u.Provider, { value: g }, e);
+}
+function y({ options: t = {}, children: e }) {
+  const i = m(() => {
+    const r = { loading: !1 };
+    try {
+      r.initResult = v({ ...t, async: !1 });
+    } catch (c) {
+      r.error = c;
+    }
+    return r;
+  }, []);
+  return /* @__PURE__ */ a.createElement(u.Provider, { value: i }, e);
+}
+function T(t) {
+  var e;
+  return (e = t.options) != null && e.async ? /* @__PURE__ */ a.createElement(E, { ...t }) : /* @__PURE__ */ a.createElement(y, { ...t });
+}
+function d() {
+  return B(u);
+}
+function P(t) {
+  const { initResult: e } = d();
+  if (!e)
+    throw new Error(`Unable to get init result key "${t}" as long as SDK is not initialized`);
+  return e[t];
+}
+function f(t) {
+  return Object.create(
+    Object.getPrototypeOf(t),
+    Object.getOwnPropertyDescriptors(t)
+  );
+}
+function b(t) {
+  const e = P(t), [i, r] = s(f(e));
+  return w(() => e.on("change", () => {
+    r(f(e));
+  }), [e]), i;
+}
+function z(t) {
+  return function(i) {
+    const r = {
+      ...i,
+      sdk: d()
     };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
+    return /* @__PURE__ */ a.createElement(t, { ...r });
   };
 }
-function T() {
-  const n = i("themeParams");
-  return u(n, ["changed"]), n;
+function o(t, e) {
+  return e ? () => b(t) : () => P(t);
+}
+const R = o("backButton", !0), N = n("backButton", R), k = o("closingBehavior", !0), G = n("closingBehavior", k), x = o("cloudStorage"), J = n("cloudStorage", x), I = o("hapticFeedback"), X = n("hapticFeedback", I), O = o("initData"), Y = n("initData", O), A = o("initDataRaw"), Z = n("initDataRaw", A), M = o("invoice", !0), _ = n("invoice", M);
+function j() {
+  return m(() => C().launchParams, []);
 }
-function tn(n) {
-  return function(e) {
-    const t = { ...e, themeParams: T() };
-    return /* @__PURE__ */ o.createElement(n, { ...t });
+function tt(t) {
+  return function(i) {
+    return /* @__PURE__ */ a.createElement(t, { ...i, launchParams: j() });
   };
 }
+const F = o("mainButton", !0), et = n("mainButton", F), H = o("miniApp", !0), nt = n("miniApp", H), K = o("popup", !0), ot = n("popup", K), L = o("postEvent"), rt = n("postEvent", L), U = o("qrScanner", !0), it = n("qrScanner", U), V = o("themeParams", !0), ct = n("themeParams", V), W = o("utils"), at = n("utils", W), $ = o("viewport", !0), st = n("viewport", $);
 export {
-  D as SDKProvider,
-  c as sdkContext,
-  k as useBackButton,
-  v as useClosingBehaviour,
-  H as useCloudStorage,
-  x as useHapticFeedback,
-  L as useInitData,
-  M as useInitDataRaw,
-  I as useLaunchParams,
-  R as useMainButton,
-  A as usePopup,
-  Q as usePostEvent,
-  K as useQRScanner,
-  l as useSDK,
-  T as useThemeParams,
-  i as useUnit,
-  V as useViewport,
-  F as useWebApp,
-  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
+  T as SDKProvider,
+  R as useBackButton,
+  k as useClosingBehavior,
+  x as useCloudStorage,
+  I as useHapticFeedback,
+  O as useInitData,
+  A as useInitDataRaw,
+  M as useInvoice,
+  j as useLaunchParams,
+  F as useMainButton,
+  H as useMiniApp,
+  K as usePopup,
+  L as usePostEvent,
+  U as useQRScanner,
+  d as useSDKContext,
+  V as useThemeParams,
+  W as useUtils,
+  $ as useViewport,
+  N as withBackButton,
+  G as withClosingBehavior,
+  J as withCloudStorage,
+  X as withHapticFeedback,
+  Y as withInitData,
+  Z as withInitDataRaw,
+  _ as withInvoice,
+  tt as withLaunchParams,
+  et as withMainButton,
+  nt as withMiniApp,
+  ot as withPopup,
+  rt as withPostEvent,
+  it as withQRScanner,
+  z as withSDKContext,
+  ct as withThemeParams,
+  at as withUtils,
+  st as withViewport
 };
 //# 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 { 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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"}
+{"version":3,"file":"index.mjs","sources":["../src/createHoc.tsx","../src/provider/SDKContext.ts","../src/provider/SDKProvider.tsx","../src/provider/useSDKContext.ts","../src/provider/useInitResultValue.ts","../src/provider/useInitResultDynamicValue.ts","../src/provider/withSDKContext.tsx","../src/createHook.ts","../src/tools/back-button.ts","../src/tools/closing-behavior.ts","../src/tools/cloud-storage.ts","../src/tools/haptic-feedback.ts","../src/tools/init-data.ts","../src/tools/init-data-raw.ts","../src/tools/invoice.ts","../src/tools/launch-params.tsx","../src/tools/main-button.ts","../src/tools/mini-app.ts","../src/tools/popup.ts","../src/tools/post-event.ts","../src/tools/qr-scanner.ts","../src/tools/theme-params.ts","../src/tools/utils.ts","../src/tools/viewport.ts"],"sourcesContent":["import React, { type ComponentType } from 'react';\n\nimport type { Hook } from './createHook.js';\nimport type { InitResultKey, InitResultValue } from './types.js';\n\nexport type Hoc<K extends InitResultKey> = <P extends { [Key in K]?: InitResultValue<K> }>(\n  Component: ComponentType<P>,\n) => ComponentType<P>;\n\n/**\n * Creates HOC for static init result value.\n * @param initResultKey - init result key.\n * @param hook - hook which returns init result value.\n */\nexport function createHoc<K extends InitResultKey>(initResultKey: K, hook: Hook<K>): Hoc<K> {\n  return (Component: ComponentType<any>) => {\n    function Wrapper(props: Record<string, unknown>) {\n      const wrappedProps = {\n        ...props,\n        [initResultKey]: hook(),\n      };\n\n      return <Component {...wrappedProps} />;\n    }\n\n    Object.defineProperty(Wrapper, 'name', {\n      value: `With${initResultKey[0].toUpperCase()}${initResultKey.slice(1)}`,\n    });\n\n    return Wrapper;\n  };\n}\n","import { createContext } from 'react';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>({\n  loading: false,\n});\n\nSDKContext.displayName = 'SDKContext';\n","import { init } from '@tma.js/sdk';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType, SDKProviderProps } from './types.js';\nimport type { InitResult } from '../types.js';\n\nfunction AsyncProvider({ options, children }: SDKProviderProps) {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown | undefined>();\n  const [initResult, setInitResult] = useState<InitResult | undefined>();\n\n  useEffect(() => {\n    setLoading(true);\n\n    init({ ...options, async: true })\n      .then(setInitResult)\n      .catch(setError)\n      .finally(() => setLoading(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading };\n    if (error) {\n      result.error = error;\n    }\n\n    if (initResult) {\n      result.initResult = initResult;\n    }\n\n    return result;\n  }, [loading, initResult, error]);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\nfunction SyncProvider({ options = {}, children }: SDKProviderProps) {\n  const context = useMemo<SDKContextType>(() => {\n    const result: SDKContextType = { loading: false };\n\n    try {\n      result.initResult = init({ ...options, async: false });\n    } catch (e) {\n      result.error = e;\n    }\n\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <SDKContext.Provider value={context}>{children}</SDKContext.Provider>;\n}\n\n/**\n * Component which provides access to SDK initialization state.\n */\nexport function SDKProvider(props: SDKProviderProps) {\n  // eslint-disable-next-line react/destructuring-assignment\n  return props.options?.async\n    ? <AsyncProvider {...props} />\n    : <SyncProvider {...props} />;\n}\n","import { useContext } from 'react';\n\nimport { SDKContext } from './SDKContext.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Returns current SDK information.\n */\nexport function useSDKContext(): SDKContextType {\n  return useContext(SDKContext);\n}\n","import { useSDKContext } from './useSDKContext.js';\nimport type { InitResultKey, InitResultValue } from '../types.js';\n\n/**\n * Returns value by its field name from SDK init result.\n * @param key - init result key.\n * @throws {Error} SDK is not initialized.\n */\nexport function useInitResultValue<K extends InitResultKey>(key: K): InitResultValue<K> {\n  const { initResult } = useSDKContext();\n\n  if (!initResult) {\n    throw new Error(`Unable to get init result key \"${key}\" as long as SDK is not initialized`);\n  }\n  return initResult[key];\n}\n","import { useEffect, useState } from 'react';\n\nimport { useInitResultValue } from './useInitResultValue.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultValue,\n  Trackable,\n} from '../types.js';\n\nfunction shallowCopy<T>(value: T): T {\n  return Object.create(\n    Object.getPrototypeOf(value),\n    Object.getOwnPropertyDescriptors(value),\n  );\n}\n\nexport function useInitResultDynamicValue<K extends DynamicInitResultKey>(\n  initResultKey: K,\n): InitResultValue<K> {\n  // Extract init result value.\n  const initial = useInitResultValue(initResultKey);\n\n  // Create value which will be returned to the external environment.\n  const [copy, setCopy] = useState(shallowCopy(initial));\n\n  // Effect which listens to change event and calls update.\n  useEffect(() => {\n    return (initial as Trackable).on('change', () => {\n      setCopy(shallowCopy(initial));\n    });\n  }, [initial]);\n\n  return copy;\n}\n","import React, { type ComponentType } from 'react';\n\nimport type { SDKContextType } from './types.js';\nimport { useSDKContext } from './useSDKContext.js';\n\n/**\n * HOC which passes SDK context to wrapped React component.\n * @param Component - component to wrap.\n */\nexport function withSDKContext<P extends { sdk?: SDKContextType }>(\n  Component: ComponentType<P>,\n): ComponentType<Omit<P, 'sdk'>> {\n  return function WithSDKContext(props: Omit<P, 'sdk'>) {\n    const p = {\n      ...props,\n      sdk: useSDKContext(),\n    } as P;\n\n    return <Component {...p} />;\n  };\n}\n","import { useInitResultDynamicValue, useInitResultValue } from './provider/index.js';\nimport type {\n  DynamicInitResultKey,\n  InitResultKey,\n  InitResultValue,\n  StaticInitResultKey,\n} from './types.js';\n\nexport type Hook<K extends InitResultKey> = () => InitResultValue<K>;\n\n/**\n * Creates hook to retrieve static init result value.\n * @param initResultKey - init result key.\n */\nexport function createHook<K extends StaticInitResultKey>(initResultKey: K): Hook<K>;\n\n/**\n * Creates hook to retrieve dynamic init result value.\n * @param initResultKey - init result key.\n * @param dynamic - flag to let function know this init result value is dynamic.\n */\nexport function createHook<K extends DynamicInitResultKey>(\n  initResultKey: K,\n  dynamic: true,\n): Hook<K>;\n\nexport function createHook(initResultKey: InitResultKey, dynamic?: true): Hook<any> {\n  return dynamic\n    ? () => useInitResultDynamicValue(initResultKey as DynamicInitResultKey)\n    : () => useInitResultValue(initResultKey);\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve BackButton component.\n */\nexport const useBackButton = createHook('backButton', true);\n\n/**\n * HOC to wrap specified component to pass BackButton instance.\n */\nexport const withBackButton = createHoc('backButton', useBackButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ClosingBehavior component.\n */\nexport const useClosingBehavior = createHook('closingBehavior', true);\n\n/**\n * HOC to wrap specified component to pass ClosingBehavior instance.\n */\nexport const withClosingBehavior = createHoc('closingBehavior', useClosingBehavior);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve CloudStorage component.\n */\nexport const useCloudStorage = createHook('cloudStorage');\n\n/**\n * HOC to wrap specified component to pass CloudStorage instance.\n */\nexport const withCloudStorage = createHoc('cloudStorage', useCloudStorage);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve HapticFeedback component.\n */\nexport const useHapticFeedback = createHook('hapticFeedback');\n\n/**\n * HOC to wrap specified component to pass HapticFeedback instance.\n */\nexport const withHapticFeedback = createHoc('hapticFeedback', useHapticFeedback);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve InitData component.\n */\nexport const useInitData = createHook('initData');\n\n/**\n * HOC to wrap specified component to pass InitData instance.\n */\nexport const withInitData = createHoc('initData', useInitData);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve init data raw representation.\n */\nexport const useInitDataRaw = createHook('initDataRaw');\n\n/**\n * HOC to wrap specified component to pass init data raw representation.\n */\nexport const withInitDataRaw = createHoc('initDataRaw', useInitDataRaw);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Invoice component.\n */\nexport const useInvoice = createHook('invoice', true);\n\n/**\n * HOC to wrap specified component to pass Invoice instance.\n */\nexport const withInvoice = createHoc('invoice', useInvoice);\n","import { type LaunchParams, retrieveLaunchData } from '@tma.js/sdk';\nimport React, { type ComponentType, useMemo } from 'react';\n\n/**\n * Hooks to retrieve launch parameters.\n */\nexport function useLaunchParams(): LaunchParams {\n  return useMemo(() => retrieveLaunchData().launchParams, []);\n}\n\n/**\n * HOC to wrap specified component to pass launch parameters.\n * @param Component - wrapped component.\n */\nexport function withLaunchParams<P extends { launchParams?: LaunchParams }>(\n  Component: ComponentType<P>,\n) {\n  return function WithInvoice(props: P) {\n    return <Component {...props} launchParams={useLaunchParams()} />;\n  };\n}\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MainButton component.\n */\nexport const useMainButton = createHook('mainButton', true);\n\n/**\n * HOC to wrap specified component to pass MainButton instance.\n */\nexport const withMainButton = createHoc('mainButton', useMainButton);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve MiniApp component.\n */\nexport const useMiniApp = createHook('miniApp', true);\n\n/**\n * HOC to wrap specified component to pass MiniApp instance.\n */\nexport const withMiniApp = createHoc('miniApp', useMiniApp);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Popup component.\n */\nexport const usePopup = createHook('popup', true);\n\n/**\n * HOC to wrap specified component to pass Popup instance.\n */\nexport const withPopup = createHoc('popup', usePopup);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve postEvent function.\n */\nexport const usePostEvent = createHook('postEvent');\n\n/**\n * HOC to wrap specified component to pass postEvent function.\n */\nexport const withPostEvent = createHoc('postEvent', usePostEvent);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve QRScanner component.\n */\nexport const useQRScanner = createHook('qrScanner', true);\n\n/**\n * HOC to wrap specified component to pass QRScanner instance.\n */\nexport const withQRScanner = createHoc('qrScanner', useQRScanner);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve ThemeParams component.\n */\nexport const useThemeParams = createHook('themeParams', true);\n\n/**\n * HOC to wrap specified component to pass ThemeParams instance.\n */\nexport const withThemeParams = createHoc('themeParams', useThemeParams);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Utils component.\n */\nexport const useUtils = createHook('utils');\n\n/**\n * HOC to wrap specified component to pass Utils instance.\n */\nexport const withUtils = createHoc('utils', useUtils);\n","import { createHoc } from '../createHoc.js';\nimport { createHook } from '../createHook.js';\n\n/**\n * Hook to retrieve Viewport component.\n */\nexport const useViewport = createHook('viewport', true);\n\n/**\n * HOC to wrap specified component to pass Viewport instance.\n */\nexport const withViewport = createHoc('viewport', useViewport);\n"],"names":["createHoc","initResultKey","hook","Component","Wrapper","props","wrappedProps","React","SDKContext","createContext","AsyncProvider","options","children","loading","setLoading","useState","error","setError","initResult","setInitResult","useEffect","init","context","useMemo","result","SyncProvider","e","SDKProvider","_a","useSDKContext","useContext","useInitResultValue","key","shallowCopy","value","useInitResultDynamicValue","initial","copy","setCopy","withSDKContext","p","createHook","dynamic","useBackButton","withBackButton","useClosingBehavior","withClosingBehavior","useCloudStorage","withCloudStorage","useHapticFeedback","withHapticFeedback","useInitData","withInitData","useInitDataRaw","withInitDataRaw","useInvoice","withInvoice","useLaunchParams","retrieveLaunchData","withLaunchParams","useMainButton","withMainButton","useMiniApp","withMiniApp","usePopup","withPopup","usePostEvent","withPostEvent","useQRScanner","withQRScanner","useThemeParams","withThemeParams","useUtils","withUtils","useViewport","withViewport"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-react",
-  "version": "0.5.4",
+  "version": "1.0.0",
   "description": "React bindings for Mini Apps client SDK. Contains hooks, components and other useful tools which allow usage of React along with Mini Apps client SDK.",
   "author": "Vladislav Kibenko <wolfram.deus@gmail.com>",
   "homepage": "https://github.com/Telegram-Mini-Apps/tma.js#readme",
@@ -46,22 +46,20 @@
     }
   },
   "dependencies": {
-    "@tma.js/launch-params": "1.0.1",
-    "@tma.js/theme-params": "1.0.0",
-    "@tma.js/bridge": "1.4.1",
-    "@tma.js/sdk": "0.13.3"
+    "@tma.js/sdk": "1.0.0"
   },
   "devDependencies": {
-    "tsconfig": "0.0.2",
+    "build-utils": "0.0.1",
     "eslint-config-custom": "0.1.0",
-    "build-utils": "0.0.1"
+    "tsconfig": "0.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "lint": "eslint -c .eslintrc.cjs src/**/*",
-    "typecheck": "tsc --noEmit -p tsconfig.build.json",
+    "lint": "eslint src/**/*",
+    "lint:fix": "pnpm run lint --fix",
+    "typecheck": "tsc --noEmit",
     "build": "vite build"
   }
 }

package/src/createHoc.tsx

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

package/src/createHook.ts

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

package/src/index.ts

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

package/src/provider/SDKContext.ts

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