fix: confirmation shield approval start button with trial

Author: tuna1207

app/_locales/en/messages.json

@@ -4,6 +4,7 @@ import {
 } from '@metamask/transaction-controller';
 import React, { useCallback, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { PRODUCT_TYPES } from '@metamask/subscription-controller';
 import { MetaMetricsEventLocation } from '../../../../../../shared/constants/metametrics';
 import { isCorrectDeveloperTransactionType } from '../../../../../../shared/lib/confirmation.utils';
 import { ConfirmAlertModal } from '../../../../../components/app/alert-system/confirm-alert-modal';
@@ -38,6 +39,7 @@ import {
 } from '../../../hooks/useAddEthereumChain';
 import { isSignatureTransactionType } from '../../../utils';
 import { getConfirmationSender } from '../utils';
+import { useUserSubscriptions } from '../../../../../hooks/subscription/useSubscription';
 import OriginThrottleModal from './origin-throttle-modal';
 import ShieldFooterAgreement from './shield-footer-agreement';
 import ShieldFooterCoverageIndicator from './shield-footer-coverage-indicator/shield-footer-coverage-indicator';
@@ -117,6 +119,9 @@ const ConfirmButton = ({
     setConfirmModalVisible(true);
   }, []);
 
+  const { trialedProducts } = useUserSubscriptions();
+  const isShieldTrialed = trialedProducts?.includes(PRODUCT_TYPES.SHIELD);
+
   return (
     <>
       {confirmModalVisible && (
@@ -157,7 +162,11 @@ const ConfirmButton = ({
         >
           {currentConfirmation?.type ===
           TransactionType.shieldSubscriptionApprove
-            ? t('shieldStartNowCTA')
+            ? t(
+                isShieldTrialed
+                  ? 'shieldStartNowCTA'
+                  : 'shieldStartNowCTAWithTrial',
+              )
             : t('confirm')}
         </Button>
       )}