odoo.define( 'odoo_pos_hide_button.ProductScreenn' , function (require) { 
    'use strict' ; 

    const PosComponent = require( 'point_of_sale.PosComponent' ); 
    const ProductScreen = require( 'point_of_sale.ProductScreen' ); 
    const ProductInfoButton = require( ' point_of_sale.ProductInfoButton' ); 
    const { useListener } = require( "@web/core/utils/hooks" ); 
    const Registries = require( 'point_of_sale.Registries' ); 
    const { ConnectionLostError,ConnectionAbortedError } = require( '@web/core/network/rpc_service' )
    const { identifyError } = require( 'point_of_sale.utils' ); 

    class HiddenProductInfoButton extends ProductInfoButton { 
        constructor() { 
            super(...arguments); 
            useListener( 'click' , this.onClick ); 
        } 

        async onClick() { 
            const orderline = this .env.pos.get_order().get_selected_orderline(); 
            if (orderline) { 
                const product = orderline. get_product(); 
                const quantity = orderline. get_quantity(); 
                try { 
                    const info = await this.env.pos.getProductInfo(product, quantity); 
                    this.showPopup ( 'ProductInfoPopup' , { info: info, product: product }); 
                } catch (e) { 
                    if (identifyError(e) instanceof ConnectionLostError || ConnectionAbortedError) { 
                        this .showPopup( 'OfflineErrorPopup' , { 
                            title: this .env._t( 'Network Error' ), 
                            body: this .env._t( 'Cannot access product information screen if offline.' ), 
                        }); 
                    } else{ 
                        this .showPopup( 'ErrorPopup' , { 
                            title: this .env._t( 'Unknown error' ), 
                            body: this .env._t( 'An unknown error prevents us from loading product information.' ), 
                        }); 
                    } 
                } 
            } 
        } 
    } 

    HiddenProductInfoButton.template = 'ProductInfoButton' ; 

    ProductScreen. addControlButton({ 
        component: HiddenProductInfoButton, 
        condition: function () {
            return false ; // Add your desired condition here
         }, 
        position: [ 'before' , 'SetFiscalPositionButton' ], 
    }); 

    return ProductScreen; 
});

Ive tried to hide the info button from pos this way but still not working.
This is the second way and this still not working but for others buttons it works just fine only for Info button doesnt work.
Anyone who faced this can help me tho ?

ProductScreen.addControlButton({ 
    component: ProductInfoButton, 
    condition: function () { 
        return this .env.pos.config.pos_button_info; 
        console.log( this .env.pos.config.pos_button_info); 
    }, 
    position: [ 'before' , 'SetFiscalPositionButton' ], 
});