fix: move glacier drop feature flag to posthog (#1908)

Author: greatertomi

apps/browser-extension-wallet/.env.defaults

@@ -33,7 +33,6 @@ USE_ADVANCED_RECEIVE=true
 USE_POSTHOG_ANALYTICS_FOR_OPTED_OUT=false
 USE_MULTI_WALLET=true
 USE_MESSAGE_SIGNING=true
-USE_GLACIER_DROP=false
 
 # In App URLs
 CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.vitvoting

apps/browser-extension-wallet/.env.developerpreview

@@ -31,7 +31,6 @@ USE_FOOR_TOPUP=false
 USE_POSTHOG_ANALYTICS_FOR_OPTED_OUT=false
 USE_MULTI_WALLET=true
 USE_MESSAGE_SIGNING=true
-USE_GLACIER_DROP=false
 
 # In App URLs
 CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.vitvoting

apps/browser-extension-wallet/.env.example

@@ -30,7 +30,6 @@ USE_MULTI_DELEGATION_STAKING_FILTERS=false
 USE_ROS_STAKING_COLUMN=false
 USE_FOOR_TOPUP=true
 USE_MESSAGE_SIGNING=false
-USE_GLACIER_DROP=false
 
 # In App URLs
 CATALYST_GOOGLE_PLAY_URL=https://play.google.com/store/apps/details?id=io.iohk.vitvoting

apps/browser-extension-wallet/src/lib/scripts/types/feature-flags.ts

@@ -13,7 +13,8 @@ export enum ExperimentName {
   DAPP_EXPLORER = 'dapp-explorer',
   SEND_CONSOLE_ERRORS_TO_SENTRY = 'send-console-errors-to-sentry',
   BITCOIN_WALLETS = 'bitcoin-wallets',
-  NFTPRINTLAB = 'nftprintlab'
+  NFTPRINTLAB = 'nftprintlab',
+  GLACIER_DROP = 'glacier-drop'
 }
 
 export type FeatureFlag = `${ExperimentName}`;

apps/browser-extension-wallet/src/providers/PostHogClientProvider/client/config.ts

@@ -37,7 +37,8 @@ const defaultFeatureFlags: FeatureFlags = {
   [ExperimentName.DAPP_EXPLORER]: false,
   [ExperimentName.SEND_CONSOLE_ERRORS_TO_SENTRY]: false,
   [ExperimentName.BITCOIN_WALLETS]: false,
-  [ExperimentName.NFTPRINTLAB]: false
+  [ExperimentName.NFTPRINTLAB]: false,
+  [ExperimentName.GLACIER_DROP]: false
 };
 
 export const featureFlagsByNetworkInitialValue: FeatureFlagsByNetwork = {

apps/browser-extension-wallet/src/views/browser-view/features/assets/components/MidnightEventBanner.tsx

@@ -5,6 +5,7 @@ import { storage } from 'webextension-polyfill';
 import { MIDNIGHT_EVENT_BANNER_KEY, MidnightEventBannerStorage } from '@lib/scripts/types';
 import { useTranslation } from 'react-i18next';
 import { useExternalLinkOpener } from '@providers';
+import { usePostHogClientContext } from '@providers/PostHogClientProvider';
 
 interface State {
   isLoading: boolean;
@@ -23,6 +24,9 @@ export const MidnightEventBanner = (): JSX.Element => {
     data: undefined
   });
   const openExternalLink = useExternalLinkOpener();
+  const posthog = usePostHogClientContext();
+
+  const isGlacierDropEnabled = posthog?.isFeatureFlagEnabled('glacier-drop');
 
   useEffect(() => {
     const loadStorage = async () => {
@@ -39,7 +43,7 @@ export const MidnightEventBanner = (): JSX.Element => {
   }, []);
 
   const shouldHide = () => {
-    if (process.env.USE_GLACIER_DROP !== 'true') {
+    if (!isGlacierDropEnabled) {
       return true;
     }
 

apps/browser-extension-wallet/src/views/browser-view/features/settings/components/SettingsLayout.tsx

@@ -8,6 +8,7 @@ import { MidnightPreLaunchSettingsBanner } from '@lace/core';
 import { Box } from '@input-output-hk/lace-ui-toolkit';
 import MidnightPreLaunchBannerImage from '../../../../../../../../packages/core/src/ui/assets/images/midnight-launch-event-sidebar-banner.png';
 import { useExternalLinkOpener } from '@providers';
+import { usePostHogClientContext } from '@providers/PostHogClientProvider';
 
 export interface SettingsLayoutProps {
   defaultPassphraseVisible?: boolean;
@@ -20,10 +21,13 @@ export const SettingsLayout = ({
 }: SettingsLayoutProps): React.ReactElement => {
   const { t } = useTranslation();
   const openExternalLink = useExternalLinkOpener();
+  const posthog = usePostHogClientContext();
+
+  const isGlacierDropEnabled = posthog?.isFeatureFlagEnabled('glacier-drop');
 
   const sidePanelContent = (
     <div>
-      {process.env.USE_GLACIER_DROP === 'true' ? (
+      {isGlacierDropEnabled ? (
         <Box mb="$32">
           <MidnightPreLaunchSettingsBanner
             bannerImageUrl={MidnightPreLaunchBannerImage}

apps/browser-extension-wallet/src/views/browser-view/features/settings/components/SettingsWalletBase.tsx

@@ -22,6 +22,7 @@ import { CustomSubmitApiDrawer } from './CustomSubmitApiDrawer';
 import { COLLATERAL_AMOUNT_LOVELACES } from '@utils/constants';
 import { useCurrentBlockchain } from '@src/multichain';
 import { getNetworkName } from '@src/utils/get-network-name';
+import { usePostHogClientContext } from '@providers/PostHogClientProvider';
 
 const { Title } = Typography;
 
@@ -65,6 +66,7 @@ export const SettingsWalletBase = <AdditionalDrawers extends string>({
   const closeDrawer = useRedirection(walletRoutePaths.settings);
   const { blockchain } = useCurrentBlockchain();
   const isBitcoinWallet = blockchain === 'bitcoin';
+  const posthog = usePostHogClientContext();
 
   const { t } = useTranslation();
   const { environmentName, inMemoryWallet, walletInfo, setHdDiscoveryStatus, isSharedWallet } = useWalletStore();
@@ -80,6 +82,7 @@ export const SettingsWalletBase = <AdditionalDrawers extends string>({
 
   const isNetworkChoiceEnabled = AVAILABLE_CHAINS.length > 1;
   const authorizedAppsEnabled = process.env.USE_DAPP_CONNECTOR === 'true' && !isSharedWallet;
+  const isGlacierDropEnabled = posthog?.isFeatureFlagEnabled('glacier-drop');
 
   useEffect(() => {
     const openCollateralDrawer = async () => {
@@ -177,7 +180,7 @@ export const SettingsWalletBase = <AdditionalDrawers extends string>({
         <Title level={5} className={styles.heading5} data-testid="wallet-settings-heading">
           {t('browserView.settings.wallet.title')}
         </Title>
-        {process.env.USE_GLACIER_DROP === 'true' && (
+        {isGlacierDropEnabled && (
           <SettingsLink
             description={t('browserView.settings.wallet.midnight.prelaunch.description')}
             data-testid="settings-wallet-midnight-prelaunch-link"