feat(packages): pegin flow

Author: jeremy-babylonlabs

package-lock.json

@@ -54,7 +54,8 @@
   "dependencies": {
     "@morpho-org/blue-sdk": "^5.0.0",
     "@morpho-org/blue-sdk-viem": "^4.0.0",
-    "@tanstack/react-query": "^5.90.2"
+    "@tanstack/react-query": "^5.90.2",
+    "usehooks-ts": "^3.1.1"
   },
   "optionalDependencies": {
     "@rollup/rollup-darwin-arm64": "4.52.4"

package.json

@@ -39,6 +39,7 @@ export interface ActivityCardData {
     label: string;
     items: ActivityListItemData[];
   }[];
+  warning?: React.ReactNode;
   primaryAction?: ActivityCardActionButton;
   secondaryActions?: ActivityCardActionButton[];
 }
@@ -72,6 +73,12 @@ export function ActivityCard({ data, className }: ActivityCardProps) {
         {data.secondaryActions && data.secondaryActions.length > 0 && (
           <ActivityCardActionSection actions={data.secondaryActions} />
         )}
+
+        {data.warning && (
+          <div className="mt-3 sm:mt-4">
+            {data.warning}
+          </div>
+        )}
       </div>
 
       {data.primaryAction && (