@imtbl/checkout-widgets 2.7.6-alpha.1 → 2.7.6-alpha.3

package/src/widgets/sale/components/PaymentOptions.tsx

@@ -2,7 +2,7 @@ import { Box, MenuItemSize } from '@biom3/react';
 
 import { SalePaymentTypes } from '@imtbl/checkout-sdk';
 import { motion } from 'framer-motion';
-import { useEffect, useMemo } from 'react';
+import { useMemo } from 'react';
 import { listItemVariants, listVariants } from '../../../lib/animation/listAnimation';
 import { PaymentOption } from './PaymentOption';
 
@@ -37,12 +37,6 @@ export function PaymentOptions(props: PaymentOptionsProps) {
     [paymentOptions, disabledOptions, hideDisabledOptions],
   );
 
-  useEffect(() => {
-    if (options.length === 1) {
-      onClick(options[0]);
-    }
-  }, [options, onClick]);
-
   return (
     <Box
       testId="payment-options-list"

package/src/widgets/swap/SwapWidget.tsx

@@ -71,7 +71,7 @@ export default function SwapWidget({
   autoProceed,
   direction,
   showBackButton,
-  swapConfig: { customTitle, customSubTitle },
+  swapConfig: { customTitle, customSubTitle, showHeader },
   walletProviderName,
 }: SwapWidgetInputs) {
   const { t } = useTranslation();
@@ -260,6 +260,7 @@ export default function SwapWidget({
               fromTokenAddress={viewState.view.data?.fromTokenAddress ?? fromTokenAddress}
               toTokenAddress={viewState.view.data?.toTokenAddress ?? toTokenAddress}
               showBackButton={showBackButton}
+              showHeader={showHeader ?? true}
               title={customTitle ?? t('views.SWAP.header.title')}
               subTitle={customSubTitle ?? t('views.SWAP.content.title')}
             />

package/src/widgets/swap/SwapWidgetRoot.tsx

@@ -110,6 +110,7 @@ export class Swap extends Base<WidgetType.SWAP> {
                     swapConfig={{
                       customTitle: this.properties.config?.customTitle,
                       customSubTitle: this.properties.config?.customSubTitle,
+                      showHeader: this.properties.config?.showHeader,
                     }}
                   />
                 </Suspense>

package/src/widgets/swap/views/SwapCoins.tsx

@@ -32,6 +32,7 @@ export interface SwapCoinsProps {
   fromTokenAddress?: string;
   toTokenAddress?: string;
   showBackButton?: boolean;
+  showHeader?: boolean;
   title: string;
   subTitle: string;
 }
@@ -44,6 +45,7 @@ export function SwapCoins({
   fromTokenAddress,
   toTokenAddress,
   showBackButton,
+  showHeader,
   title,
   subTitle,
 }: SwapCoinsProps) {
@@ -90,7 +92,7 @@ export function SwapCoins({
 
   return (
     <SimpleLayout
-      header={!autoProceed ? (
+      header={!autoProceed && showHeader ? (
         <HeaderNavigation
           title={title}
           onCloseButtonClick={() => sendSwapWidgetCloseEvent(eventTarget)}
@@ -103,7 +105,7 @@ export function SwapCoins({
             );
           }}
         />
-      ) : ''}
+      ) : undefined}
       footer={<QuickswapFooter environment={checkout?.config.environment} theme={theme} />}
     >
       <Box