@filoz/synapse-react 0.2.2 → 0.2.3

package/dist/src/warm-storage/index.d.ts

@@ -4,4 +4,5 @@ export * from './use-delete-piece.ts';
 export * from './use-providers.ts';
 export * from './use-service-price.ts';
 export * from './use-upload.ts';
+export * from './use-upload-simple.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/warm-storage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/warm-storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/warm-storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA"}

package/dist/src/warm-storage/index.js

@@ -4,4 +4,5 @@ export * from "./use-delete-piece.js";
 export * from "./use-providers.js";
 export * from "./use-service-price.js";
 export * from "./use-upload.js";
+export * from "./use-upload-simple.js";
 //# sourceMappingURL=index.js.map

package/dist/src/warm-storage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/warm-storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/warm-storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA"}

package/dist/src/warm-storage/use-data-sets.d.ts

@@ -25,8 +25,8 @@ export declare function useDataSets(props: UseDataSetsProps): import("@tanstack/
     live: boolean;
     managed: boolean;
     cdn: boolean;
-    metadata: import("@filoz/synapse-core/warm-storage").MetadataObject;
-    provider: import("@filoz/synapse-core/sp-registry").PDPProvider;
+    metadata: import("@filoz/synapse-sdk").MetadataObject;
+    provider: import("@filoz/synapse-sdk").PDPProvider;
     activePieceCount: bigint;
 }[], Error>;
 //# sourceMappingURL=use-data-sets.d.ts.map

package/dist/src/warm-storage/use-upload-simple.d.ts

@@ -0,0 +1,20 @@
+import { type AddPiecesSuccess } from '@filoz/synapse-core/sp';
+import { type MutateOptions } from '@tanstack/react-query';
+export interface UseUploadSimpleProps {
+    onHash?: (hash: string) => void;
+    mutation?: Omit<MutateOptions<AddPiecesSuccess, Error, UseUploadSimpleVariables>, 'mutationFn'>;
+}
+export interface UseUploadSimpleVariables {
+    files: File[];
+    dataSetId: bigint;
+}
+export declare function useUploadSimple(props: UseUploadSimpleProps): import("@tanstack/react-query").UseMutationResult<{
+    txHash: `0x${string}`;
+    txStatus: "confirmed";
+    dataSetId: bigint;
+    pieceCount: number;
+    addMessageOk: true;
+    piecesAdded: true;
+    confirmedPieceIds: bigint[];
+}, Error, UseUploadSimpleVariables, unknown>;
+//# sourceMappingURL=use-upload-simple.d.ts.map

package/dist/src/warm-storage/use-upload-simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-simple.d.ts","sourceRoot":"","sources":["../../../src/warm-storage/use-upload-simple.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,uBAAuB,CAAA;AAIvF,MAAM,WAAW,oBAAoB;IAInC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAAE,YAAY,CAAC,CAAA;CAChG;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB;;;;;;;;6CA4B1D"}

package/dist/src/warm-storage/use-upload-simple.js

@@ -0,0 +1,31 @@
+import * as SP from '@filoz/synapse-core/sp';
+import { upload } from '@filoz/synapse-core/sp';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useChainId, useConfig, useConnection } from 'wagmi';
+import { getConnectorClient } from 'wagmi/actions';
+export function useUploadSimple(props) {
+    const config = useConfig();
+    const chainId = useChainId({ config });
+    const account = useConnection({ config });
+    const queryClient = useQueryClient();
+    return useMutation({
+        ...props?.mutation,
+        mutationFn: async ({ files, dataSetId }) => {
+            const connectorClient = await getConnectorClient(config, {
+                account: account.address,
+                chainId,
+            });
+            const uploadRsp = await upload(connectorClient, {
+                dataSetId,
+                data: files,
+            });
+            props?.onHash?.(uploadRsp.txHash);
+            const rsp = await SP.waitForAddPieces(uploadRsp);
+            queryClient.invalidateQueries({
+                queryKey: ['synapse-warm-storage-data-sets', account.address, config.getClient().chain.id],
+            });
+            return rsp;
+        },
+    });
+}
+//# sourceMappingURL=use-upload-simple.js.map

