fix: Paynow in blocks

src/assets/js/alma-checkout-blocks.js

@@ -75,9 +75,11 @@ import '../css/alma-checkout-blocks.css';
         const setInPage = (inPageInstance) => {
             inPage = inPageInstance
         }
+        const isPayNow = (settings.gateway_name === "alma_pay_now" || settings.gateway_name === "alma_in_page_pay_now");
 
         return is_in_page ? (
             <DisplayAlmaInPageBlocks
+                isPayNow={isPayNow}
                 store_key={store_key}
                 settings={settings}
                 cartTotal={cartTotal}
@@ -86,6 +88,7 @@ import '../css/alma-checkout-blocks.css';
             />
         ) : (
             <DisplayAlmaBlocks
+                isPayNow={isPayNow}
                 store_key={store_key}
                 settings={settings}
                 cartTotal={cartTotal}

src/assets/js/components/DisplayAlmaBlocks.js

@@ -3,7 +3,7 @@ import {useEffect, useState} from '@wordpress/element';
 import {AlmaBlocks} from "./alma-blocks-component.tsx";
 
 export const DisplayAlmaBlocks = (props) => {
-    const {eventRegistration, emitResponse, settings, gateway, store_key} = props;
+    const {eventRegistration, emitResponse, settings, gateway, store_key, isPayNow} = props;
     const {onPaymentSetup} = eventRegistration;
 
     const {CART_STORE_KEY} = window.wc.wcBlocksData
@@ -62,6 +62,7 @@ export const DisplayAlmaBlocks = (props) => {
 
     return isLoading ? <div></div> : <AlmaBlocks
         hasInPage={settings.is_in_page}
+        isPayNow={isPayNow}
         totalPrice={cartTotal.total_price}
         settings={settings}
         selectedFeePlan={plan.planKey}

src/assets/js/components/DisplayAlmaInPageBlocks.js

@@ -3,7 +3,7 @@ import {useEffect, useState} from '@wordpress/element';
 import {AlmaBlocks} from "./alma-blocks-component.tsx";
 
 export const DisplayAlmaInPageBlocks = (props) => {
-    const {settings, gateway, store_key, setInPage} = props;
+    const {settings, gateway, store_key, setInPage, isPayNow} = props;
 
     const {CART_STORE_KEY} = window.wc.wcBlocksData
     const {cartTotal} = useSelect((select) => ({
@@ -63,16 +63,17 @@ export const DisplayAlmaInPageBlocks = (props) => {
         }
     }, [selectedFeePlan, cartTotal, isLoading])
 
-
+    const displayInstallments = isPayNow ? 'none' : 'block';
     return isLoading ? <div></div> : <><AlmaBlocks
         hasInPage={settings.is_in_page}
+        isPayNow={isPayNow}
         totalPrice={cartTotal.total_price}
         settings={settings}
         selectedFeePlan={plan.planKey}
         setSelectedFeePlan={setSelectedFeePlan}
         plans={eligibility[gateway]}
     />
-        <div id="alma-inpage-alma_in_page"></div>
+        <div id="alma-inpage-alma_in_page" style={{display: displayInstallments}}></div>
     </>
 
 }

src/assets/js/components/alma-blocks-component.tsx

@@ -54,6 +54,7 @@ type AlmaBlocksProps = {
     selectedFeePlan: string;
     setSelectedFeePlan: (value: string) => void;
     hasInPage: boolean;
+    isPayNow: boolean;
     totalPrice: number
 };
 
@@ -63,6 +64,7 @@ export const AlmaBlocks: React.FC<AlmaBlocksProps> = (
             selectedFeePlan,
             setSelectedFeePlan,
             hasInPage,
+            isPayNow,
             totalPrice,
             plans
         }
@@ -89,8 +91,6 @@ export const AlmaBlocks: React.FC<AlmaBlocksProps> = (
         setSelectedFeePlan(optionKey);
     };
 
-    const isPayNow = settings.gateway_name === "alma_pay_now";
-
     const label = (
             <div className="toggleButtonFieldLabel">{settings.description}</div>
     );

src/build/alma-checkout-blocks.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'react-dom', 'wp-data', 'wp-element'), 'version' => '13b1b261f42717270b07');
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-data', 'wp-element'), 'version' => '47624a2f8e34398a65fb');

src/build/alma-store.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-data'), 'version' => '31f9d6e589628f51f977');
+<?php return array('dependencies' => array('wp-data'), 'version' => '796406d9d07b12bc8f48');