aomi-widget

1"use client";
2 
3import type { CSSProperties, ReactNode } from "react";
4import type { AomiClientOptions } from "@aomi-labs/react";
5import { AomiFrame, type AomiFrameControlBarProps } from "./aomi-frame";
6import { AomiWalletKitProvider, useAomiWalletKit } from "../lib/wallet-kit";
7import type {
8  AccountConfig,
9  AomiWidgetAuthConfig,
10  AuthConfig,
11  ExecutionConfig,
12  ProvidersConfig,
13  WalletsConfig,
14} from "../lib/wallet-kit/config/types";
15 
16export type { AomiWidgetAuthConfig } from "../lib/wallet-kit/config/types";
17 
18export type AomiWidgetProps = {
19  children?: ReactNode;
20  apiUrl: string;
21  width?: CSSProperties["width"];
22  height?: CSSProperties["height"];
23  className?: string;
24  style?: CSSProperties;
25  walletPosition?: "header" | "footer" | null;
26  walletFamilies?: Array<"evm" | "solana">;
27  showSidebar?: boolean;
28  showHeader?: boolean;
29  controlBarProps?: Omit<AomiFrameControlBarProps, "children">;
30  clientOptions?: Omit<AomiClientOptions, "baseUrl" | "getAccountBearer">;
31  persistThread?: boolean;
32  threadPersistenceKey?: string;
33  threadPersistenceScope?: string | null;
34  auth?: AomiWidgetAuthConfig;
35  providers?: ProvidersConfig;
36  wallets?: WalletsConfig;
37  execution?: ExecutionConfig;
38  account?: AccountConfig;
39};
40 
41export function AomiWidget(props: AomiWidgetProps) {
42  const resolvedApiUrl = props.apiUrl.replace(/\/+$/, "");
43  const resolved = resolveWidgetAuth(props.auth, props.providers);
44  const account =
45    props.account === undefined
46      ? {
47          mode: "aomi-backend" as const,
48          baseUrl: resolvedApiUrl,
49          widgetAuth: props.auth
50            ? {
51                mode: "provider" as const,
52                provider: props.auth.provider,
53                environment: props.auth.environment,
54              }
55            : { mode: "wallet" as const },
56        }
57      : props.account;
58 
59  return (
60    <AomiWalletKitProvider
61      auth={resolved.auth}
62      providers={resolved.providers}
63      wallets={props.wallets}
64      execution={props.execution ?? { aa: "optional" }}
65      account={account}
66    >
67      <WidgetFrame
68        apiUrl={resolvedApiUrl}
69        width={props.width}
70        height={props.height}
71        className={props.className}
72        style={props.style}
73        walletPosition={props.walletPosition}
74        walletFamilies={props.walletFamilies}
75        showSidebar={props.showSidebar}
76        showHeader={props.showHeader}
77        controlBarProps={props.controlBarProps}
78        clientOptions={props.clientOptions}
79// … truncated