package/dist/src/warm-storage/use-upload-simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-simple.js","sourceRoot":"","sources":["../../../src/warm-storage/use-upload-simple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAyB,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAsB,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAclD,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAAC;QACjB,GAAG,KAAK,EAAE,QAAQ;QAClB,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAA4B,EAAE,EAAE;YACnE,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC,MAAM,EAAE;gBACvD,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO;aACR,CAAC,CAAA;YAEF,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,eAAe,EAAE;gBAC9C,SAAS;gBACT,IAAI,EAAE,KAAK;aACZ,CAAC,CAAA;YAEF,KAAK,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACjC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;YAEhD,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,CAAC,gCAAgC,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;aAC3F,CAAC,CAAA;YACF,OAAO,GAAG,CAAA;QACZ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/dist/src/warm-storage/use-upload.d.ts

@@ -1,20 +1,13 @@
-import { type AddPiecesSuccess } from '@filoz/synapse-core/sp';
+import { type UploadResult } from '@filoz/synapse-sdk';
+import type { StorageManagerUploadOptions } from '@filoz/synapse-sdk/storage';
 import { type MutateOptions } from '@tanstack/react-query';
-export interface UseUploadProps {
-    onHash?: (hash: string) => void;
-    mutation?: Omit<MutateOptions<AddPiecesSuccess, Error, UseUploadVariables>, 'mutationFn'>;
+export interface UseUploadProps extends Omit<StorageManagerUploadOptions, 'contexts' | 'pieceMetadata'> {
+    source: string | null;
+    mutation?: Omit<MutateOptions<UploadResult, Error, UseUploadVariables>, 'mutationFn'>;
 }
 export interface UseUploadVariables {
-    files: File[];
-    dataSetId: bigint;
+    file: File;
+    metadata?: Record<string, string>;
 }
-export declare function useUpload(props: UseUploadProps): import("@tanstack/react-query").UseMutationResult<{
-    txHash: `0x${string}`;
-    txStatus: "confirmed";
-    dataSetId: bigint;
-    pieceCount: number;
-    addMessageOk: true;
-    piecesAdded: true;
-    confirmedPieceIds: bigint[];
-}, Error, UseUploadVariables, unknown>;
+export declare function useUpload(props: UseUploadProps): import("@tanstack/react-query").UseMutationResult<UploadResult, Error, UseUploadVariables, unknown>;
 //# sourceMappingURL=use-upload.d.ts.map

package/dist/src/warm-storage/use-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-upload.d.ts","sourceRoot":"","sources":["../../../src/warm-storage/use-upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,uBAAuB,CAAA;AAIvF,MAAM,WAAW,cAAc;IAI7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,KAAK,EAAE,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAA;CAC1F;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AACD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc;;;;;;;;uCA4B9C"}
+{"version":3,"file":"use-upload.d.ts","sourceRoot":"","sources":["../../../src/warm-storage/use-upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,uBAAuB,CAAA;AAIvF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,2BAA2B,EAAE,UAAU,GAAG,eAAe,CAAC;IACrG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAA;CACtF;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AACD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,uGA8B9C"}

package/dist/src/warm-storage/use-upload.js

@@ -1,26 +1,28 @@
-import * as SP from '@filoz/synapse-core/sp';
-import { upload } from '@filoz/synapse-core/sp';
+import { asClient } from '@filoz/synapse-core/chains';
+import { Synapse } from '@filoz/synapse-sdk';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useAccount, useChainId, useConfig } from 'wagmi';
+import { useChainId, useConfig, useConnection } from 'wagmi';
 import { getConnectorClient } from 'wagmi/actions';
 export function useUpload(props) {
     const config = useConfig();
     const chainId = useChainId({ config });
-    const account = useAccount({ config });
+    const account = useConnection({ config });
     const queryClient = useQueryClient();
     return useMutation({
         ...props?.mutation,
-        mutationFn: async ({ files, dataSetId }) => {
+        mutationFn: async ({ file, metadata }) => {
             const connectorClient = await getConnectorClient(config, {
                 account: account.address,
                 chainId,
             });
-            const uploadRsp = await upload(connectorClient, {
-                dataSetId,
-                data: files,
+            const synapse = new Synapse({
+                client: asClient(connectorClient),
+                source: props.source,
+            });
+            const rsp = await synapse.storage.upload(new Uint8Array(await file.arrayBuffer()), {
+                ...props,
+                pieceMetadata: metadata,
             });
-            props?.onHash?.(uploadRsp.txHash);
-            const rsp = await SP.waitForAddPieces(uploadRsp);
             queryClient.invalidateQueries({
                 queryKey: ['synapse-warm-storage-data-sets', account.address, config.getClient().chain.id],
             });

package/dist/src/warm-storage/use-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-upload.js","sourceRoot":"","sources":["../../../src/warm-storage/use-upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAyB,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAsB,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAclD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACtC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAAC;QACjB,GAAG,KAAK,EAAE,QAAQ;QAClB,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE,EAAE;YAC7D,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC,MAAM,EAAE;gBACvD,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO;aACR,CAAC,CAAA;YAEF,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,eAAe,EAAE;gBAC9C,SAAS;gBACT,IAAI,EAAE,KAAK;aACZ,CAAC,CAAA;YAEF,KAAK,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACjC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;YAEhD,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,CAAC,gCAAgC,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;aAC3F,CAAC,CAAA;YACF,OAAO,GAAG,CAAA;QACZ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"use-upload.js","sourceRoot":"","sources":["../../../src/warm-storage/use-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAqB,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAsB,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAWlD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAAC;QACjB,GAAG,KAAK,EAAE,QAAQ;QAClB,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAsB,EAAE,EAAE;YAC3D,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC,MAAM,EAAE;gBACvD,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO;aACR,CAAC,CAAA;YAEF,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC;gBAC1B,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC;gBACjC,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB,CAAC,CAAA;YAEF,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE;gBACjF,GAAG,KAAK;gBACR,aAAa,EAAE,QAAQ;aACxB,CAAC,CAAA;YAEF,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,CAAC,gCAAgC,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;aAC3F,CAAC,CAAA;YACF,OAAO,GAAG,CAAA;QACZ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@filoz/synapse-react",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "React hooks for interacting with Filecoin Onchain Cloud smart contracts",
   "repository": {
     "type": "git",
@@ -60,7 +60,8 @@
         "dist/**"
       ],
       "dependencies": [
-        "../synapse-core:build"
+        "../synapse-core:build",
+        "../synapse-sdk:build"
       ]
     },
     "lint": {
@@ -77,14 +78,15 @@
   },
   "dependencies": {
     "@hugomrdias/filsnap-adapter": "^3.3.8",
-    "@filoz/synapse-core": "^0.2.2"
+    "@filoz/synapse-sdk": "^0.40.1",
+    "@filoz/synapse-core": "^0.3.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.4",
-    "@types/node": "^25.1.0",
+    "@biomejs/biome": "2.4.8",
+    "@types/node": "^25.3.5",
     "type-fest": "^5.4.3",
     "typescript": "5.9.3",
-    "viem": "^2.45.1"
+    "viem": "^2.47.0"
   },
   "publishConfig": {
     "access": "public"

package/src/warm-storage/index.ts

@@ -4,3 +4,4 @@ export * from './use-delete-piece.ts'
 export * from './use-providers.ts'
 export * from './use-service-price.ts'
 export * from './use-upload.ts'
+export * from './use-upload-simple.ts'

package/src/warm-storage/use-upload-simple.ts

@@ -0,0 +1,47 @@
+import * as SP from '@filoz/synapse-core/sp'
+import { type AddPiecesSuccess, upload } from '@filoz/synapse-core/sp'
+import { type MutateOptions, useMutation, useQueryClient } from '@tanstack/react-query'
+import { useChainId, useConfig, useConnection } from 'wagmi'
+import { getConnectorClient } from 'wagmi/actions'
+
+export interface UseUploadSimpleProps {
+  /**
+   * The callback to call when the hash is available.
+   */
+  onHash?: (hash: string) => void
+  mutation?: Omit<MutateOptions<AddPiecesSuccess, Error, UseUploadSimpleVariables>, 'mutationFn'>
+}
+
+export interface UseUploadSimpleVariables {
+  files: File[]
+  dataSetId: bigint
+}
+export function useUploadSimple(props: UseUploadSimpleProps) {
+  const config = useConfig()
+  const chainId = useChainId({ config })
+  const account = useConnection({ config })
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    ...props?.mutation,
+    mutationFn: async ({ files, dataSetId }: UseUploadSimpleVariables) => {
+      const connectorClient = await getConnectorClient(config, {
+        account: account.address,
+        chainId,
+      })
+
+      const uploadRsp = await upload(connectorClient, {
+        dataSetId,
+        data: files,
+      })
+
+      props?.onHash?.(uploadRsp.txHash)
+      const rsp = await SP.waitForAddPieces(uploadRsp)
+
+      queryClient.invalidateQueries({
+        queryKey: ['synapse-warm-storage-data-sets', account.address, config.getClient().chain.id],
+      })
+      return rsp
+    },
+  })
+}

package/src/warm-storage/use-upload.ts

@@ -1,42 +1,42 @@
-import * as SP from '@filoz/synapse-core/sp'
-import { type AddPiecesSuccess, upload } from '@filoz/synapse-core/sp'
+import { asClient } from '@filoz/synapse-core/chains'
+import { Synapse, type UploadResult } from '@filoz/synapse-sdk'
+import type { StorageManagerUploadOptions } from '@filoz/synapse-sdk/storage'
 import { type MutateOptions, useMutation, useQueryClient } from '@tanstack/react-query'
-import { useAccount, useChainId, useConfig } from 'wagmi'
+import { useChainId, useConfig, useConnection } from 'wagmi'
 import { getConnectorClient } from 'wagmi/actions'
 
-export interface UseUploadProps {
-  /**
-   * The callback to call when the hash is available.
-   */
-  onHash?: (hash: string) => void
-  mutation?: Omit<MutateOptions<AddPiecesSuccess, Error, UseUploadVariables>, 'mutationFn'>
+export interface UseUploadProps extends Omit<StorageManagerUploadOptions, 'contexts' | 'pieceMetadata'> {
+  source: string | null
+  mutation?: Omit<MutateOptions<UploadResult, Error, UseUploadVariables>, 'mutationFn'>
 }
 
 export interface UseUploadVariables {
-  files: File[]
-  dataSetId: bigint
+  file: File
+  metadata?: Record<string, string>
 }
 export function useUpload(props: UseUploadProps) {
   const config = useConfig()
   const chainId = useChainId({ config })
-  const account = useAccount({ config })
+  const account = useConnection({ config })
   const queryClient = useQueryClient()
 
   return useMutation({
     ...props?.mutation,
-    mutationFn: async ({ files, dataSetId }: UseUploadVariables) => {
+    mutationFn: async ({ file, metadata }: UseUploadVariables) => {
       const connectorClient = await getConnectorClient(config, {
         account: account.address,
         chainId,
       })
 
-      const uploadRsp = await upload(connectorClient, {
-        dataSetId,
-        data: files,
+      const synapse = new Synapse({
+        client: asClient(connectorClient),
+        source: props.source,
       })
 
-      props?.onHash?.(uploadRsp.txHash)
-      const rsp = await SP.waitForAddPieces(uploadRsp)
+      const rsp = await synapse.storage.upload(new Uint8Array(await file.arrayBuffer()), {
+        ...props,
+        pieceMetadata: metadata,
+      })
 
       queryClient.invalidateQueries({
         queryKey: ['synapse-warm-storage-data-sets', account.address, config.getClient().chain.id],