Added Scanner component

src/Pages/PurchaseQuotation/PurchaseQuotationForm.jsx

@@ -60,6 +60,7 @@ import { getPrintSelectionComponentData } from '../../Features/ThemeChange/Theme
 import { PrintStyleFunction } from '../paymentpdfPage/PrintStyleFunction.js';
 import { isMobile } from 'react-device-detect';
 import { PurchaseQtMobilePrint } from './PurchaseQtMobilePrint.js';
+import BarCodeScan from '../../Services/BarCodeScan.jsx';
 const SalesQuotationForm = () => {
   const { SadminuserAccess } = useAuth();
   let SAAccessCommonMaster = SadminuserAccess?.find(
@@ -1865,7 +1866,7 @@ const SalesQuotationForm = () => {
                           </FloatLabel>
                           <Tooltip title={'BarCode/QrCode'} placement={'top'}>
                             <div className="BsUpcScanSQ">
-                              <BsUpcScan
+                            {!isMobile ? <BsUpcScan
                                 strokeWidth={0.5}
                                 color="#000"
                                 style={{
@@ -1876,6 +1877,11 @@ const SalesQuotationForm = () => {
                                 className="product-scan-Icon"
                                 onClick={handleScanSearch}
                               />
+                              : <BarCodeScan
+                                 onScan={(value) => {
+                                  debouncedScannerSearch(value);
+                                   }}
+                                    />}
                             </div>
                           </Tooltip>
                           {ProductData?.length === 0 && (