feat(checkout-widgets): Allow hide header on Transfer widget (#2721)

Author: keithbro-imx

packages/checkout/sdk/src/widgets/definitions/configurations/transfer.ts

@@ -5,4 +5,5 @@ import { WidgetConfiguration } from './widget';
  */
 export type TransferWidgetConfiguration = {
   customTitle?: string;
+  showHeader?: boolean;
 } & WidgetConfiguration;

packages/checkout/widgets-lib/src/widgets/transfer/TransferForm.tsx

@@ -29,13 +29,15 @@ export function TransferForm({
   setViewState,
   onSend,
   showBackButton,
+  showHeader,
   title,
 }: {
   config: StrongCheckoutWidgetsConfig;
   viewState: TransferFormState;
   setViewState: Dispatch<SetStateAction<TransferState>>;
   onSend: () => void;
   showBackButton: boolean | undefined;
+  showHeader: boolean;
   title: string;
 }) {
   const { t } = useTranslation();
@@ -137,7 +139,7 @@ export function TransferForm({
 
   return (
     <SimpleLayout
-      header={(
+      header={showHeader ? (
         <HeaderNavigation
           title={title}
           onCloseButtonClick={() => sendCloseWidgetEvent(eventTarget)}
@@ -150,7 +152,7 @@ export function TransferForm({
             );
           }}
         />
-      )}
+      ) : undefined}
     >
       <Stack
         justifyContent="space-between"

packages/checkout/widgets-lib/src/widgets/transfer/TransferWidget.tsx

@@ -205,6 +205,7 @@ function TransferWidgetInner(props: TransferWidgetInputs) {
           setViewState={setViewState}
           onSend={onSend}
           showBackButton={props.showBackButton}
+          showHeader={props.transferConfig.showHeader ?? true}
           title={props.transferConfig.customTitle ?? t('views.TRANSFER.header.title')}
         />
       );