Quickstart

EXPO_PUBLIC_CHIPI_API_PUBLIC_KEY=pk_prod_xxxx

// app/_layout.tsx

import { ChipiProvider } from "@chipi-stack/chipi-expo";

const API_PUBLIC_KEY = process.env.EXPO_PUBLIC_CHIPI_API_PUBLIC_KEY;
if (!API_PUBLIC_KEY) throw new Error("API_PUBLIC_KEY is not set");


export default function RootLayout() {
  // ...
  return (
    <ChipiProvider
      config={{
        apiPublicKey: API_PUBLIC_KEY,
      }}
    >
      <Stack />
    </ChipiProvider>
  );
}

import { useChipiWallet } from "@chipi-stack/chipi-expo";
import { View, Text, TouchableOpacity } from "react-native";

function WalletComponent() {
  const { userId, getToken } = useYourAuthProvider();
  
  const {
    wallet,
    hasWallet,
    formattedBalance,
    createWallet,
    isLoadingWallet,
  } = useChipiWallet({
    externalUserId: userId,
    getBearerToken: getToken,
  });

  if (!hasWallet) {
    return (
      <TouchableOpacity onPress={() => createWallet({ encryptKey: "1234" })}>
        <Text>Create Wallet</Text>
      </TouchableOpacity>
    );
  }

  return <Text>Balance: ${formattedBalance} USDC</Text>;
}

import { useChipiWallet, useChipiSession } from "@chipi-stack/chipi-expo";

function GaslessTransactions() {
  const { wallet } = useChipiWallet({ ... });
  
  const {
    hasActiveSession,
    createSession,
    registerSession,
    executeWithSession,
  } = useChipiSession({
    wallet,
    encryptKey: pin,
    getBearerToken: getToken,
  });

  // Setup session once
  const handleSetup = async () => {
    await createSession();
    await registerSession();
  };

  // Execute transactions without owner signature
  const handleTransfer = async () => {
    await executeWithSession([{
      contractAddress: USDC_CONTRACT,
      entrypoint: "transfer",
      calldata: [recipient, amount, "0x0"],
    }]);
  };
}