@openzeppelin/adapter-stellar 1.0.0 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openzeppelin/adapter-stellar",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Stellar Adapter for UI Builder",
   "keywords": [
     "openzeppelin",
@@ -35,25 +35,32 @@
   "dependencies": {
     "@creit.tech/stellar-wallets-kit": "^1.8.0",
     "@openzeppelin/relayer-sdk": "1.9.0",
-    "@openzeppelin/ui-components": "^1.4.0",
-    "@openzeppelin/ui-types": "^1.11.1",
-    "@openzeppelin/ui-utils": "^1.3.0",
     "@stellar/stellar-sdk": "^14.1.1",
     "@stellar/stellar-xdr-json": "^23.0.0",
     "@web3icons/react": "^4.0.19",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.23",
     "lossless-json": "^4.0.2",
-    "lucide-react": "^0.510.0",
-    "react-hook-form": "^7.62.0"
+    "lucide-react": "^0.510.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.17.20",
+    "@openzeppelin/ui-components": "^1.7.0",
+    "@openzeppelin/ui-types": "^1.12.0",
+    "@openzeppelin/ui-utils": "^1.4.0",
+    "@types/lodash-es": "^4.17.12",
     "eslint": "^9.32.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.62.0",
     "typescript": "^5.9.2",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "@openzeppelin/ui-components": "^1.7.0",
+    "@openzeppelin/ui-types": "^1.12.0",
+    "@openzeppelin/ui-utils": "^1.4.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.62.0"
   },
   "exports": {
     ".": {

package/src/index.ts

@@ -1,10 +1,30 @@
+import { VERSION as UI_COMPONENTS_V } from '@openzeppelin/ui-components';
+import { VERSION as UI_TYPES_V } from '@openzeppelin/ui-types';
 import type { EcosystemExport, StellarNetworkConfig } from '@openzeppelin/ui-types';
+import { VERSION as UI_UTILS_V, validatePeerVersions } from '@openzeppelin/ui-utils';
 
 import { StellarAdapter } from './adapter';
 import { stellarAdapterConfig } from './config';
 import { ecosystemMetadata } from './metadata';
 import { stellarNetworks } from './networks';
 
+declare const __OZ_PEER_MINIMUMS__: Record<string, string>;
+
+validatePeerVersions('@openzeppelin/adapter-stellar', {
+  '@openzeppelin/ui-components': {
+    installed: UI_COMPONENTS_V,
+    minimum: __OZ_PEER_MINIMUMS__['@openzeppelin/ui-components'],
+  },
+  '@openzeppelin/ui-types': {
+    installed: UI_TYPES_V,
+    minimum: __OZ_PEER_MINIMUMS__['@openzeppelin/ui-types'],
+  },
+  '@openzeppelin/ui-utils': {
+    installed: UI_UTILS_V,
+    minimum: __OZ_PEER_MINIMUMS__['@openzeppelin/ui-utils'],
+  },
+});
+
 export { ecosystemMetadata } from './metadata';
 export { StellarAdapter } from './adapter';
 

package/src/mapping/field-generator.ts

@@ -1,5 +1,5 @@
 import { xdr } from '@stellar/stellar-sdk';
-import { startCase } from 'lodash';
+import startCase from 'lodash-es/startCase.js';
 
 import type {
   ContractSchema,

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

@@ -1,9 +1,9 @@
 import { LogOut } from 'lucide-react';
 import React from 'react';
 
-import { Button } from '@openzeppelin/ui-components';
+import { AddressDisplay, Button } from '@openzeppelin/ui-components';
 import type { BaseComponentProps } from '@openzeppelin/ui-types';
-import { cn, getWalletAccountDisplaySizeProps, truncateMiddle } from '@openzeppelin/ui-utils';
+import { cn, getWalletAccountDisplaySizeProps } from '@openzeppelin/ui-utils';
 
 import { useStellarAccount, useStellarDisconnect } from '../../hooks';
 
@@ -28,10 +28,17 @@ export const CustomAccountDisplay: React.FC<BaseComponentProps> = ({
 
   return (
     <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>
+      <div className={cn('group flex flex-col', fullWidth && 'flex-1')}>
+        <AddressDisplay
+          address={address}
+          variant="inline"
+          startChars={4}
+          endChars={4}
+          showTooltip
+          showCopyButton
+          showCopyButtonOnHover
+          className={cn(sizeProps.textSize, 'font-sans font-medium')}
+        />
         <span className={cn(sizeProps.subTextSize, 'text-muted-foreground -mt-0.5')}>
           Stellar Account
         </span>