Creating Embedded Wallets

import { useDynamicWaas, useUserWallets } from "@dynamic-labs/sdk-react-core";
import { ChainEnum } from "@dynamic-labs/sdk-api-core";
// component declaration and all other logic you might need

const { createWalletAccount, getWaasWallets } = useDynamicWaas();

const onCreateWalletHandler = async () => {
  try {
    const waasWallets = await getWaasWallets();
    if (waasWallets.length === 0) {
        await createWalletAccount([ChainEnum.Evm, ChainEnum.Sol]);
    }
  } catch (e) {
    console.error(e);
  }
};

import React, { useState } from 'react';
import { ChainEnum } from '@dynamic-labs/sdk-api-core';
import { useDynamicWaas } from '../../../utils/hooks/useDynamicWaas';

export const CreateWallets = () => {
  const { createWalletAccount } = useDynamicWaas();
  const [status, setStatus] = useState<{
    loading: boolean;
    error?: string;
    retrying?: ChainEnum[];
  }>({ loading: false });

  const handleCreateWallet = async (chains: ChainEnum[]) => {
    try {
      const walletAccounts = await createWalletAccount(chains);
    } catch (err) {
      if (err.message.includes('Failed to create wallet')) {
        const failedChains = err.message.split(': ')[1]?.split(', ') || [];

        if (failedChains.length > 0) {
          setStatus({
            error: `Failed to create wallets for: ${failedChains.join(', ')}`,
            loading: false,
          });

          // Retry after 2 seconds
          setTimeout(
            () => handleCreateWallet(failedChains as ChainEnum[]),
            2000,
          );
        }
      } else {
        setStatus({ error: 'Failed to create wallets', loading: false });
      }
    }
  };

  const initialChains = [ChainEnum.Evm, ChainEnum.Sui, ChainEnum.Sol];

  return (
    <div>
      <button
        onClick={() => handleCreateWallet(initialChains)}
        disabled={status.loading}
      >
        {status.loading ? 'Creating...' : 'Create Wallets'}
      </button>

      {status.error && (
        <div style={{ color: 'red', marginTop: 10 }}>{status.error}</div>
      )}

      {status.retrying && (
        <div style={{ color: 'orange', marginTop: 10 }}>
          Retrying for chains: {status.retrying.join(', ')}
        </div>
      )}
    </div>
  );
};