@openzeppelin/ui-builder-adapter-stellar 1.1.3 → 1.3.0

package/src/transform/parsers/struct-parser.ts

@@ -1,7 +1,7 @@
 import { nativeToScVal, xdr } from '@stellar/stellar-sdk';
 
-import { isEnumValue, type FunctionParameter } from '@openzeppelin/ui-builder-types';
-import { isPlainObject, logger } from '@openzeppelin/ui-builder-utils';
+import { isEnumValue, type FunctionParameter } from '@openzeppelin/ui-types';
+import { isPlainObject, logger } from '@openzeppelin/ui-utils';
 
 import { convertStellarTypeToScValType } from '../../utils/formatting';
 import { isLikelyEnumType } from '../../utils/type-detection';

package/src/utils/input-parsing.ts

@@ -1,6 +1,6 @@
 import { nativeToScVal, xdr } from '@stellar/stellar-sdk';
 
-import { detectBytesEncoding, logger, stringToBytes } from '@openzeppelin/ui-builder-utils';
+import { detectBytesEncoding, logger, stringToBytes } from '@openzeppelin/ui-utils';
 
 // Import types for internal use
 import type {

package/src/utils/type-detection.ts

@@ -1,6 +1,6 @@
 import * as StellarSdk from '@stellar/stellar-sdk';
 
-import { isDevelopmentOrTestEnvironment, logger } from '@openzeppelin/ui-builder-utils';
+import { isDevelopmentOrTestEnvironment, logger } from '@openzeppelin/ui-utils';
 
 /**
  * Utility functions for detecting and analyzing Stellar/Soroban parameter types

package/src/validation/eoa.ts

@@ -1,5 +1,5 @@
-import { EoaExecutionConfig } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import { EoaExecutionConfig } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import { StellarWalletConnectionStatus } from '../wallet/types';
 import { isValidAddress } from './address';

package/src/validation/relayer.ts

@@ -1,4 +1,4 @@
-import { RelayerExecutionConfig } from '@openzeppelin/ui-builder-types';
+import { RelayerExecutionConfig } from '@openzeppelin/ui-types';
 
 export async function validateRelayerConfig(
   config: RelayerExecutionConfig

package/src/wallet/README.md

@@ -90,4 +90,4 @@ wallet/
 
 ## Usage in Application
 
-`StellarWalletUiRoot` is returned by the adapter and used by the Builder’s `WalletStateProvider`. Use `useWalletState()` and facade hooks from `@openzeppelin/ui-builder-react-core` to render the wallet UI components from `getEcosystemWalletComponents()`.
+`StellarWalletUiRoot` is returned by the adapter and used by the Builder’s `WalletStateProvider`. Use `useWalletState()` and facade hooks from `@openzeppelin/ui-react` to render the wallet UI components from `getEcosystemWalletComponents()`.

package/src/wallet/components/StellarWalletUiRoot.tsx

@@ -1,8 +1,8 @@
 import type { ISupportedWallet } from '@creit.tech/stellar-wallets-kit';
 import { ReactNode, useCallback, useEffect, useState } from 'react';
 
-import type { UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { UiKitConfiguration } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import {
   connectStellarWallet,

package/src/wallet/components/account/AccountDisplay.tsx

@@ -1,9 +1,9 @@
 import { LogOut } from 'lucide-react';
 import React from 'react';
 
-import type { BaseComponentProps } from '@openzeppelin/ui-builder-types';
-import { Button } from '@openzeppelin/ui-builder-ui';
-import { cn, truncateMiddle } from '@openzeppelin/ui-builder-utils';
+import { Button } from '@openzeppelin/ui-components';
+import type { BaseComponentProps } from '@openzeppelin/ui-types';
+import { cn, getWalletAccountDisplaySizeProps, truncateMiddle } from '@openzeppelin/ui-utils';
 
 import { useStellarAccount, useStellarDisconnect } from '../../hooks';
 
@@ -11,28 +11,39 @@ import { useStellarAccount, useStellarDisconnect } from '../../hooks';
  * A component that displays the connected account address.
  * Also includes a disconnect button.
  */
-export const CustomAccountDisplay: React.FC<BaseComponentProps> = ({ className }) => {
+export const CustomAccountDisplay: React.FC<BaseComponentProps> = ({
+  className,
+  size,
+  variant,
+  fullWidth,
+}) => {
   const { isConnected, address } = useStellarAccount();
   const { disconnect } = useStellarDisconnect();
 
+  const sizeProps = getWalletAccountDisplaySizeProps(size);
+
   if (!isConnected || !address || !disconnect) {
     return null;
   }
 
   return (
-    <div className={cn('flex items-center gap-2', className)}>
-      <div className="flex flex-col">
-        <span className="text-xs font-medium">{truncateMiddle(address, 4, 4)}</span>
-        <span className="text-[9px] text-muted-foreground -mt-0.5">Stellar Account</span>
+    <div className={cn('flex items-center gap-2', fullWidth && 'w-full', className)}>
+      <div className={cn('flex flex-col', fullWidth && 'flex-1')}>
+        <span className={cn(sizeProps.textSize, 'font-medium')}>
+          {truncateMiddle(address, 4, 4)}
+        </span>
+        <span className={cn(sizeProps.subTextSize, 'text-muted-foreground -mt-0.5')}>
+          Stellar Account
+        </span>
       </div>
       <Button
         onClick={() => disconnect()}
-        variant="ghost"
+        variant={variant || 'ghost'}
         size="icon"
-        className="size-6 p-0"
+        className={cn(sizeProps.iconButtonSize, 'p-0')}
         title="Disconnect wallet"
       >
-        <LogOut className="size-3.5" />
+        <LogOut className={sizeProps.iconSize} />
       </Button>
     </div>
   );

package/src/wallet/components/connect/ConnectButton.tsx

@@ -1,9 +1,9 @@
 import { Loader2, Wallet } from 'lucide-react';
 import React, { useEffect, useState } from 'react';
 
-import type { BaseComponentProps } from '@openzeppelin/ui-builder-types';
-import { Button } from '@openzeppelin/ui-builder-ui';
-import { cn } from '@openzeppelin/ui-builder-utils';
+import { Button } from '@openzeppelin/ui-components';
+import type { BaseComponentProps } from '@openzeppelin/ui-types';
+import { cn, getWalletButtonSizeProps } from '@openzeppelin/ui-utils';
 
 import { useStellarAccount } from '../../hooks';
 import { ConnectorDialog } from './ConnectorDialog';
@@ -19,6 +19,9 @@ export interface ConnectButtonProps extends BaseComponentProps {
 
 export const CustomConnectButton: React.FC<ConnectButtonProps> = ({
   className,
+  size,
+  variant,
+  fullWidth,
   hideWhenConnected = true,
 }) => {
   const [dialogOpen, setDialogOpen] = useState(false);
@@ -27,6 +30,8 @@ export const CustomConnectButton: React.FC<ConnectButtonProps> = ({
   // Local state to indicate the button has been clicked and dialog is open, awaiting user selection
   const [isManuallyInitiated, setIsManuallyInitiated] = useState(false);
 
+  const sizeProps = getWalletButtonSizeProps(size);
+
   useEffect(() => {
     if (isConnected && hideWhenConnected) {
       setDialogOpen(false);
@@ -63,19 +68,19 @@ export const CustomConnectButton: React.FC<ConnectButtonProps> = ({
   const showButtonLoading = isConnecting || isManuallyInitiated;
 
   return (
-    <div className={cn('flex items-center', className)}>
+    <div className={cn('flex items-center', fullWidth && 'w-full', className)}>
       <Button
         onClick={handleConnectClick}
         disabled={showButtonLoading || isConnected}
-        variant="outline"
-        size="sm"
-        className="h-8 px-2 text-xs"
+        variant={variant || 'outline'}
+        size={sizeProps.size}
+        className={cn(sizeProps.className, fullWidth && 'w-full')}
         title={isConnected ? 'Connected' : 'Connect Wallet'}
       >
         {showButtonLoading ? (
-          <Loader2 className="size-3.5 animate-spin mr-1" />
+          <Loader2 className={cn(sizeProps.iconSize, 'animate-spin mr-1')} />
         ) : (
-          <Wallet className="size-3.5 mr-1" />
+          <Wallet className={cn(sizeProps.iconSize, 'mr-1')} />
         )}
         {showButtonLoading ? 'Connecting...' : 'Connect Wallet'}
       </Button>

package/src/wallet/components/connect/ConnectorDialog.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 
-import type { Connector } from '@openzeppelin/ui-builder-types';
 import {
   Button,
   Dialog,
@@ -8,8 +7,9 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from '@openzeppelin/ui-builder-ui';
-import { logger } from '@openzeppelin/ui-builder-utils';
+} from '@openzeppelin/ui-components';
+import type { Connector } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import { getStellarAvailableConnectors } from '../../connection';
 import { useStellarAccount, useStellarConnect } from '../../hooks';

package/src/wallet/connection.ts

@@ -1,5 +1,5 @@
-import type { Connector } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { Connector } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import {
   getInitializedStellarWalletImplementation,

package/src/wallet/hooks/facade-hooks.ts

@@ -1,4 +1,4 @@
-import type { EcosystemSpecificReactHooks } from '@openzeppelin/ui-builder-types';
+import type { EcosystemSpecificReactHooks } from '@openzeppelin/ui-types';
 
 import { useStellarAccount } from './useStellarAccount';
 import { useStellarConnect } from './useStellarConnect';

package/src/wallet/hooks/useStellarConnect.ts

@@ -1,7 +1,7 @@
 import type { ISupportedWallet } from '@creit.tech/stellar-wallets-kit';
 import { useCallback, useState } from 'react';
 
-import type { Connector } from '@openzeppelin/ui-builder-types';
+import type { Connector } from '@openzeppelin/ui-types';
 
 import { useStellarWalletContext } from '../context';
 

package/src/wallet/hooks/useUiKitConfig.ts

@@ -1,5 +1,5 @@
-import type { UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { appConfigService, logger } from '@openzeppelin/ui-builder-utils';
+import type { UiKitConfiguration } from '@openzeppelin/ui-types';
+import { appConfigService, logger } from '@openzeppelin/ui-utils';
 
 /**
  * Default configuration when no specific configuration is provided

package/src/wallet/implementation/wallets-kit-implementation.ts

@@ -11,12 +11,8 @@ import {
   WalletNetwork,
 } from '@creit.tech/stellar-wallets-kit';
 
-import type {
-  Connector,
-  StellarNetworkConfig,
-  UiKitConfiguration,
-} from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { Connector, StellarNetworkConfig, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import type { StellarConnectionStatusListener, StellarWalletConnectionStatus } from '../types';
 

package/src/wallet/services/__tests__/configResolutionService.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import type { UiKitConfiguration, UiKitName } from '@openzeppelin/ui-builder-types';
+import type { UiKitConfiguration, UiKitName } from '@openzeppelin/ui-types';
 
 import { resolveFullUiKitConfiguration } from '../configResolutionService';
 

package/src/wallet/services/configResolutionService.ts

@@ -1,5 +1,5 @@
-import type { NativeConfigLoader, UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { NativeConfigLoader, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 /**
  * Resolves the final, complete UiKitConfiguration for Stellar by merging various sources.

package/src/wallet/stellar-wallets-kit/StellarWalletsKitConnectButton.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-import { logger } from '@openzeppelin/ui-builder-utils';
+import { logger } from '@openzeppelin/ui-utils';
 
 import { setStellarConnectedAddress } from '../connection';
 import { stellarUiKitManager } from './stellarUiKitManager';

package/src/wallet/stellar-wallets-kit/__tests__/export-service.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import type { UiKitConfiguration } from '@openzeppelin/ui-builder-types';
+import type { UiKitConfiguration } from '@openzeppelin/ui-types';
 
 import { generateStellarWalletsKitExportables } from '../export-service';
 

package/src/wallet/stellar-wallets-kit/config-generator.ts

@@ -1,4 +1,4 @@
-import type { UiKitConfiguration } from '@openzeppelin/ui-builder-types';
+import type { UiKitConfiguration } from '@openzeppelin/ui-types';
 
 /**
  * Generates the content for a `stellar-wallets-kit.config.ts` file for an exported project.

package/src/wallet/stellar-wallets-kit/export-service.ts

@@ -1,4 +1,4 @@
-import type { UiKitConfiguration } from '@openzeppelin/ui-builder-types';
+import type { UiKitConfiguration } from '@openzeppelin/ui-types';
 
 import { generateStellarWalletsKitConfigFile } from './config-generator';
 

package/src/wallet/stellar-wallets-kit/stellarUiKitManager.ts

@@ -1,7 +1,7 @@
 import { allowAllModules, StellarWalletsKit, WalletNetwork } from '@creit.tech/stellar-wallets-kit';
 
-import type { StellarNetworkConfig, UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { StellarNetworkConfig, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import { getStellarWalletImplementation } from '../utils/stellarWalletImplementationManager';
 

package/src/wallet/types.ts

@@ -1,4 +1,4 @@
-import type { WalletConnectionStatus } from '@openzeppelin/ui-builder-types';
+import type { WalletConnectionStatus } from '@openzeppelin/ui-types';
 
 /**
  * Stellar-specific wallet connection status extending the base interface.

package/src/wallet/utils/__tests__/filterWalletComponents.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import type { EcosystemWalletComponents } from '@openzeppelin/ui-builder-types';
+import type { EcosystemWalletComponents } from '@openzeppelin/ui-types';
 
 import {
   filterWalletComponents,

package/src/wallet/utils/__tests__/uiKitService.test.ts

@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import type { UiKitConfiguration, UiKitName } from '@openzeppelin/ui-builder-types';
+import type { UiKitConfiguration, UiKitName } from '@openzeppelin/ui-types';
 
 import { CustomAccountDisplay, CustomConnectButton } from '../../components';
 import { getResolvedWalletComponents } from '../uiKitService';

package/src/wallet/utils/filterWalletComponents.ts

@@ -1,6 +1,6 @@
-import type { EcosystemWalletComponents, UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { ECOSYSTEM_WALLET_COMPONENT_KEYS } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { EcosystemWalletComponents, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { ECOSYSTEM_WALLET_COMPONENT_KEYS } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 /**
  * Filters a set of wallet components based on an exclusion list.

package/src/wallet/utils/stellarWalletImplementationManager.ts

@@ -1,5 +1,5 @@
-import type { StellarNetworkConfig, UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { appConfigService, logger } from '@openzeppelin/ui-builder-utils';
+import type { StellarNetworkConfig, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { appConfigService, logger } from '@openzeppelin/ui-utils';
 
 import { WalletsKitImplementation } from '../implementation/wallets-kit-implementation';
 

package/src/wallet/utils/uiKitService.ts

@@ -1,5 +1,5 @@
-import type { EcosystemWalletComponents, UiKitConfiguration } from '@openzeppelin/ui-builder-types';
-import { logger } from '@openzeppelin/ui-builder-utils';
+import type { EcosystemWalletComponents, UiKitConfiguration } from '@openzeppelin/ui-types';
+import { logger } from '@openzeppelin/ui-utils';
 
 import { CustomAccountDisplay, CustomConnectButton } from '../components';
 import { StellarWalletsKitConnectButton } from '../stellar-wallets-kit';