Add UIProvider for now

Author: JunichiSugiura

packages/keychain/.storybook/preview.tsx

@@ -8,6 +8,7 @@ import { sepolia, mainnet } from "@starknet-react/chains";
 import { num } from "starknet";
 import { mockedConnection } from "#hooks/connection.mock";
 import { controllerConfigs, defaultTheme } from "@cartridge/presets";
+import { UIProvider } from "#components/provider/ui";
 
 import "../src/index.css";
 
@@ -45,7 +46,9 @@ const preview: Preview = {
       defaultTheme: "dark",
     }),
     (Story, { parameters }) => {
-      // This can be directly mocked once #1436 is merged
+      {
+        /* TODO: Replace with mock once #1436 is merged */
+      }
       useThemeEffect({
         theme: parameters.preset
           ? (controllerConfigs[parameters.preset].theme ?? defaultTheme)
@@ -66,7 +69,10 @@ const preview: Preview = {
               rpc: () => ({ nodeUrl: mockedConnection.rpcUrl }),
             })}
           >
-            <Story />
+            {/* TODO: Remove once #1436 is merged */}
+            <UIProvider>
+              <Story />
+            </UIProvider>
             <SonnerToaster />
           </StarknetConfig>
         </BrowserRouter>

packages/keychain/src/hooks/account.ts

@@ -10,7 +10,7 @@ import { Buffer } from "buffer";
 
 import { client, ENDPOINT } from "#utils/graphql";
 import base64url from "base64url";
-import { useConnection } from "./connection";
+import { useConnection } from "#hooks/connection";
 import { useMemo } from "react";
 
 type RawAssertion = PublicKeyCredential & {

packages/utils/src/api/cartridge/index.ts

@@ -1,2 +1,2 @@
-export * from "./generated";
-export * from "./context";
+export * from "#api/cartridge/generated";
+export * from "#api/cartridge/context";

packages/utils/src/api/indexer/index.ts

@@ -1,2 +1,2 @@
-export * from "./generated";
-export * from "./context";
+export * from "#api/indexer/generated";
+export * from "#api/indexer/context";

packages/utils/src/hooks/balance.ts

@@ -1,4 +1,4 @@
-import { CreditQuery, useCreditQuery } from "../api/cartridge";
+import { CreditQuery, useCreditQuery } from "#api/cartridge";
 
 export type Balance = {
   value: bigint;