Revert "feat(packages): init renewal flow ui components (#252)" (#253)

This reverts commit 454d4e8.

Author: jeremy-babylonlabs

.github/workflows/service-release.yml

@@ -71,7 +71,6 @@ jobs:
           NEXT_PUBLIC_FF_ENABLE_LEDGER: ${{ vars.NEXT_PUBLIC_FF_ENABLE_LEDGER }}
           NEXT_PUBLIC_FF_PHASE_3: ${{ vars.NEXT_PUBLIC_FF_PHASE_3 }}
           NEXT_PUBLIC_FF_CO_STAKING: ${{ vars.NEXT_PUBLIC_FF_CO_STAKING }}
-          NEXT_PUBLIC_FF_TIMELOCK_RENEWAL: ${{ vars.NEXT_PUBLIC_FF_TIMELOCK_RENEWAL }}
 
       - name: Generate sha256sum checksum
         run: |

services/simple-staking/src/ui/common/components/ActivityCard/ActivityCard.tsx

@@ -3,6 +3,7 @@ import { StakeExpansionSection } from "@/ui/common/components/Activity/component
 import { DelegationWithFP } from "@/ui/common/types/delegationsV2";
 import FeatureFlagService from "@/ui/common/utils/FeatureFlagService";
 
+import { ActivityCardActionSection } from "./components/ActivityCardActionSection";
 import { ActivityCardAmountSection } from "./components/ActivityCardAmountSection";
 import { ActivityCardDetailsSection } from "./components/ActivityCardDetailsSection";
 
@@ -68,7 +69,6 @@ export function ActivityCard({ data, className }: ActivityCardProps) {
         icon={data.icon}
         iconAlt={data.iconAlt}
         primaryAction={data.primaryAction}
-        secondaryActions={data.secondaryActions}
       />
       <ActivityCardDetailsSection
         details={data.details}
@@ -83,6 +83,9 @@ export function ActivityCard({ data, className }: ActivityCardProps) {
           isPendingExpansion={data.isPendingExpansion}
         />
       )}
+      {data.secondaryActions && data.secondaryActions.length > 0 && (
+        <ActivityCardActionSection actions={data.secondaryActions} />
+      )}
     </div>
   );
 }

services/simple-staking/src/ui/common/components/ActivityCard/components/ActivityCardAmountSection.tsx

@@ -1,27 +1,19 @@
 import { Button } from "@babylonlabs-io/core-ui";
 
