ArcenPayProvider

"use client";

import { ArcenPayProvider } from "@arcenpay/react";

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <ArcenPayProvider
      publishableKey={process.env.NEXT_PUBLIC_ARCENPAY_PUBLISHABLE_KEY}
      componentId={process.env.NEXT_PUBLIC_ARCENPAY_COMPONENT_ID}
    >
      {children}
    </ArcenPayProvider>
  );
}

import { useArcenPay } from "@arcenpay/react";

function BillingSetup({ companyId, wallet }: { companyId: string; wallet: string }) {
  const { identify, session } = useArcenPay();

  useEffect(() => {
    if (!wallet) return;
    if (session.company?.wallet?.toLowerCase() === wallet.toLowerCase()) return;

    void identify({
      company: { id: companyId, wallet, name: "Acme" },
      user: { id: `user-${companyId}`, wallet },
    });
  }, [companyId, wallet]);

  return null;
}

identify(params: {
  company: {
    id?: string;
    wallet?: string;
    email?: string;
    name?: string;
    traits?: Record<string, unknown>;
  };
  user: {
    id?: string;
    wallet?: string;
  };
  expiresIn?: number; // default: 3600 seconds
}): Promise<Session>

interface Session {
  company: { id: string; wallet?: string; name?: string } | null;
  user: { id: string; wallet?: string } | null;
  token: string; // JWT access token
}

<WagmiProvider config={config}>
  <RainbowKitProvider>
    <ArcenPayProvider publishableKey={pk}>
      {children}
    </ArcenPayProvider>
  </RainbowKitProvider>
</WagmiProvider>