@sundaeswap/wallet-lite 0.0.96 → 0.0.98

package/src/react-components/__tests__/hooks/useAvailableExtensions.test.tsx

@@ -3,7 +3,9 @@ import { act } from "@testing-library/react";
 import { renderHook } from "@testing-library/react-hooks";
 import { describe, expect, it } from "bun:test";
 
-import { mockedEternlWallet } from "../../../../setup-tests.js";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { FC, PropsWithChildren } from "react";
+import { mockedEternlWallet } from "../../../../../setup-tests.js";
 import {
   IWalletObserverProviderProps,
   useAvailableExtensions,
@@ -12,13 +14,22 @@ import {
 
 const INTERVAL_AMOUNT = 10;
 
+const client = new QueryClient();
+const QueryProvider: FC<PropsWithChildren> = ({ children }) => (
+  <QueryClientProvider client={client}>{children}</QueryClientProvider>
+);
+
 describe("useAvailableExtensions", () => {
   it("should correctly retrieve the instance", async () => {
     const { result } = renderHook<
       IWalletObserverProviderProps,
       ReturnType<typeof useAvailableExtensions>
     >(() => useAvailableExtensions(INTERVAL_AMOUNT), {
-      wrapper: (props) => <WalletObserverProvider {...props} />,
+      wrapper: (props) => (
+        <QueryProvider>
+          <WalletObserverProvider {...props} />
+        </QueryProvider>
+      ),
     });
 
     act(() => {

package/src/react-components/__tests__/hooks/useWalletObserver.test.tsx

@@ -1,11 +1,14 @@
+import { Cardano } from "@cardano-sdk/core";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { act, renderHook } from "@testing-library/react-hooks";
 import { describe, expect, it } from "bun:test";
+import { FC, PropsWithChildren } from "react";
 
-import { assetIds } from "../../../__data__/assets.js";
+import { mockWalletAssetIds } from "../../../__data__/assets.js";
 import {
-  network,
-  unusedAddresses,
-  usedAddresses,
+  mockNetwork,
+  mockUnusedAddresses,
+  mockUsedAddresses,
 } from "../../../__data__/eternl.js";
 import { WalletObserver } from "../../../classes/WalletObserver.class.js";
 import {
@@ -14,6 +17,11 @@ import {
   useWalletObserver,
 } from "../../../index.js";
 
+const client = new QueryClient();
+const QueryProvider: FC<PropsWithChildren> = ({ children }) => (
+  <QueryClientProvider client={client}>{children}</QueryClientProvider>
+);
+
 describe("useWalletObserver", () => {
   it("should correctly retrieve the context", async () => {
     const { result } = renderHook<
@@ -21,16 +29,18 @@ describe("useWalletObserver", () => {
       ReturnType<typeof useWalletObserver>
     >(() => useWalletObserver(), {
       wrapper: (props) => (
-        <WalletObserverProvider
-          {...{
-            ...props,
-            observerOptions: {
-              ...props.options?.observerOptions,
-              // Quick resolve time for tests.
-              connectTimeout: 10,
-            },
-          }}
-        />
+        <QueryProvider>
+          <WalletObserverProvider
+            {...{
+              ...props,
+              observerOptions: {
+                ...props.options?.observerOptions,
+                // Quick resolve time for tests.
+                connectTimeout: 10,
+              },
+            }}
+          />
+        </QueryProvider>
       ),
     });
 
@@ -52,11 +62,21 @@ describe("useWalletObserver", () => {
 
     expect(result.current.activeWallet).toEqual("eternl");
     expect(result.current.adaBalance.amount.toString()).not.toEqual("0");
-    expect(result.current.balance.size).toEqual(assetIds.length);
+    expect(result.current.balance.size).toEqual(mockWalletAssetIds.length);
     expect(result.current.isCip45).toBeFalse();
-    expect(result.current.mainAddress).toEqual(usedAddresses[0]);
-    expect(result.current.network).toEqual(network);
-    expect(result.current.unusedAddresses).toEqual(unusedAddresses);
-    expect(result.current.usedAddresses).toEqual(usedAddresses);
+    expect(result.current.mainAddress).toEqual(
+      Cardano.Address.fromString(mockUsedAddresses[0])!.toBech32(),
+    );
+    expect(result.current.network).toEqual(mockNetwork);
+    expect(result.current.unusedAddresses).toEqual(
+      mockUnusedAddresses.map((cbor) =>
+        Cardano.Address.fromString(cbor)!.toBech32(),
+      ),
+    );
+    expect(result.current.usedAddresses).toEqual(
+      mockUsedAddresses.map((cbor) =>
+        Cardano.Address.fromString(cbor)!.toBech32(),
+      ),
+    );
   });
 });

package/src/react-components/__tests__/hooks/useWalletObserverRef.test.tsx

@@ -1,5 +1,7 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook } from "@testing-library/react-hooks";
 import { describe, expect, it } from "bun:test";
+import { FC, PropsWithChildren } from "react";
 
 import { WalletObserver } from "../../../classes/WalletObserver.class.js";
 import {
@@ -8,6 +10,11 @@ import {
 } from "../../../index.js";
 import { useProviderWalletObserverRef } from "../../WalletObserverProvider/hooks/useProviderWalletObserverRef.js";
 
+const client = new QueryClient();
+const QueryProvider: FC<PropsWithChildren> = ({ children }) => (
+  <QueryClientProvider client={client}>{children}</QueryClientProvider>
+);
+
 describe("useWalletObserverRef", () => {
   it("should correctly retrieve the instance", async () => {
     const { result } = renderHook<
@@ -15,16 +22,18 @@ describe("useWalletObserverRef", () => {
       ReturnType<typeof useProviderWalletObserverRef>
     >(() => useProviderWalletObserverRef(), {
       wrapper: (props) => (
-        <WalletObserverProvider
-          {...{
-            ...props,
-            observerOptions: {
-              ...props.options?.observerOptions,
-              // Quick resolve time for tests.
-              connectTimeout: 10,
-            },
-          }}
-        />
+        <QueryProvider>
+          <WalletObserverProvider
+            {...{
+              ...props,
+              observerOptions: {
+                ...props.options?.observerOptions,
+                // Quick resolve time for tests.
+                connectTimeout: 10,
+              },
+            }}
+          />
+        </QueryProvider>
       ),
     });
 

package/src/react-components/hooks/useWalletHandles.ts

@@ -22,7 +22,12 @@ export const useWalletHandles = <
   >({
     queryKey,
     queryFn: async () => {
-      return getHandleMetadata(state.balance.getHandles(), state.network || 0);
+      const result = await getHandleMetadata(
+        state.balance.getHandles(),
+        state.network || 0,
+      );
+
+      return result;
     },
     refetchInterval: false,
     notifyOnChangeProps: ["data", "isLoading"],

package/dist/cjs/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProviderRefreshInterval = void 0;
-var _react = require("react");
-/**
- * Internal use only. This hook is responsible for attaching
- * a refresh interval to the WalletObserver. If set to 0, then
- * the refresh interval is not attached.
- *
- * @param observer
- * @param refreshInterval
- * @param syncWallet
- */
-var useProviderRefreshInterval = exports.useProviderRefreshInterval = function useProviderRefreshInterval(observer, syncWallet, refreshInterval) {
-  (0, _react.useEffect)(function () {
-    if (!refreshInterval) {
-      return;
-    }
-    var interval = setInterval(syncWallet, refreshInterval);
-    return function () {
-      clearInterval(interval);
-    };
-  }, [refreshInterval, syncWallet, observer]);
-};
-//# sourceMappingURL=useProviderRefreshInterval.js.map

package/dist/cjs/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderRefreshInterval.js","names":["_react","require","useProviderRefreshInterval","exports","observer","syncWallet","refreshInterval","useEffect","interval","setInterval","clearInterval"],"sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { WalletObserver } from \"../../../../classes/WalletObserver.class.js\";\n\n/**\n * Internal use only. This hook is responsible for attaching\n * a refresh interval to the WalletObserver. If set to 0, then\n * the refresh interval is not attached.\n *\n * @param observer\n * @param refreshInterval\n * @param syncWallet\n */\nexport const useProviderRefreshInterval = (\n  observer: WalletObserver,\n  syncWallet: () => Promise<void>,\n  refreshInterval?: number,\n) => {\n  useEffect(() => {\n    if (!refreshInterval) {\n      return;\n    }\n\n    const interval = setInterval(syncWallet, refreshInterval);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [refreshInterval, syncWallet, observer]);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CACrCE,QAAwB,EACxBC,UAA+B,EAC/BC,eAAwB,EACrB;EACH,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,eAAe,EAAE;MACpB;IACF;IAEA,IAAME,QAAQ,GAAGC,WAAW,CAACJ,UAAU,EAAEC,eAAe,CAAC;IAEzD,OAAO,YAAM;MACXI,aAAa,CAACF,QAAQ,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACF,eAAe,EAAED,UAAU,EAAED,QAAQ,CAAC,CAAC;AAC7C,CAAC","ignoreList":[]}

package/dist/esm/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.js

@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-/**
- * Internal use only. This hook is responsible for attaching
- * a refresh interval to the WalletObserver. If set to 0, then
- * the refresh interval is not attached.
- *
- * @param observer
- * @param refreshInterval
- * @param syncWallet
- */
-export const useProviderRefreshInterval = (observer, syncWallet, refreshInterval) => {
-  useEffect(() => {
-    if (!refreshInterval) {
-      return;
-    }
-    const interval = setInterval(syncWallet, refreshInterval);
-    return () => {
-      clearInterval(interval);
-    };
-  }, [refreshInterval, syncWallet, observer]);
-};
-//# sourceMappingURL=useProviderRefreshInterval.js.map

package/dist/esm/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderRefreshInterval.js","names":["useEffect","useProviderRefreshInterval","observer","syncWallet","refreshInterval","interval","setInterval","clearInterval"],"sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { WalletObserver } from \"../../../../classes/WalletObserver.class.js\";\n\n/**\n * Internal use only. This hook is responsible for attaching\n * a refresh interval to the WalletObserver. If set to 0, then\n * the refresh interval is not attached.\n *\n * @param observer\n * @param refreshInterval\n * @param syncWallet\n */\nexport const useProviderRefreshInterval = (\n  observer: WalletObserver,\n  syncWallet: () => Promise<void>,\n  refreshInterval?: number,\n) => {\n  useEffect(() => {\n    if (!refreshInterval) {\n      return;\n    }\n\n    const interval = setInterval(syncWallet, refreshInterval);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [refreshInterval, syncWallet, observer]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAIjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,QAAwB,EACxBC,UAA+B,EAC/BC,eAAwB,KACrB;EACHJ,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,eAAe,EAAE;MACpB;IACF;IAEA,MAAMC,QAAQ,GAAGC,WAAW,CAACH,UAAU,EAAEC,eAAe,CAAC;IAEzD,OAAO,MAAM;MACXG,aAAa,CAACF,QAAQ,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACD,eAAe,EAAED,UAAU,EAAED,QAAQ,CAAC,CAAC;AAC7C,CAAC","ignoreList":[]}

package/dist/types/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.d.ts

@@ -1,12 +0,0 @@
-import { WalletObserver } from "../../../../classes/WalletObserver.class.js";
-/**
- * Internal use only. This hook is responsible for attaching
- * a refresh interval to the WalletObserver. If set to 0, then
- * the refresh interval is not attached.
- *
- * @param observer
- * @param refreshInterval
- * @param syncWallet
- */
-export declare const useProviderRefreshInterval: (observer: WalletObserver, syncWallet: () => Promise<void>, refreshInterval?: number) => void;
-//# sourceMappingURL=useProviderRefreshInterval.d.ts.map

package/dist/types/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderRefreshInterval.d.ts","sourceRoot":"","sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAE7E;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,aAC3B,cAAc,cACZ,MAAM,QAAQ,IAAI,CAAC,oBACb,MAAM,SAazB,CAAC"}

package/src/react-components/WalletObserverProvider/hooks/effects/useProviderRefreshInterval.ts

@@ -1,30 +0,0 @@
-import { useEffect } from "react";
-
-import { WalletObserver } from "../../../../classes/WalletObserver.class.js";
-
-/**
- * Internal use only. This hook is responsible for attaching
- * a refresh interval to the WalletObserver. If set to 0, then
- * the refresh interval is not attached.
- *
- * @param observer
- * @param refreshInterval
- * @param syncWallet
- */
-export const useProviderRefreshInterval = (
-  observer: WalletObserver,
-  syncWallet: () => Promise<void>,
-  refreshInterval?: number,
-) => {
-  useEffect(() => {
-    if (!refreshInterval) {
-      return;
-    }
-
-    const interval = setInterval(syncWallet, refreshInterval);
-
-    return () => {
-      clearInterval(interval);
-    };
-  }, [refreshInterval, syncWallet, observer]);
-};

package/src/react-components/__tests__/RenderWalletHandles.test.tsx

@@ -1,77 +0,0 @@
-import { KoraLabsProvider } from "@koralabs/adahandle-sdk";
-import { render } from "@testing-library/react";
-import { userEvent } from "@testing-library/user-event";
-import { describe, expect, it, spyOn } from "bun:test";
-
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { mockHandleMetadata } from "../../__data__/handles.js";
-import {
-  RenderWalletHandles,
-  TRenderWalletHandlesFunctionState,
-  WalletObserverProvider,
-} from "../../index.js";
-
-const TestComponent = (state: TRenderWalletHandlesFunctionState) => {
-  return (
-    <pre>
-      {state.activeWallet?.toString()}
-      {(state.adaBalance.amount > 0n).toString()}
-      {state.isCip45?.toString()}
-      {state.mainAddress?.toString()}
-      {state.network?.toString()}
-      {state.unusedAddresses.toString()}
-      {state.usedAddresses.toString()}
-      {state.handles &&
-        [...state.handles.values()].map(({ metadata }) => (
-          <p key={metadata.assetId} data-testid={metadata.name}>
-            {JSON.stringify(metadata)}
-          </p>
-        ))}
-      <button
-        data-testid="connect-with-handles"
-        onClick={() => state.connectWallet("eternl")}
-      ></button>
-    </pre>
-  );
-};
-
-describe("RenderWalletHandles", () => {
-  it("should successfully update state with handle metadata", async () => {
-    const user = userEvent.setup();
-    const spiedOnGetAllDataBatch = spyOn(
-      KoraLabsProvider.prototype,
-      "getAllDataBatch",
-    );
-    spiedOnGetAllDataBatch.mockImplementation(
-      // @ts-expect-error Bug in Bun.sh that mocks the function result rather than the reference.
-      () => async () => mockHandleMetadata,
-    );
-
-    const { container, getByTestId, queryByTestId, rerender } = render(
-      <RenderWalletHandles render={TestComponent} />,
-      {
-        wrapper(props) {
-          return (
-            <QueryClientProvider client={new QueryClient()}>
-              <WalletObserverProvider {...props} />
-            </QueryClientProvider>
-          );
-        },
-      },
-    );
-
-    expect(spiedOnGetAllDataBatch).not.toHaveBeenCalled();
-    expect(queryByTestId("calvin")).toBeNull();
-    expect(queryByTestId("pi")).toBeNull();
-    expect(container.innerHTML).toMatchSnapshot();
-
-    const button = getByTestId("connect-with-handles");
-    await user.click(button);
-    expect(spiedOnGetAllDataBatch).toHaveBeenCalled();
-
-    rerender(<RenderWalletHandles render={TestComponent} />);
-    expect(queryByTestId("calvin")).not.toBeNull();
-    expect(queryByTestId("pi")).not.toBeNull();
-    expect(container.innerHTML).toMatchSnapshot();
-  });
-});