chore(deal-ticket,markets): dont show margin estimate for perps (#5305)

libs/deal-ticket/src/components/deal-ticket/deal-ticket-fee-details.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import { t } from '@vegaprotocol/i18n';
-import { getAsset, getQuoteName } from '@vegaprotocol/markets';
+import { getAsset, getProductType, getQuoteName } from '@vegaprotocol/markets';
 import type { OrderSubmissionBody } from '@vegaprotocol/wallet';
 import { useVegaWallet } from '@vegaprotocol/wallet';
 
@@ -286,9 +286,19 @@ export const DealTicketMarginDetails = ({
   );
 
   const quoteName = getQuoteName(market);
+  const productType = getProductType(market);
 
   return (
-    <div className="flex flex-col w-full gap-2">
+    <div className="flex flex-col w-full gap-2 pt-2">
+      {/*
+      TODO: remove this conditional check once the following PRs are deployed
+      and the estimatePosition query is working for perps
+
+      - https://github.com/vegaprotocol/vega/pull/10119
+      - https://github.com/vegaprotocol/vega/pull/10122
+      */}
+      {productType === 'Future' && (
+        <>
           <Accordion>
             <AccordionPanel
               itemId="margin"
@@ -296,7 +306,7 @@ export const DealTicketMarginDetails = ({
                 <AccordionPrimitive.Trigger
                   data-testid="accordion-toggle"
                   className={classNames(
-                'w-full pt-2',
+                    'w-full',
                     'flex items-center gap-2 text-xs',
                     'group'
                   )}
@@ -307,8 +317,12 @@ export const DealTicketMarginDetails = ({
                     className="flex items-center justify-between w-full gap-2"
                   >
                     <div className="flex items-center text-left gap-1">
-                  <Tooltip description={MARGIN_DIFF_TOOLTIP_TEXT(assetSymbol)}>
+                      <Tooltip
-                    <span className="text-muted">{t('Margin required')}</span>
+                        description={MARGIN_DIFF_TOOLTIP_TEXT(assetSymbol)}
+                      >
+                        <span className="text-muted">
+                          {t('Margin required')}
+                        </span>
                       </Tooltip>
 
                       <AccordionChevron size={10} />
@@ -379,6 +393,8 @@ export const DealTicketMarginDetails = ({
             </AccordionPanel>
           </Accordion>
           {projectedMargin}
+        </>
+      )}
       <KeyValue
         label={t('Liquidation')}
         value={liquidationPriceEstimateRange}

libs/markets/src/lib/market-utils.ts

@@ -28,6 +28,22 @@ export const getAsset = (market: Partial<Market>) => {
   throw new Error('Failed to retrieve asset. Invalid product type');
 };
 
+export const getProductType = (market: Partial<Market>) => {
+  if (!market.tradableInstrument?.instrument.product) {
+    throw new Error(
+      'Failed to retrieve product type. Invalid tradable instrument'
+    );
+  }
+
+  const type = market.tradableInstrument.instrument.product.__typename;
+
+  if (!type) {
+    throw new Error('Failed to retrieve asset. Invalid product type');
+  }
+
+  return type;
+};
+
 export const getQuoteName = (market: Partial<Market>) => {
   if (!market.tradableInstrument?.instrument.product) {
     throw new Error(