-import FeatureFlagService from "@/ui/common/utils/FeatureFlagService";
-
-import {
-  ThreeDotsMenu,
-  ThreeDotsMenuItem,
-} from "../../ThreeDotsMenu/ThreeDotsMenu";
 import { ActivityCardActionButton } from "../ActivityCard";
 
 interface ActivityCardAmountSectionProps {
   formattedAmount: string;
   icon?: string | React.ReactNode;
   iconAlt?: string;
   primaryAction?: ActivityCardActionButton;
-  secondaryActions?: ActivityCardActionButton[];
 }
 
 export function ActivityCardAmountSection({
   formattedAmount,
   icon,
   iconAlt,
   primaryAction,
-  secondaryActions,
 }: ActivityCardAmountSectionProps) {
   return (
     <div className="mb-4 flex items-center justify-between sm:mb-6">
@@ -41,39 +33,17 @@ export function ActivityCardAmountSection({
         </span>
       </div>
 
-      <div className="flex items-center gap-2">
-        {primaryAction && (
-          <Button
-            variant={primaryAction.variant || "contained"}
-            size={primaryAction.size || "small"}
-            className={`sm:bbn-btn-medium ${primaryAction.className || ""}`}
-            onClick={primaryAction.onClick}
-            disabled={primaryAction.disabled}
-          >
-            {primaryAction.label}
-          </Button>
-        )}
-
-        {FeatureFlagService.IsTimelockRenewalEnabled &&
-          secondaryActions &&
-          secondaryActions.length > 0 && (
-            <ThreeDotsMenu
-              buttonClassName="sm:bbn-btn-medium h-9 flex items-center justify-center rounded border border-secondary-strokeLight px-2 py-1 hover:bg-secondary-highlight transition-colors"
-              popoverClassName="min-w-48 rounded border border-secondary-strokeLight bg-surface shadow-md"
-            >
-              {secondaryActions.map((action, index) => (
-                <ThreeDotsMenuItem
-                  key={index}
-                  onClick={action.onClick}
-                  disabled={action.disabled}
-                  className={action.className}
-                >
-                  {action.label}
-                </ThreeDotsMenuItem>
-              ))}
-            </ThreeDotsMenu>
-          )}
-      </div>
+      {primaryAction && (
+        <Button
+          variant={primaryAction.variant || "contained"}
+          size={primaryAction.size || "small"}
+          className={`sm:bbn-btn-medium ${primaryAction.className || ""}`}
+          onClick={primaryAction.onClick}
+          disabled={primaryAction.disabled}
+        >
+          {primaryAction.label}
+        </Button>
+      )}
     </div>
   );
 }

services/simple-staking/src/ui/common/components/ActivityCard/components/ContinueRenewalIcon.tsx

@@ -5,7 +5,6 @@ import {
   DelegationWithFP,
 } from "@/ui/common/types/delegationsV2";
 import { FinalityProviderState } from "@/ui/common/types/finalityProviders";
-import FeatureFlagService from "@/ui/common/utils/FeatureFlagService";
 
 import { ActivityCardActionButton } from "../ActivityCard";
 
@@ -20,36 +19,16 @@ export const getActionButton = (
   // Define action mapping
   const actionMap: Record<
     string,
-    Record<
-      string,
-      {
-        action: ActionType;
-        title: string;
-        secondaryActions?: { action: ActionType; title: string }[];
-      }
-    >
+    Record<string, { action: ActionType; title: string }>
   > = {
     [FinalityProviderState.ACTIVE]: {
       [DelegationV2StakingState.VERIFIED]: {
         action: ACTIONS.STAKE,
         title: "Stake",
       },
       [DelegationV2StakingState.ACTIVE]: {
-        ...(FeatureFlagService.IsTimelockRenewalEnabled
-          ? {
-              action: ACTIONS.RENEW_TIMELOCK,
-              title: "Renew",
-              secondaryActions: [
-                {
-                  action: ACTIONS.UNBOND,
-                  title: "Unbond",
-                },
-              ],
-            }
-          : {
-              action: ACTIONS.UNBOND,
-              title: "Unbond",
-            }),
+        action: ACTIONS.UNBOND,
+        title: "Unbond",
       },
       [DelegationV2StakingState.EARLY_UNBONDING_WITHDRAWABLE]: {
         action: ACTIONS.WITHDRAW_ON_EARLY_UNBONDING,
@@ -74,21 +53,8 @@ export const getActionButton = (
         title: "Stake",
       },
       [DelegationV2StakingState.ACTIVE]: {
-        ...(FeatureFlagService.IsTimelockRenewalEnabled
-          ? {
-              action: ACTIONS.RENEW_TIMELOCK,
-              title: "Renew",
-              secondaryActions: [
-                {
-                  action: ACTIONS.UNBOND,
-                  title: "Unbond",
-                },
-              ],
-            }
-          : {
-              action: ACTIONS.UNBOND,
-              title: "Unbond",
-            }),
+        action: ACTIONS.UNBOND,
+        title: "Unbond",
       },
       [DelegationV2StakingState.EARLY_UNBONDING_WITHDRAWABLE]: {
         action: ACTIONS.WITHDRAW_ON_EARLY_UNBONDING,
@@ -181,16 +147,3 @@ export const getActionButton = (
     className: isUnbondDisabled ? "opacity-50" : "",
   };
 };
-
-export const getSecondaryActions = (): ActivityCardActionButton[] => {
-  return [
-    {
-      label: "Unbond",
-      onClick: () => {},
-      variant: "outlined",
-      size: "small",
-      disabled: false,
-      className: "text-accent-primary",
-    },
-  ];
-};

services/simple-staking/src/ui/common/components/ActivityCard/components/ContinueRenewalMessage.tsx

@@ -1,10 +1,7 @@
 import { Button, FinalityProviderItem } from "@babylonlabs-io/core-ui";
 import { twMerge } from "tailwind-merge";
 
-import {
-  ThreeDotsMenu,
-  ThreeDotsMenuItem,
-} from "@/ui/common/components/ThreeDotsMenu/ThreeDotsMenu";
+import { ThreeDotsMenu } from "@/ui/common/components/ThreeDotsMenu/ThreeDotsMenu";
 
 import { ChainButtonProps } from "./types";
 
@@ -50,42 +47,26 @@ export const ChainButton = ({
     </div>
     {provider ? (
       <ThreeDotsMenu
+        onChange={() => {
+          if (bsnId) {
+            onRemove?.(bsnId);
+          }
+          onSelectFp?.();
+        }}
+        onRemove={() => onRemove?.(bsnId || "")}
         className="rounded p-1 hover:bg-secondary-highlight"
-        buttonClassName="p-1"
-      >
-        <ThreeDotsMenuItem
-          onClick={() => {
-            if (bsnId) {
-              onRemove?.(bsnId);
-            }
-            onSelectFp?.();
-          }}
-        >
-          Change FP
-        </ThreeDotsMenuItem>
-        <ThreeDotsMenuItem onClick={() => onRemove?.(bsnId || "")}>
-          Remove BSN
-        </ThreeDotsMenuItem>
-      </ThreeDotsMenu>
+      />
     ) : isExisting ? (
       <ThreeDotsMenu
+        onChange={() => {
+          if (bsnId) {
+            onRemove?.(bsnId);
+          }
+          onSelectFp?.();
+        }}
+        onRemove={() => onRemove?.(bsnId || "")}
         className="rounded p-1 hover:bg-secondary-highlight"
-        buttonClassName="p-1"
-      >
-        <ThreeDotsMenuItem
-          onClick={() => {
-            if (bsnId) {
-              onRemove?.(bsnId);
-            }
-            onSelectFp?.();
-          }}
-        >
-          Change FP
-        </ThreeDotsMenuItem>
-        <ThreeDotsMenuItem onClick={() => onRemove?.(bsnId || "")}>
-          Remove BSN
-        </ThreeDotsMenuItem>
-      </ThreeDotsMenu>
+      />
     ) : (
       <Button
         variant="outlined"