anymal-protocol 1.0.155 → 1.0.157

package/dist/index.d.mts

@@ -1,3 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 import * as _coinbase_cdp_hooks from '@coinbase/cdp-hooks';
 import * as _coinbase_cdp_api_client from '@coinbase/cdp-api-client';
 import * as abitype from 'abitype';
@@ -5,6 +7,16 @@ import { GetUserOperationResult } from '@coinbase/cdp-core';
 import { BundlerClient } from 'viem/account-abstraction';
 import { ec } from 'elliptic';
 
+interface AnymalConfig {
+    isProduction: boolean;
+}
+interface AnymalConfigProviderProps {
+    children: ReactNode;
+    isProduction: boolean;
+}
+declare function AnymalConfigProvider({ children, isProduction, }: AnymalConfigProviderProps): react_jsx_runtime.JSX.Element;
+declare function useAnymalConfig(): AnymalConfig;
+
 declare function useVerifyAccount(): (pid: string, campaignId: string, dbAuthToken: string, bundlerClient: any, smartAccount: any, accountRewardsContractAddress: `0x${string}`) => Promise<{
     success: boolean;
     message: string;
@@ -885,4 +897,4 @@ declare function useSubmitContractAction(): (idToken: string, pid: string, sourc
  */
 declare function humanRevert(raw: `0x${string}` | undefined, shortMessage?: string): string;
 
-export { AUTH_API_ENDPOINTS, type ActionDefinition, type ActionPayload, type ActionRecord, type ActionReferral, ActionSourceType, ActionStatus, ActionType, type AnymalNftMetadataInputData, type AuthEnvelope, type ContractActionPayload, type CreateAnymalInputData, ERROR_ABI, type ExternalActionPayload, FIREBASE_WEB_API_KEYS, FIREBASE_WEB_AUTH_API_ENDPOINTS, type GraphQLActionPayload, type JWTOptions, KIBBLE_TOKEN_ABI, MARKETPLACE_ABI, type MarketplaceActionPayload, MarketplacePaymentType, NETWORK_HOSTS, Network, type NotificationData, type NotificationEventData, ORGANIZATION_BEACON_ABI, ORGANIZATION_IMPL_ABI, ORG_FUNCTION, PET_NFT_ABI, REWARDABLE_ACTIONS_ABI, type SubmitResponse, type WishlistPurchaseActionPayload, convertToActionDefinition, convertToActionRecord, convertToMultipleActionDefinitions, convertToMultipleActionRecords, createApp, createAuthEnvelope, flattenFirestoreData, generateAppSignature, generateBytes32Nonce, generateJWT, getFirebaseTokenForApp, humanRevert, loadExistingSecp256k1PrivateKey, processDirectKibbleApproval, processDirectPartialPayment, processOrgKibbleApproval, processOrgPartialPayment, sendUserOpWithRetries, serializePublicKeyCompressed, submitAction, useApproveKibbleToken, useApproveOrgPartialPayment, useClaimActionReward, useClaimOrgActionReward, useCoinbaseClaimActionReward, useCoinbaseClaimOrgActionReward, useCoinbaseCreateOrganizationWallet, useCoinbaseMintAnymalNFT, useCoinbaseMintOrgAnymalNFT, useCreateOrganizationAppData, useCreateOrganizationBase, useCreateUserAppData, useCreateWeb3Account, useFetchActionDefinitions, useFetchActions, useFetchBalance, useFetchNotifications, useFetchUserData, useMintAnymalNFT, useMintOrgAnymalNFT, useProcessOrgPartialKibblePayment, useProcessPartialKibblePayment, useSaveAnymalMetadata, useSendCoinbaseUserOperation, useSubmitContractAction, useUpdateOrgWalletAddress, useUpdateUserAsVerified, useUpdateUserEmail, useUpdateUserName, useUpdateUserPid, useUploadAnymalImage, useVerifyAccount, useVerifyWeb3AuthSession, waitForAllowance, waitForReceiptWithRetries };
+export { AUTH_API_ENDPOINTS, type ActionDefinition, type ActionPayload, type ActionRecord, type ActionReferral, ActionSourceType, ActionStatus, ActionType, type AnymalConfig, AnymalConfigProvider, type AnymalConfigProviderProps, type AnymalNftMetadataInputData, type AuthEnvelope, type ContractActionPayload, type CreateAnymalInputData, ERROR_ABI, type ExternalActionPayload, FIREBASE_WEB_API_KEYS, FIREBASE_WEB_AUTH_API_ENDPOINTS, type GraphQLActionPayload, type JWTOptions, KIBBLE_TOKEN_ABI, MARKETPLACE_ABI, type MarketplaceActionPayload, MarketplacePaymentType, NETWORK_HOSTS, Network, type NotificationData, type NotificationEventData, ORGANIZATION_BEACON_ABI, ORGANIZATION_IMPL_ABI, ORG_FUNCTION, PET_NFT_ABI, REWARDABLE_ACTIONS_ABI, type SubmitResponse, type WishlistPurchaseActionPayload, convertToActionDefinition, convertToActionRecord, convertToMultipleActionDefinitions, convertToMultipleActionRecords, createApp, createAuthEnvelope, flattenFirestoreData, generateAppSignature, generateBytes32Nonce, generateJWT, getFirebaseTokenForApp, humanRevert, loadExistingSecp256k1PrivateKey, processDirectKibbleApproval, processDirectPartialPayment, processOrgKibbleApproval, processOrgPartialPayment, sendUserOpWithRetries, serializePublicKeyCompressed, submitAction, useAnymalConfig, useApproveKibbleToken, useApproveOrgPartialPayment, useClaimActionReward, useClaimOrgActionReward, useCoinbaseClaimActionReward, useCoinbaseClaimOrgActionReward, useCoinbaseCreateOrganizationWallet, useCoinbaseMintAnymalNFT, useCoinbaseMintOrgAnymalNFT, useCreateOrganizationAppData, useCreateOrganizationBase, useCreateUserAppData, useCreateWeb3Account, useFetchActionDefinitions, useFetchActions, useFetchBalance, useFetchNotifications, useFetchUserData, useMintAnymalNFT, useMintOrgAnymalNFT, useProcessOrgPartialKibblePayment, useProcessPartialKibblePayment, useSaveAnymalMetadata, useSendCoinbaseUserOperation, useSubmitContractAction, useUpdateOrgWalletAddress, useUpdateUserAsVerified, useUpdateUserEmail, useUpdateUserName, useUpdateUserPid, useUploadAnymalImage, useVerifyAccount, useVerifyWeb3AuthSession, waitForAllowance, waitForReceiptWithRetries };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 import * as _coinbase_cdp_hooks from '@coinbase/cdp-hooks';
 import * as _coinbase_cdp_api_client from '@coinbase/cdp-api-client';
 import * as abitype from 'abitype';
@@ -5,6 +7,16 @@ import { GetUserOperationResult } from '@coinbase/cdp-core';
 import { BundlerClient } from 'viem/account-abstraction';
 import { ec } from 'elliptic';
 
+interface AnymalConfig {
+    isProduction: boolean;
+}
+interface AnymalConfigProviderProps {
+    children: ReactNode;
+    isProduction: boolean;
+}
+declare function AnymalConfigProvider({ children, isProduction, }: AnymalConfigProviderProps): react_jsx_runtime.JSX.Element;
+declare function useAnymalConfig(): AnymalConfig;
+
 declare function useVerifyAccount(): (pid: string, campaignId: string, dbAuthToken: string, bundlerClient: any, smartAccount: any, accountRewardsContractAddress: `0x${string}`) => Promise<{
     success: boolean;
     message: string;
@@ -885,4 +897,4 @@ declare function useSubmitContractAction(): (idToken: string, pid: string, sourc
  */
 declare function humanRevert(raw: `0x${string}` | undefined, shortMessage?: string): string;
 
-export { AUTH_API_ENDPOINTS, type ActionDefinition, type ActionPayload, type ActionRecord, type ActionReferral, ActionSourceType, ActionStatus, ActionType, type AnymalNftMetadataInputData, type AuthEnvelope, type ContractActionPayload, type CreateAnymalInputData, ERROR_ABI, type ExternalActionPayload, FIREBASE_WEB_API_KEYS, FIREBASE_WEB_AUTH_API_ENDPOINTS, type GraphQLActionPayload, type JWTOptions, KIBBLE_TOKEN_ABI, MARKETPLACE_ABI, type MarketplaceActionPayload, MarketplacePaymentType, NETWORK_HOSTS, Network, type NotificationData, type NotificationEventData, ORGANIZATION_BEACON_ABI, ORGANIZATION_IMPL_ABI, ORG_FUNCTION, PET_NFT_ABI, REWARDABLE_ACTIONS_ABI, type SubmitResponse, type WishlistPurchaseActionPayload, convertToActionDefinition, convertToActionRecord, convertToMultipleActionDefinitions, convertToMultipleActionRecords, createApp, createAuthEnvelope, flattenFirestoreData, generateAppSignature, generateBytes32Nonce, generateJWT, getFirebaseTokenForApp, humanRevert, loadExistingSecp256k1PrivateKey, processDirectKibbleApproval, processDirectPartialPayment, processOrgKibbleApproval, processOrgPartialPayment, sendUserOpWithRetries, serializePublicKeyCompressed, submitAction, useApproveKibbleToken, useApproveOrgPartialPayment, useClaimActionReward, useClaimOrgActionReward, useCoinbaseClaimActionReward, useCoinbaseClaimOrgActionReward, useCoinbaseCreateOrganizationWallet, useCoinbaseMintAnymalNFT, useCoinbaseMintOrgAnymalNFT, useCreateOrganizationAppData, useCreateOrganizationBase, useCreateUserAppData, useCreateWeb3Account, useFetchActionDefinitions, useFetchActions, useFetchBalance, useFetchNotifications, useFetchUserData, useMintAnymalNFT, useMintOrgAnymalNFT, useProcessOrgPartialKibblePayment, useProcessPartialKibblePayment, useSaveAnymalMetadata, useSendCoinbaseUserOperation, useSubmitContractAction, useUpdateOrgWalletAddress, useUpdateUserAsVerified, useUpdateUserEmail, useUpdateUserName, useUpdateUserPid, useUploadAnymalImage, useVerifyAccount, useVerifyWeb3AuthSession, waitForAllowance, waitForReceiptWithRetries };
+export { AUTH_API_ENDPOINTS, type ActionDefinition, type ActionPayload, type ActionRecord, type ActionReferral, ActionSourceType, ActionStatus, ActionType, type AnymalConfig, AnymalConfigProvider, type AnymalConfigProviderProps, type AnymalNftMetadataInputData, type AuthEnvelope, type ContractActionPayload, type CreateAnymalInputData, ERROR_ABI, type ExternalActionPayload, FIREBASE_WEB_API_KEYS, FIREBASE_WEB_AUTH_API_ENDPOINTS, type GraphQLActionPayload, type JWTOptions, KIBBLE_TOKEN_ABI, MARKETPLACE_ABI, type MarketplaceActionPayload, MarketplacePaymentType, NETWORK_HOSTS, Network, type NotificationData, type NotificationEventData, ORGANIZATION_BEACON_ABI, ORGANIZATION_IMPL_ABI, ORG_FUNCTION, PET_NFT_ABI, REWARDABLE_ACTIONS_ABI, type SubmitResponse, type WishlistPurchaseActionPayload, convertToActionDefinition, convertToActionRecord, convertToMultipleActionDefinitions, convertToMultipleActionRecords, createApp, createAuthEnvelope, flattenFirestoreData, generateAppSignature, generateBytes32Nonce, generateJWT, getFirebaseTokenForApp, humanRevert, loadExistingSecp256k1PrivateKey, processDirectKibbleApproval, processDirectPartialPayment, processOrgKibbleApproval, processOrgPartialPayment, sendUserOpWithRetries, serializePublicKeyCompressed, submitAction, useAnymalConfig, useApproveKibbleToken, useApproveOrgPartialPayment, useClaimActionReward, useClaimOrgActionReward, useCoinbaseClaimActionReward, useCoinbaseClaimOrgActionReward, useCoinbaseCreateOrganizationWallet, useCoinbaseMintAnymalNFT, useCoinbaseMintOrgAnymalNFT, useCreateOrganizationAppData, useCreateOrganizationBase, useCreateUserAppData, useCreateWeb3Account, useFetchActionDefinitions, useFetchActions, useFetchBalance, useFetchNotifications, useFetchUserData, useMintAnymalNFT, useMintOrgAnymalNFT, useProcessOrgPartialKibblePayment, useProcessPartialKibblePayment, useSaveAnymalMetadata, useSendCoinbaseUserOperation, useSubmitContractAction, useUpdateOrgWalletAddress, useUpdateUserAsVerified, useUpdateUserEmail, useUpdateUserName, useUpdateUserPid, useUploadAnymalImage, useVerifyAccount, useVerifyWeb3AuthSession, waitForAllowance, waitForReceiptWithRetries };

package/dist/index.js

@@ -24,6 +24,7 @@ __export(index_exports, {
   ActionSourceType: () => ActionSourceType,
   ActionStatus: () => ActionStatus,
   ActionType: () => ActionType,
+  AnymalConfigProvider: () => AnymalConfigProvider,
   ERROR_ABI: () => ERROR_ABI,
   FIREBASE_WEB_API_KEYS: () => FIREBASE_WEB_API_KEYS,
   FIREBASE_WEB_AUTH_API_ENDPOINTS: () => FIREBASE_WEB_AUTH_API_ENDPOINTS,
@@ -57,6 +58,7 @@ __export(index_exports, {
   sendUserOpWithRetries: () => sendUserOpWithRetries,
   serializePublicKeyCompressed: () => serializePublicKeyCompressed,
   submitAction: () => submitAction,
+  useAnymalConfig: () => useAnymalConfig,
   useApproveKibbleToken: () => useApproveKibbleToken,
   useApproveOrgPartialPayment: () => useApproveOrgPartialPayment,
   useClaimActionReward: () => useClaimActionReward,
@@ -95,10 +97,30 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/utils/account/useVerifyAccount.ts
+// src/context/AnymalConfigContext.tsx
 var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AnymalConfigContext = (0, import_react.createContext)(null);
+function AnymalConfigProvider({
+  children,
+  isProduction
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnymalConfigContext.Provider, { value: { isProduction }, children });
+}
+function useAnymalConfig() {
+  const context = (0, import_react.useContext)(AnymalConfigContext);
+  if (!context) {
+    throw new Error(
+      "useAnymalConfig must be used within an AnymalConfigProvider"
+    );
+  }
+  return context;
+}
+
+// src/utils/account/useVerifyAccount.ts
+var import_react2 = require("react");
 function useVerifyAccount() {
-  return (0, import_react.useCallback)(
+  return (0, import_react2.useCallback)(
     async (pid, campaignId, dbAuthToken, bundlerClient, smartAccount, accountRewardsContractAddress) => {
       if (!dbAuthToken || !bundlerClient || !smartAccount || !accountRewardsContractAddress || !pid) {
         return {
@@ -119,9 +141,9 @@ function useVerifyAccount() {
 }
 
 // src/utils/account/useVerifyWeb3AuthSession.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 function useVerifyWeb3AuthSession() {
-  return (0, import_react2.useCallback)(
+  return (0, import_react3.useCallback)(
     async (idToken, publicKey, authServiceBaseUrl) => {
       const response = await fetch(
         `${authServiceBaseUrl}/verify-web3-session`,
@@ -142,9 +164,9 @@ function useVerifyWeb3AuthSession() {
 }
 
 // src/utils/account/useCreateWeb3Account.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 function useCreateWeb3Account() {
-  return (0, import_react3.useCallback)(
+  return (0, import_react4.useCallback)(
     async (authToken, userPid, authServiceBaseUrl, baseWalletAddress, requestedContext) => {
       try {
         const response = await fetch(`${authServiceBaseUrl}/create-account`, {
@@ -170,9 +192,9 @@ function useCreateWeb3Account() {
 }
 
 // src/utils/account/useFetchUserData.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useFetchUserData() {
-  return (0, import_react4.useCallback)(
+  return (0, import_react5.useCallback)(
     async (dbAuthToken, endpoint, pid) => {
       try {
         const query = `
@@ -221,9 +243,9 @@ function useFetchUserData() {
 }
 
 // src/utils/account/useUpdateUserEmail.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useUpdateUserEmail() {
-  return (0, import_react5.useCallback)(
+  return (0, import_react6.useCallback)(
     async (dbAuthToken, docID, email, endpoint) => {
       try {
         const mutation = `
@@ -262,9 +284,9 @@ function useUpdateUserEmail() {
 }
 
 // src/utils/account/useUpdateUserPid.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 function useUpdateUserPid() {
-  return (0, import_react6.useCallback)(
+  return (0, import_react7.useCallback)(
     async (dbAuthToken, docID, pid, endpoint) => {
       try {
         const mutation = `
@@ -303,9 +325,9 @@ function useUpdateUserPid() {
 }
 
 // src/utils/account/useUpdateUserAsVerified.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useUpdateUserAsVerified() {
-  return (0, import_react7.useCallback)(
+  return (0, import_react8.useCallback)(
     async (recaptchaToken, docID, dbAuthToken, endpoint) => {
       if (!docID || !dbAuthToken || recaptchaToken === null) return;
       try {
@@ -351,9 +373,9 @@ function useUpdateUserAsVerified() {
 }
 
 // src/utils/account/useUpdateUserName.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useUpdateUserName() {
-  return (0, import_react8.useCallback)(
+  return (0, import_react9.useCallback)(
     async (dbAuthToken, docID, name, endpoint) => {
       if (!name || !dbAuthToken || !docID || !endpoint) {
         return { success: false };
@@ -397,9 +419,9 @@ function useUpdateUserName() {
 }
 
 // src/utils/account/useFetchNotifications.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 function useFetchNotifications() {
-  return (0, import_react9.useCallback)(
+  return (0, import_react10.useCallback)(
     async (pid, dbAuthToken, endpoint, additionalFilters) => {
       if (!pid) {
         throw new Error("The 'pid' field is required.");
@@ -468,28 +490,22 @@ function useFetchNotifications() {
 }
 
 // src/utils/coinbase/useSendCoinbaseUserOperation.ts
-var import_react10 = require("react");
 var import_cdp_hooks = require("@coinbase/cdp-hooks");
+var import_react11 = require("react");
 var import_viem = require("viem");
 var import_chains = require("viem/chains");
 function useSendCoinbaseUserOperation() {
+  const { isProduction } = useAnymalConfig();
   const { sendUserOperation, data, error, status } = (0, import_cdp_hooks.useSendUserOperation)();
-  const publicClient = (0, import_react10.useMemo)(
+  const publicClient = (0, import_react11.useMemo)(
     () => (0, import_viem.createPublicClient)({
-      chain: import_chains.baseSepolia,
+      chain: isProduction ? import_chains.base : import_chains.baseSepolia,
       transport: (0, import_viem.http)()
     }),
-    []
+    [isProduction]
   );
-  const sendOperationFn = (0, import_react10.useCallback)(
+  const sendOperationFn = (0, import_react11.useCallback)(
     async (evmAddress, contractAddress, abi, functionName, args) => {
-      console.log("sendOperationFn called with:", {
-        evmAddress,
-        contractAddress,
-        functionName,
-        args,
-        argsLength: args.length
-      });
       if (!evmAddress || !contractAddress || !abi || !functionName) {
         return { success: false, message: "Missing required information" };
       }
@@ -516,7 +532,7 @@ function useSendCoinbaseUserOperation() {
         });
         await sendUserOperation({
           evmSmartAccount: evmAddress,
-          network: "base-sepolia",
+          network: isProduction ? "base" : "base-sepolia",
           useCdpPaymaster: true,
           calls: [{ data: callData, to: contractAddress }]
         });
@@ -2963,10 +2979,10 @@ var ERROR_ABI = [...LOCAL_ERRORS, (0, import_viem2.parseAbi)([...OZ_ERROR_FRAGME
 var ORG_FUNCTION = "executeCall";
 
 // src/utils/coinbase/useCoinbaseClaimActionReward.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useCoinbaseClaimActionReward() {
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
-  return (0, import_react11.useCallback)(
+  return (0, import_react12.useCallback)(
     async (evmAddress, actionId, claimIndex, validationContractAddress) => {
       if (!evmAddress || !actionId || claimIndex === void 0 || !validationContractAddress) {
         return {
@@ -2989,10 +3005,11 @@ function useCoinbaseClaimActionReward() {
 }
 
 // src/utils/coinbase/useCoinbaseMintAnymalNFT.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useCoinbaseMintAnymalNFT() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
-  return (0, import_react12.useCallback)(
+  return (0, import_react13.useCallback)(
     async (evmAddress, pid, passportID, anymalTxId, validationContractAddress) => {
       if (!passportID || !pid || !validationContractAddress) {
         return {
@@ -3001,6 +3018,7 @@ function useCoinbaseMintAnymalNFT() {
           status: "error"
         };
       }
+      const metadataUrl = isProduction ? `https://nft.petastic.com/metadata/${passportID}` : `https://dev-nft.petastic.com/metadata/${passportID}`;
       const result = await sendOperationFn(
         evmAddress,
         validationContractAddress,
@@ -3009,31 +3027,32 @@ function useCoinbaseMintAnymalNFT() {
         [
           pid,
           passportID,
-          `https://dev-nft.petastic.com/metadata/${passportID}`,
+          metadataUrl,
           "petastic-signup-campaign-1",
           anymalTxId
         ]
       );
       return { ...result, status };
     },
-    [sendOperationFn, status]
+    [sendOperationFn, status, isProduction]
   );
 }
 
 // src/utils/coinbase/useCoinbaseCreateOrganizationWallet.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_viem3 = require("viem");
 var import_chains2 = require("viem/chains");
 function useCoinbaseCreateOrganizationWallet() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, data, status } = useSendCoinbaseUserOperation();
-  const publicClient = (0, import_react13.useMemo)(
+  const publicClient = (0, import_react14.useMemo)(
     () => (0, import_viem3.createPublicClient)({
-      chain: import_chains2.baseSepolia,
+      chain: isProduction ? import_chains2.base : import_chains2.baseSepolia,
       transport: (0, import_viem3.http)()
     }),
-    []
+    [isProduction]
   );
-  return (0, import_react13.useCallback)(
+  return (0, import_react14.useCallback)(
     /**
      * Creates a new organization on-chain.
      *
@@ -3073,11 +3092,12 @@ function useCoinbaseCreateOrganizationWallet() {
 }
 
 // src/utils/coinbase/useCoinbaseMintOrgAnymalNFT.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_viem4 = require("viem");
 function useCoinbaseMintOrgAnymalNFT() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
-  return (0, import_react14.useCallback)(
+  return (0, import_react15.useCallback)(
     async (evmAddress, orgContractAddress, pid, passportID, anymalTxId, validationContractAddress) => {
       if (!passportID || !orgContractAddress || !pid || !validationContractAddress) {
         return {
@@ -3086,10 +3106,11 @@ function useCoinbaseMintOrgAnymalNFT() {
           status: "error"
         };
       }
+      const metadataUrl = isProduction ? `https://nft.petastic.com/metadata/${passportID}` : `https://dev-nft.petastic.com/metadata/${passportID}`;
       const args = [
         pid,
         passportID,
-        `https://dev-nft.petastic.com/metadata/${passportID}`,
+        metadataUrl,
         "petastic-signup-campaign-1",
         anymalTxId
       ];
@@ -3108,16 +3129,16 @@ function useCoinbaseMintOrgAnymalNFT() {
       );
       return { ...result, status };
     },
-    [sendOperationFn, status]
+    [sendOperationFn, status, isProduction]
   );
 }
 
 // src/utils/coinbase/useCoinbaseClaimOrgActionReward.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_viem5 = require("viem");
 function useCoinbaseClaimOrgActionReward() {
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
-  return (0, import_react15.useCallback)(
+  return (0, import_react16.useCallback)(
     async (evmSmartAddress, orgContractAddress, rewardableActionContractAddress, actionId, claimIndex) => {
       if (!evmSmartAddress || !orgContractAddress || !actionId || claimIndex === void 0) {
         return {
@@ -3147,7 +3168,7 @@ function useCoinbaseClaimOrgActionReward() {
 
 // src/utils/anymals/useMintAnymalNFT.ts
 var import_viem7 = require("viem");
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/helpers/GasEstimateHelper.tsx
 async function applyBundlerGasEstimator(account, bundlerClient, options) {
@@ -3228,7 +3249,7 @@ async function simulateCall(publicClient, target, abi, functionName, args, calle
 
 // src/utils/anymals/useMintAnymalNFT.ts
 function useMintAnymalNFT() {
-  return (0, import_react16.useCallback)(
+  return (0, import_react17.useCallback)(
     async (pid, nftId, anymalTxId, dbAuthToken, validationContractAddress, smartAccount, bundlerClient) => {
       if (!dbAuthToken || !nftId || !bundlerClient || !smartAccount || !pid || !validationContractAddress) {
         return {
@@ -3280,9 +3301,9 @@ function useMintAnymalNFT() {
 }
 
 // src/utils/anymals/useSaveAnymalMetadata.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 function useSaveAnymalMetadata() {
-  return (0, import_react17.useCallback)(
+  return (0, import_react18.useCallback)(
     async (userPid, anymalTxId, idToken, nftMetadataInput, authServiceBaseUrl) => {
       const response = await fetch(`${authServiceBaseUrl}/process-nft`, {
         method: "POST",
@@ -3310,7 +3331,7 @@ function useSaveAnymalMetadata() {
 }
 
 // src/utils/anymals/useUploadAnymalImage.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/helpers/UploadImageHelper.tsx
 function resizeImage(file, maxWidth = 800, maxHeight = 800, quality = 0.7) {
@@ -3367,7 +3388,7 @@ function toBase64(file) {
 
 // src/utils/anymals/useUploadAnymalImage.ts
 function useUploadAnymalImage() {
-  return (0, import_react18.useCallback)(
+  return (0, import_react19.useCallback)(
     async (imageFile, type, idToken, authServiceBaseUrl, petType, breed, lifestage, anymalPid) => {
       if (!imageFile || !idToken) {
         return {
@@ -3428,7 +3449,7 @@ function useUploadAnymalImage() {
 }
 
 // src/utils/marketplace/useProcessPartialKibblePayment.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/helpers/ProcessDirectPartialPayment.tsx
 var import_viem8 = require("viem");
@@ -3528,7 +3549,7 @@ async function processDirectPartialPayment(marketplaceContract, smartAccount, bu
 
 // src/utils/marketplace/useProcessPartialKibblePayment.ts
 function useProcessPartialKibblePayment() {
-  return (0, import_react19.useCallback)(
+  return (0, import_react20.useCallback)(
     async (pid, nftId, orderId, dbAuthToken, marketplaceContract, smartAccount, bundlerClient, amountInTokens, maxTokenPayment, nonce, deadline, backendSignature) => {
       if (!orderId || !dbAuthToken || !nftId || !bundlerClient || !smartAccount || !pid || !marketplaceContract || !amountInTokens || !maxTokenPayment || !nonce || !deadline) {
         return {
@@ -3584,7 +3605,7 @@ function useProcessPartialKibblePayment() {
 }
 
 // src/utils/marketplace/useApproveKibbleToken.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/helpers/ProcessDirectKibbleApproval.tsx
 var import_viem9 = require("viem");
@@ -3629,7 +3650,7 @@ async function processDirectKibbleApproval(kibbleTokenAddress, spenderAddress, s
 
 // src/utils/marketplace/useApproveKibbleToken.ts
 function useApproveKibbleToken() {
-  return (0, import_react20.useCallback)(
+  return (0, import_react21.useCallback)(
     async (kibbleTokenAddress, marketplaceContract, amount, smartAccount, bundlerClient) => {
       try {
         const result = await processDirectKibbleApproval(
@@ -3656,10 +3677,10 @@ function useApproveKibbleToken() {
 }
 
 // src/utils/organization/useCreateOrganizationBase.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_viem10 = require("viem");
 function useCreateOrganizationBase() {
-  return (0, import_react21.useCallback)(
+  return (0, import_react22.useCallback)(
     /**
      * Creates a new organization on-chain.
      *
@@ -3755,7 +3776,7 @@ function useCreateOrganizationBase() {
 }
 
 // src/utils/organization/useApproveOrgKibbleToken.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/helpers/ProcessOrgKibbleApproval.tsx
 var import_viem12 = require("viem");
@@ -3853,7 +3874,7 @@ async function processOrgKibbleApproval(orgContractAddress, kibbleTokenAddress,
 
 // src/utils/organization/useApproveOrgKibbleToken.ts
 function useApproveOrgPartialPayment() {
-  return (0, import_react22.useCallback)(
+  return (0, import_react23.useCallback)(
     async (orgContractAddress, kibbleTokenAddress, partialPaymentModuleAddress, managerSmartAccount, bundlerClient, approveAmount) => {
       if (!orgContractAddress || !kibbleTokenAddress || !partialPaymentModuleAddress || !managerSmartAccount || !bundlerClient || !approveAmount) {
         return {
@@ -3885,7 +3906,7 @@ function useApproveOrgPartialPayment() {
 }
 
 // src/utils/organization/useProcessOrgPartialKibblePayment.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/helpers/ProcessOrgPartialPayment.tsx
 var import_viem13 = require("viem");
@@ -3943,7 +3964,7 @@ async function processOrgPartialPayment(orgContractAddress, partialPaymentModule
 
 // src/utils/organization/useProcessOrgPartialKibblePayment.ts
 function useProcessOrgPartialKibblePayment() {
-  return (0, import_react23.useCallback)(
+  return (0, import_react24.useCallback)(
     async (orgContractAddress, partialPaymentModuleAddress, managerSmartAccount, bundlerClient, orderId, anymalNftId, pid, amountInTokens, maxTokenPayment, nonce, deadline, backendSignature) => {
       if (!orgContractAddress || !partialPaymentModuleAddress || !managerSmartAccount || !bundlerClient || !orderId || !pid || !nonce || !backendSignature) {
         return {
@@ -3981,9 +4002,9 @@ function useProcessOrgPartialKibblePayment() {
 }
 
 // src/utils/organization/useUpdateOrgWalletAddress.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 function useUpdateOrgWalletAddress() {
-  return (0, import_react24.useCallback)(
+  return (0, import_react25.useCallback)(
     async (dbAuthToken, docID, baseWalletAddress, endpoint) => {
       try {
         const mutation = `
@@ -4023,9 +4044,9 @@ function useUpdateOrgWalletAddress() {
 
 // src/utils/organization/useMintOrgAnymalNFT.ts
 var import_viem14 = require("viem");
-var import_react25 = require("react");
+var import_react26 = require("react");
 function useMintOrgAnymalNFT() {
-  return (0, import_react25.useCallback)(
+  return (0, import_react26.useCallback)(
     async (orgContractAddress, pid, nftId, anymalTxId, dbAuthToken, validationContractAddress, managerSmartAccount, bundlerClient) => {
       if (!dbAuthToken || !nftId || !bundlerClient || !managerSmartAccount || !pid || !validationContractAddress || !orgContractAddress) {
         return {
@@ -4293,9 +4314,9 @@ async function submitAction(idToken, pid, sourceType, payload, endpointBaseUrl)
 }
 
 // src/utils/actions/useFetchActions.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 function useFetchActions() {
-  return (0, import_react26.useCallback)(
+  return (0, import_react27.useCallback)(
     async (idToken, actionsServiceBaseUrl, pid, status, limit, offset) => {
       const params = new URLSearchParams({ pid });
       if (status) params.set("status", status);
@@ -4324,9 +4345,9 @@ function useFetchActions() {
 }
 
 // src/utils/actions/useFetchActionDefinitions.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 function useFetchActionDefinitions() {
-  return (0, import_react27.useCallback)(
+  return (0, import_react28.useCallback)(
     async (idToken, actionsServiceBaseUrl) => {
       try {
         const response = await fetch(
@@ -4423,10 +4444,10 @@ var convertToMultipleActionRecords = (frs) => frs.map(convertToActionRecord);
 var convertToMultipleActionDefinitions = (frs) => frs.map(convertToActionDefinition);
 
 // src/utils/application/useCreateUserAppData.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_uuid2 = require("uuid");
 function useCreateUserAppData() {
-  return (0, import_react28.useCallback)(
+  return (0, import_react29.useCallback)(
     async (appId, pid, dbAuthToken, endpoint) => {
       if (!dbAuthToken || !pid || !dbAuthToken || !endpoint) return;
       const appValues = {
@@ -4481,10 +4502,10 @@ function useCreateUserAppData() {
 }
 
 // src/utils/application/useCreateOrganizationAppData.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_uuid3 = require("uuid");
 function useCreateOrganizationAppData() {
-  return (0, import_react29.useCallback)(
+  return (0, import_react30.useCallback)(
     async (appId, pid, dbAuthToken, endpoint) => {
       if (!dbAuthToken || !pid || !dbAuthToken || !endpoint) return;
       const appValues = {
@@ -4538,10 +4559,10 @@ function useCreateOrganizationAppData() {
 }
 
 // src/utils/balance/useFetchBalance.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_viem16 = require("viem");
 function useFetchBalance() {
-  return (0, import_react30.useCallback)(
+  return (0, import_react31.useCallback)(
     async (publicClient, walletAddress, kibbleTokenAddress) => {
       try {
         const balance = await publicClient.readContract({
@@ -4561,9 +4582,9 @@ function useFetchBalance() {
 
 // src/utils/actions/useClaimActionReward.ts
 var import_viem17 = require("viem");
-var import_react31 = require("react");
+var import_react32 = require("react");
 function useClaimActionReward() {
-  return (0, import_react31.useCallback)(
+  return (0, import_react32.useCallback)(
     async (actionId, claimIndex, rewardableActionContractAddress, smartAccount, bundlerClient) => {
       if (!actionId || claimIndex === void 0 || !bundlerClient || !smartAccount || !rewardableActionContractAddress) {
         return {
@@ -4610,9 +4631,9 @@ function useClaimActionReward() {
 
 // src/utils/actions/useClaimOrgActionReward.ts
 var import_viem18 = require("viem");
-var import_react32 = require("react");
+var import_react33 = require("react");
 function useClaimOrgActionReward() {
-  return (0, import_react32.useCallback)(
+  return (0, import_react33.useCallback)(
     async (orgContractAddress, rewardableActionContractAddress, actionId, claimIndex, smartAccount, bundlerClient) => {
       if (!orgContractAddress || !actionId || claimIndex === void 0 || !bundlerClient || !smartAccount) {
         return {
@@ -4662,9 +4683,9 @@ function useClaimOrgActionReward() {
 }
 
 // src/utils/actions/useSubmitContractAction.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 function useSubmitContractAction() {
-  return (0, import_react33.useCallback)(
+  return (0, import_react34.useCallback)(
     (idToken, pid, source, endpoint, payload) => {
       if (!idToken || !pid || !source || !endpoint || !payload) return;
       let sourceTypePayload = {};
@@ -4785,6 +4806,7 @@ function isMarketplacePurchaseAction(payload) {
   ActionSourceType,
   ActionStatus,
   ActionType,
+  AnymalConfigProvider,
   ERROR_ABI,
   FIREBASE_WEB_API_KEYS,
   FIREBASE_WEB_AUTH_API_ENDPOINTS,
@@ -4818,6 +4840,7 @@ function isMarketplacePurchaseAction(payload) {
   sendUserOpWithRetries,
   serializePublicKeyCompressed,
   submitAction,
+  useAnymalConfig,
   useApproveKibbleToken,
   useApproveOrgPartialPayment,
   useClaimActionReward,

package/dist/index.mjs

@@ -14,6 +14,26 @@ import {
   serializePublicKeyCompressed
 } from "./chunk-OBXCSRGF.mjs";
 
+// src/context/AnymalConfigContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var AnymalConfigContext = createContext(null);
+function AnymalConfigProvider({
+  children,
+  isProduction
+}) {
+  return /* @__PURE__ */ jsx(AnymalConfigContext.Provider, { value: { isProduction }, children });
+}
+function useAnymalConfig() {
+  const context = useContext(AnymalConfigContext);
+  if (!context) {
+    throw new Error(
+      "useAnymalConfig must be used within an AnymalConfigProvider"
+    );
+  }
+  return context;
+}
+
 // src/utils/account/useVerifyAccount.ts
 import { useCallback } from "react";
 function useVerifyAccount() {
@@ -387,28 +407,22 @@ function useFetchNotifications() {
 }
 
 // src/utils/coinbase/useSendCoinbaseUserOperation.ts
-import { useCallback as useCallback10, useMemo } from "react";
 import { useSendUserOperation } from "@coinbase/cdp-hooks";
+import { useCallback as useCallback10, useMemo } from "react";
 import { createPublicClient, encodeFunctionData, http } from "viem";
-import { baseSepolia } from "viem/chains";
+import { base, baseSepolia } from "viem/chains";
 function useSendCoinbaseUserOperation() {
+  const { isProduction } = useAnymalConfig();
   const { sendUserOperation, data, error, status } = useSendUserOperation();
   const publicClient = useMemo(
     () => createPublicClient({
-      chain: baseSepolia,
+      chain: isProduction ? base : baseSepolia,
       transport: http()
     }),
-    []
+    [isProduction]
   );
   const sendOperationFn = useCallback10(
     async (evmAddress, contractAddress, abi, functionName, args) => {
-      console.log("sendOperationFn called with:", {
-        evmAddress,
-        contractAddress,
-        functionName,
-        args,
-        argsLength: args.length
-      });
       if (!evmAddress || !contractAddress || !abi || !functionName) {
         return { success: false, message: "Missing required information" };
       }
@@ -435,7 +449,7 @@ function useSendCoinbaseUserOperation() {
         });
         await sendUserOperation({
           evmSmartAccount: evmAddress,
-          network: "base-sepolia",
+          network: isProduction ? "base" : "base-sepolia",
           useCdpPaymaster: true,
           calls: [{ data: callData, to: contractAddress }]
         });
@@ -2910,6 +2924,7 @@ function useCoinbaseClaimActionReward() {
 // src/utils/coinbase/useCoinbaseMintAnymalNFT.ts
 import { useCallback as useCallback12 } from "react";
 function useCoinbaseMintAnymalNFT() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
   return useCallback12(
     async (evmAddress, pid, passportID, anymalTxId, validationContractAddress) => {
@@ -2920,6 +2935,7 @@ function useCoinbaseMintAnymalNFT() {
           status: "error"
         };
       }
+      const metadataUrl = isProduction ? `https://nft.petastic.com/metadata/${passportID}` : `https://dev-nft.petastic.com/metadata/${passportID}`;
       const result = await sendOperationFn(
         evmAddress,
         validationContractAddress,
@@ -2928,29 +2944,30 @@ function useCoinbaseMintAnymalNFT() {
         [
           pid,
           passportID,
-          `https://dev-nft.petastic.com/metadata/${passportID}`,
+          metadataUrl,
           "petastic-signup-campaign-1",
           anymalTxId
         ]
       );
       return { ...result, status };
     },
-    [sendOperationFn, status]
+    [sendOperationFn, status, isProduction]
   );
 }
 
 // src/utils/coinbase/useCoinbaseCreateOrganizationWallet.ts
 import { useCallback as useCallback13, useMemo as useMemo2 } from "react";
 import { createPublicClient as createPublicClient2, http as http2 } from "viem";
-import { baseSepolia as baseSepolia2 } from "viem/chains";
+import { base as base2, baseSepolia as baseSepolia2 } from "viem/chains";
 function useCoinbaseCreateOrganizationWallet() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, data, status } = useSendCoinbaseUserOperation();
   const publicClient = useMemo2(
     () => createPublicClient2({
-      chain: baseSepolia2,
+      chain: isProduction ? base2 : baseSepolia2,
       transport: http2()
     }),
-    []
+    [isProduction]
   );
   return useCallback13(
     /**
@@ -2995,6 +3012,7 @@ function useCoinbaseCreateOrganizationWallet() {
 import { useCallback as useCallback14 } from "react";
 import { encodeFunctionData as encodeFunctionData2 } from "viem";
 function useCoinbaseMintOrgAnymalNFT() {
+  const { isProduction } = useAnymalConfig();
   const { sendOperationFn, status } = useSendCoinbaseUserOperation();
   return useCallback14(
     async (evmAddress, orgContractAddress, pid, passportID, anymalTxId, validationContractAddress) => {
@@ -3005,10 +3023,11 @@ function useCoinbaseMintOrgAnymalNFT() {
           status: "error"
         };
       }
+      const metadataUrl = isProduction ? `https://nft.petastic.com/metadata/${passportID}` : `https://dev-nft.petastic.com/metadata/${passportID}`;
       const args = [
         pid,
         passportID,
-        `https://dev-nft.petastic.com/metadata/${passportID}`,
+        metadataUrl,
         "petastic-signup-campaign-1",
         anymalTxId
       ];
@@ -3027,7 +3046,7 @@ function useCoinbaseMintOrgAnymalNFT() {
       );
       return { ...result, status };
     },
-    [sendOperationFn, status]
+    [sendOperationFn, status, isProduction]
   );
 }
 
@@ -4520,6 +4539,7 @@ export {
   ActionSourceType,
   ActionStatus,
   ActionType,
+  AnymalConfigProvider,
   ERROR_ABI,
   FIREBASE_WEB_API_KEYS,
   FIREBASE_WEB_AUTH_API_ENDPOINTS,
@@ -4553,6 +4573,7 @@ export {
   sendUserOpWithRetries,
   serializePublicKeyCompressed,
   submitAction,
+  useAnymalConfig,
   useApproveKibbleToken,
   useApproveOrgPartialPayment,
   useClaimActionReward,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anymal-protocol",
-  "version": "1.0.155",
+  "version": "1.0.157",
   "description": "A React/TypeScript-based utility library for reusable functions and hooks inside of the Anymal Ecosystem.",
   "main": "dist/index.js",
   "bin": {