diff --git a/src/Pages/Product/ProductList.jsx b/src/Pages/Product/ProductList.jsx
index 0851c55..fd68fd3 100644
--- a/src/Pages/Product/ProductList.jsx
+++ b/src/Pages/Product/ProductList.jsx
@@ -12,6 +12,7 @@ import {
   Radio,
   Button,
   Empty,
+  message,
 } from 'antd';
 import { debounce } from 'lodash';
 import {
@@ -99,6 +100,8 @@ import ScannedProductTable from '../../Components/PedalOCR/scannedProductTable.j
 import MultiCameraCropOCR from '../../Components/PedalOCR/MultiCameraCropOCR.jsx';
 import OCRLoader from '../../Components/PedalOCR/OCRLoader.jsx';
 import { GiHorizontalFlip, GiVerticalFlip } from 'react-icons/gi';
+import { FaPlus } from "react-icons/fa6";
+import { Tables } from '../../../ownLib/my-ui-lib.js';
 
 const colorText = 'Color : Red';
 const ProductList = () => {
@@ -129,6 +132,7 @@ const ProductList = () => {
   const [SearchProdData, setSearchProdData] = useState([]);
   const [productData, setproductData] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
+  const [activeTab, setActiveTab] = useState('stock');
   let SalesStatus = productData?.[0]?.SalesStatus;
   const UomData = useSelector(uomDataSelector);
   const ProdCatData = useSelector(prodCatDataSelector);
@@ -150,7 +154,7 @@ const ProductList = () => {
     UomTypePreference?.some?.(
       (e) =>
         e?.PreferredSubCatName?.toLowerCase() ==
-          item?.ConfigName?.toLowerCase() && e?.PreferredStatus == 'Y'
+        item?.ConfigName?.toLowerCase() && e?.PreferredStatus == 'Y'
     )
   );
 
@@ -177,7 +181,6 @@ const ProductList = () => {
   const [uploadImageModal, setUploadImageModal] = useState(false);
   const [MultiCode, setMultiCode] = useState(false);
   const [selectedRecords, setSelectedRecords] = useState([]);
-  console.log(QrandbarcodeDatas, 'QrandbarcodeDatas');
   const [imageModalRowIndex, setImageModalRowIndex] = useState(null);
   const [rowRecord, setRowRecord] = useState(null);
   const [sortedInfo, setSortedInfo] = useState({});
@@ -261,11 +264,15 @@ const ProductList = () => {
   const [imageUrl, setImageUrl] = useState('');
   const [recordIndex, setRecordIndex] = useState(null);
 
+
   const [rangeFrom, setRangeFrom] = useState('');
   const [rangeTo, setRangeTo] = useState('');
   const [deleteInput, setDeleteInput] = useState(null);
+  const [stockWiseQrcode, setstockWiseQrcode] = useState(false);
+  const [productWiseQrcode, setProductWiseQrcode] = useState(false);
   const lastRangeIdsRef = useRef([]);
 
+
   const subDirectory = import.meta.env.ENV_BASE_URL;
   // const [openTour, setOpenTour] = useState(false);
 
@@ -289,6 +296,9 @@ const ProductList = () => {
       link: `${subDirectory}setting/product-master`,
     },
   ];
+  // const stockAvailableCount = selectedRecords?.filter(
+  //   item => item?.StockAvailable === "Y"
+  // ).length
   const Qrcode = (record) => {
     setProName(record?.ProdName);
     setProdId(record?.QRCode);
@@ -882,7 +892,8 @@ const ProductList = () => {
       }
     });
   };
-  const CreateQrcode = async (isChecked, code) => {
+  const CreateQrcode = async (isChecked, code, productName, StockAvailable, copiesCount = 0) => {
+
     if (!code) return;
 
     if (isChecked) {
@@ -892,6 +903,9 @@ const ProductList = () => {
         {
           key: code,
           url: data,
+          productName: productName,
+          copiesCount: copiesCount,
+          StockAvailable: StockAvailable
         },
       ]);
     } else {
@@ -905,7 +919,7 @@ const ProductList = () => {
       for (let i = 0; i < products.length; i += batchSize) {
         const batch = products.slice(i, i + batchSize);
         await Promise.all(
-          batch.map((product) => CreateQrcode(true, product.QRCode))
+          batch.map((product) => CreateQrcode(true, product.QRCode, product.ProdName, product.StockAvailable, product.TotalBalanceQty))
         );
         // Small delay to prevent UI blocking
         if (i + batchSize < products.length) {
@@ -913,7 +927,7 @@ const ProductList = () => {
         }
       }
     } else {
-      products.forEach((product) => CreateQrcode(false, product.QRCode));
+      products.forEach((product) => CreateQrcode(false, product.QRCode, product.ProdName, product.StockAvailable, product.TotalBalanceQty));
     }
   };
 
@@ -954,19 +968,19 @@ const ProductList = () => {
       },
       ...(brandColumn && subCategory
         ? [
-            {
-              title: 'Brand',
-              dataIndex: 'BrandName',
-              key: 'BrandName',
-              columnKey: 'BrandName',
-              width: '100px',
-              render: (text) => <a style={{ color: 'black' }}>{text}</a>,
-              sorter: (a, b) => a?.BrandName?.localeCompare(b?.BrandName),
-              sortOrder:
-                sortedInfo.columnKey === 'BrandName' ? sortedInfo.order : null,
-              ellipsis: true,
-            },
-          ]
+          {
+            title: 'Brand',
+            dataIndex: 'BrandName',
+            key: 'BrandName',
+            columnKey: 'BrandName',
+            width: '100px',
+            render: (text) => <a style={{ color: 'black' }}>{text}</a>,
+            sorter: (a, b) => a?.BrandName?.localeCompare(b?.BrandName),
+            sortOrder:
+              sortedInfo.columnKey === 'BrandName' ? sortedInfo.order : null,
+            ellipsis: true,
+          },
+        ]
         : []),
 
       {
@@ -985,121 +999,121 @@ const ProductList = () => {
 
       ...(qrCodeColumn
         ? [
-            {
-              title: 'QRCode',
-              dataIndex: 'QRCode',
-              key: 'QRCode',
-              width: '100px',
-              align: 'center',
-              render: (text) => (
-                <a style={{ color: 'black' }}>{text ? text : '-'}</a>
-              ),
-              ellipsis: true,
-            },
-            {
-              title: (
-                <Tooltip title=" printing multiple QR codes">
-                  <Space>
-                    {MultiCode && (
-                      <input
-                        type="checkbox"
-                        checked={
-                          selectedRecords.length > 0 &&
-                          productData
-                            .filter((p) => p?.QRCode)
-                            .every((p) =>
-                              selectedRecords.some((r) => r.ProdId === p.ProdId)
-                            )
-                        }
-                        onChange={(e) => {
-                          const productsWithQR = productData.filter(
-                            (p) => p?.QRCode
-                          );
-                          if (e.target.checked) {
-                            const newSelections = productsWithQR.filter(
-                              (p) =>
-                                !selectedRecords.some(
-                                  (r) => r.ProdId === p.ProdId
-                                )
-                            );
-                            setSelectedRecords((prev) => [
-                              ...prev,
-                              ...newSelections,
-                            ]);
-                            // Create QR codes for newly selected products
-                            CreateQrcodesBatch(newSelections, true);
-                          } else {
-                            // Remove QR codes for deselected products
-                            CreateQrcodesBatch(productsWithQR, false);
-                            setSelectedRecords((prev) =>
-                              prev.filter(
-                                (r) =>
-                                  !productsWithQR.some(
-                                    (p) => p.ProdId === r.ProdId
-                                  )
+          {
+            title: 'QRCode',
+            dataIndex: 'QRCode',
+            key: 'QRCode',
+            width: '100px',
+            align: 'center',
+            render: (text) => (
+              <a style={{ color: 'black' }}>{text ? text : '-'}</a>
+            ),
+            ellipsis: true,
+          },
+          {
+            title: (
+              <Tooltip title=" printing multiple QR codes">
+                <Space>
+                  {MultiCode && (
+                    <input
+                      type="checkbox"
+                      checked={
+                        selectedRecords.length > 0 &&
+                        productData
+                          .filter((p) => p?.QRCode)
+                          .every((p) =>
+                            selectedRecords.some((r) => r.ProdId === p.ProdId)
+                          )
+                      }
+                      onChange={(e) => {
+                        const productsWithQR = productData.filter(
+                          (p) => p?.QRCode
+                        );
+                        if (e.target.checked) {
+                          const newSelections = productsWithQR.filter(
+                            (p) =>
+                              !selectedRecords.some(
+                                (r) => r.ProdId === p.ProdId
                               )
-                            );
-                          }
-                        }}
-                      />
-                    )}
-                    <span>Print QRCode</span>
-                    <CheckSquareOutlined
-                      style={{
-                        fontSize: '18px',
-                        cursor: 'pointer',
-                        color: MultiCode ? '#1890ff' : '#666',
-                      }}
-                      onClick={() => {
-                        setMultiCode((prev) => {
-                          const newValue = !prev;
-                          if (!newValue) {
-                            setSelectedRecords([]);
-                          }
-
-                          return newValue;
-                        });
+                          );
+                          setSelectedRecords((prev) => [
+                            ...prev,
+                            ...newSelections,
+                          ]);
+                          // Create QR codes for newly selected products
+                          CreateQrcodesBatch(newSelections, true);
+                        } else {
+                          // Remove QR codes for deselected products
+                          CreateQrcodesBatch(productsWithQR, false);
+                          setSelectedRecords((prev) =>
+                            prev.filter(
+                              (r) =>
+                                !productsWithQR.some(
+                                  (p) => p.ProdId === r.ProdId
+                                )
+                            )
+                          );
+                        }
                       }}
                     />
-                  </Space>
-                </Tooltip>
-              ),
-              key: 'Print',
-              dataIndex: 'Print',
-              width: '100px',
-              align: 'center',
-              render: (_, record) =>
-                productData.length >= 1 ? (
-                  <Space size="middle">
-                    {MultiCode ? (
-                      record?.QRCode ? (
-                        <input
-                          type="checkbox"
-                          checked={selectedRecords.some(
-                            (r) => r.ProdId == record.ProdId
-                          )}
-                          onChange={(e) => {
-                            handleCheckboxChange(record, e.target.checked);
-                            CreateQrcode(e.target.checked, record.QRCode);
-                          }}
-                        />
-                      ) : (
-                        '-'
-                      )
-                    ) : record?.QRCode ? (
-                      <a>
-                        <PrinterFilled
-                          style={{ fontSize: '20px' }}
-                          onClick={() => Qrcode(record)}
-                        />
-                      </a>
+                  )}
+                  <span>Print QRCode</span>
+                  <CheckSquareOutlined
+                    style={{
+                      fontSize: '18px',
+                      cursor: 'pointer',
+                      color: MultiCode ? '#1890ff' : '#666',
+                    }}
+                    onClick={() => {
+                      setMultiCode((prev) => {
+                        const newValue = !prev;
+                        if (!newValue) {
+                          setSelectedRecords([]);
+                        }
+
+                        return newValue;
+                      });
+                    }}
+                  />
+                </Space>
+              </Tooltip>
+            ),
+            key: 'Print',
+            dataIndex: 'Print',
+            width: '100px',
+            align: 'center',
+            render: (_, record) =>
+              productData.length >= 1 ? (
+                <Space size="middle">
+                  {MultiCode ? (
+                    record?.QRCode ? (
+                      <input
+                        type="checkbox"
+                        checked={selectedRecords.some(
+                          (r) => r.ProdId == record.ProdId
+                        )}
+                        onChange={(e) => {
+                          handleCheckboxChange(record, e.target.checked);
+                          CreateQrcode(e.target.checked, record.QRCode, record?.ProdName, record?.StockAvailable, record?.TotalBalanceQty);
+                        }}
+                      />
                     ) : (
                       '-'
-                    )}
-                  </Space>
-                ) : null,
-            },
-          ]
+                    )
+                  ) : record?.QRCode ? (
+                    <a>
+                      <PrinterFilled
+                        style={{ fontSize: '20px' }}
+                        onClick={() => Qrcode(record)}
+                      />
+                    </a>
+                  ) : (
+                    '-'
+                  )}
+                </Space>
+              ) : null,
+          },
+        ]
         : []),
 
       {
@@ -1117,11 +1131,11 @@ const ProductList = () => {
                     style={{ color: '#1292EE' }}
                     onClick={() =>
                       UserType === 'Super Admin' ||
-                      (UserType === 'Super Admin User' &&
-                        SAAccessCommonMaster?.UpdateAccess === 'Y') ||
-                      (UserType === 'Employee' &&
-                        empData?.UpdateAccess === 'Y') ||
-                      UserType === 'Admin'
+                        (UserType === 'Super Admin User' &&
+                          SAAccessCommonMaster?.UpdateAccess === 'Y') ||
+                        (UserType === 'Employee' &&
+                          empData?.UpdateAccess === 'Y') ||
+                        UserType === 'Admin'
                         ? actionsFormatter(record, index)
                         : null
                     }
@@ -1138,11 +1152,11 @@ const ProductList = () => {
                     }}
                     onClick={() =>
                       UserType === 'Super Admin' ||
-                      (UserType === 'Super Admin User' &&
-                        SAAccessCommonMaster?.DeleteAccess === 'Y') ||
-                      (UserType === 'Employee' &&
-                        empData?.DeleteAccess === 'Y') ||
-                      UserType === 'Admin'
+                        (UserType === 'Super Admin User' &&
+                          SAAccessCommonMaster?.DeleteAccess === 'Y') ||
+                        (UserType === 'Employee' &&
+                          empData?.DeleteAccess === 'Y') ||
+                        UserType === 'Admin'
                         ? statusFormatter(record)
                         : null
                     }
@@ -1154,11 +1168,11 @@ const ProductList = () => {
                     }}
                     onClick={() =>
                       UserType === 'Super Admin' ||
-                      (UserType === 'Super Admin User' &&
-                        SAAccessCommonMaster?.DeleteAccess === 'Y') ||
-                      (UserType === 'Employee' &&
-                        empData?.DeleteAccess === 'Y') ||
-                      UserType === 'Admin'
+                        (UserType === 'Super Admin User' &&
+                          SAAccessCommonMaster?.DeleteAccess === 'Y') ||
+                        (UserType === 'Employee' &&
+                          empData?.DeleteAccess === 'Y') ||
+                        UserType === 'Admin'
                         ? statusFormatter(record)
                         : null
                     }
@@ -1735,9 +1749,17 @@ const ProductList = () => {
       }
     }
   };
-  const generateQRCode = (code) =>
-    QrandbarcodeDatas?.find((e) => e?.key === code)?.url;
+  const generateQRCode = (code) => {
+    let Data = QrandbarcodeDatas?.find((e) => e?.key === code)?.url;
+    return Data
+  }
 
+  const generateQRCodeCopy = (code) => {
+    const found = QrandbarcodeDatas?.find((e) => e?.key === code);
+    const count = Number(found?.copiesCount);
+    return Number.isFinite(count) && count > 0 ? count : 0;
+
+  };
   const imageUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -2202,6 +2224,11 @@ const ProductList = () => {
     }
   }, [ProdId]);
 
+
+  const totalCopies = QrandbarcodeDatas?.reduce(
+    (sum, item) => sum + Number(item?.copiesCount || 0),
+    0
+  );
   const convertSvgToBase64 = (svgElement) => {
     try {
       const svgData = new XMLSerializer().serializeToString(svgElement);
@@ -2302,6 +2329,7 @@ const ProductList = () => {
     setOpen(false);
     formRef?.current?.resetFields();
     setSelectedRecords([]);
+    setQrandbarcodeDatas([])
     setMultiCode(false);
     setNickName(null);
   };
@@ -2612,6 +2640,50 @@ const ProductList = () => {
         footer={false}
         children={
           <Form ref={formRef} onFinish={onFinish}>
+
+            {MultiCode && <div className="printtabs">
+              <div
+                className={`tab-item ${activeTab === 'stock' ? 'active' : ''}`}
+                onClick={() => setActiveTab('stock')}
+              >
+                Stock Wise <span className="count">({selectedRecords?.length})</span>
+                <div>
+
+                  <div className="AddStockMinatain" onClick={(e) => {
+                    e.stopPropagation();
+                    setstockWiseQrcode(true);
+                  }}
+                    style={{
+                      animation: activeTab === 'stock' ? 'blink 1s infinite' : 'none'
+                    }}>
+
+                    <FaPlus
+
+                    /> Add
+                  </div>
+                </div>
+              </div>
+
+              <div
+                className={`tab-item ${activeTab === 'product' ? 'active' : ''}`}
+                onClick={() => setActiveTab('product')}
+              >
+                Product Wise <span className="count">({selectedRecords?.length})</span>
+                <div className="AddStockMinatain" onClick={(e) => {
+                  e.stopPropagation();
+                  setProductWiseQrcode(true);
+                }} style={{
+                  animation: activeTab === 'product' ? 'blink 1s infinite' : 'none'
+                }}>
+
+                  <FaPlus
+
+
+                  /> Add
+                </div>
+              </div>
+
+            </div>}
             <div style={{ display: 'flex', flexWrap: 'wrap', gap: '1rem' }}>
               <Form.Item
                 name="Cross"
@@ -2847,7 +2919,7 @@ const ProductList = () => {
                                                   >
                                                     {nickName
                                                       ? nickName
-                                                      : proName}
+                                                      : (proName || 'Product Name')}
                                                   </div>
                                                 )}
                                                 {mrp && (
@@ -2895,9 +2967,9 @@ const ProductList = () => {
                                             <p
                                               className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 8 ? 'text-ellipsis' : ''}`}
                                             >
-                                              {proName} ({size})
+                                              {proName || 'Product Name'} ({size || '1 PCS'})
                                             </p>
-                                            <p>{ProdId}</p>
+                                            <p>{ProdId || 'QR579890770'}</p>
                                           </div>
                                           <img
                                             src={qrCodeImage}
@@ -3053,7 +3125,7 @@ const ProductList = () => {
                                                   : 'product-sizeSmall2'
                                               }
                                             >
-                                              ({size})
+                                              ({size || '1 PCS'})
                                             </span>
                                           </p>
                                           <div
@@ -3066,11 +3138,11 @@ const ProductList = () => {
                                             }}
                                           >
                                             <img
-                                              src={base64Image}
+                                              src={qrCodeImage}
                                               className="sticker25-img"
                                               alt="barcode"
                                             />
-                                            <p class="product-id2">{ProdId}</p>
+                                            <p class="product-id2">{ProdId || 'QR8575956'}</p>
                                           </div>
                                         </div>
                                       )
@@ -3169,9 +3241,9 @@ const ProductList = () => {
                                             <p
                                               className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                                             >
-                                              {proName} ({size})
+                                              {proName || 'Product Name'} ({size || '1 PCS'})
                                             </p>
-                                            <p>{ProdId}</p>
+                                            <p>{ProdId || 'QR74478578'}</p>
                                           </div>
                                           <img
                                             src={qrCodeImage}
@@ -3266,7 +3338,7 @@ const ProductList = () => {
                                           )}
                                         {mrp && (
                                           <div className="MRPBQ">
-                                            {'MRP : ' + detail?.MRP}
+                                            {'MRP : ' + (detail?.MRP || 10.0)}
                                           </div>
                                         )}
                                       </div>
@@ -3297,9 +3369,9 @@ const ProductList = () => {
                                         <p
                                           className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                                         >
-                                          {proName} ({size})
+                                          {proName || 'Product Name'} ({size || '1 PCS'})
                                         </p>
-                                        <p>{ProdId}</p>
+                                        <p>{ProdId || 'QR987968'}</p>
                                       </div>
                                       <img
                                         src={qrCodeImage}
@@ -3380,7 +3452,7 @@ const ProductList = () => {
                                           )}
                                         {mrp && (
                                           <div className="MRPBQ">
-                                            {'MRP : ' + detail?.MRP}
+                                            {'MRP : ' + (detail?.MRP || '10.0')}
                                           </div>
                                         )}
                                       </div>
@@ -3411,9 +3483,9 @@ const ProductList = () => {
                                         <p
                                           className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                                         >
-                                          {proName} ({size})
+                                          {proName || 'Product Name'} ({size || '1 PCS'})
                                         </p>
-                                        <p>{ProdId}</p>
+                                        <p>{ProdId || 'QR8798639'}</p>
                                       </div>
                                       <img
                                         src={qrCodeImage}
@@ -3479,7 +3551,7 @@ const ProductList = () => {
                                         {sellingPrice && (
                                           <div className="SellingpriceBQ">
                                             {`Selling Price : ` +
-                                              detail?.SellPrice}
+                                              (detail?.SellPrice || '10.0')}
                                           </div>
                                         )}
                                       </div>
@@ -3510,9 +3582,9 @@ const ProductList = () => {
                                         <p
                                           className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                                         >
-                                          {proName} ({size})
+                                          {proName || 'Product Name'} ({size || '1 PCS'})
                                         </p>
-                                        <p>{ProdId}</p>
+                                        <p>{ProdId || 'QR0970970'}</p>
                                       </div>
                                       <img
                                         src={qrCodeImage}
@@ -3573,13 +3645,13 @@ const ProductList = () => {
                                         )}
                                         {mrp && (
                                           <div className="MRPBQ">
-                                            {'MRP : ' + detail?.MRP}
+                                            {'MRP : ' + (detail?.MRP || '10.0')}
                                           </div>
                                         )}
                                         {sellingPrice && (
                                           <div className="SellingpriceBQ">
                                             {`Selling Price : ` +
-                                              detail?.SellPrice}
+                                              (detail?.SellPrice || '10.0')}
                                           </div>
                                         )}
                                       </div>
@@ -3618,9 +3690,9 @@ const ProductList = () => {
                                         <p
                                           className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                                         >
-                                          {proName} ({size})
+                                          {proName || 'Product Name'} ({size || '1 PCS'})
                                         </p>
-                                        <p>{ProdId}</p>
+                                        <p>{ProdId || 'QR858755'}</p>
                                       </div>
                                       <img
                                         src={qrCodeImage}
@@ -3726,7 +3798,7 @@ const ProductList = () => {
                                           )}
                                         {mrp && (
                                           <div className="MRPBQ">
-                                            {'MRP : ' + detail?.MRP}
+                                            {'MRP : ' + (detail?.MRP || '10.0')}
                                           </div>
                                         )}
                                       </div>
@@ -3773,25 +3845,25 @@ const ProductList = () => {
                                           <p>
                                             SIZE:{' '}
                                             <span className="field-value">
-                                              {size}
+                                              {size || '1 PCS'}
                                             </span>
                                           </p>
                                           <p>
                                             Id:{' '}
                                             <span className="field-value">
-                                              {ProdId}
+                                              {ProdId || 'QR86868'}
                                             </span>
                                           </p>
                                           <p>
                                             MRP:{' '}
                                             <span className="field-value">
-                                              {'MRP : ' + detail?.MRP}
+                                              {'MRP : ' + (detail?.MRP || '10.0')}
                                             </span>
                                           </p>
                                           <p>
                                             Selling Price:{' '}
                                             <span className="field-value">
-                                              {detail?.SellPrice}
+                                              {(detail?.SellPrice || '10.0')}
                                             </span>
                                           </p>
                                         </div>
@@ -3833,7 +3905,7 @@ const ProductList = () => {
                   </div>
                 </div>
               </Form.Item>
-              <Form.Item
+              {!MultiCode && <Form.Item
                 name="Copies"
                 rules={[
                   {
@@ -3857,7 +3929,7 @@ const ProductList = () => {
                     CopiesOnChange(e?.target?.value);
                   }}
                 />
-              </Form.Item>
+              </Form.Item>}
               {proName?.length > 12 && printProductName && !MultiCode && (
                 <>
                   <div
@@ -3906,175 +3978,139 @@ const ProductList = () => {
                 justifyContent: 'flex-end',
               }}
             >
-              <Buttons buttonText={'Submit'} color="901D77"></Buttons>
-            </div>
+              {(!MultiCode || totalCopies > 0) && (
+                <Buttons buttonText="Submit" color="901D77" />
+              )}
+              {MultiCode && totalCopies === 0 && (
+                <button
+                  type="button"
+                  className="product_primary_Button"
+                  onClick={() => setstockWiseQrcode(true)}
+                >
+                  Submit
+                </button>
+              )} </div>
+
+
           </Form>
         }
       />
-      <div style={{ display: 'none' }}>
+      < div style={{ display: 'none' }}>
         <div id="StickerPrints0">
           <div className="grid15x15_6cross">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker0"
-                      key={`sticker0-${recordIndex}-${copyIndex}`}
-                    >
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '52px', height: '52px' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker0" key={`sticker0-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, "copyCountcopyCountcopyCount")
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker0"
+                    key={`sticker0-${recordIndex}-${copyIndex}`}
+                  >
                     <img
-                      src={base64Image}
-                      style={{ width: '13mm', height: '13mm' }}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
+                      style={{ width: '52px', height: '52px' }}
                     />
                   </div>
-                ))}
+                ));
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker0" key={`sticker0-${index}`}>
+                  <img
+                    src={base64Image}
+                    style={{ width: '13mm', height: '13mm' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints1">
           <div className="grid22x35_3cross">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array?.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker1"
-                      key={`sticker1-${recordIndex}-${copyIndex}`}
-                    >
-                      <div style={{ width: '60%' }}>
-                        <p
-                          className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 8 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record.ProdName} ({record.Size}
-                          {record.UomName})
-                        </p>
-                        <p>{record.QRCode}</p>
-                      </div>
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '52px', height: '52px' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array?.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker1" key={`sticker1-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                return Array?.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker1"
+                    key={`sticker1-${recordIndex}-${copyIndex}`}
+                  >
                     <div style={{ width: '60%' }}>
                       <p
                         className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 8 ? 'text-ellipsis' : ''}`}
                       >
-                        {proName} ({size})
+                        {record.ProdName} ({record.Size}
+                        {record.UomName})
                       </p>
-                      <p>{ProdId}</p>
+                      <p>{record.QRCode}</p>
                     </div>
                     <img
-                      src={base64Image}
-                      style={{ width: '16mm', height: '16mm' }}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
+                      style={{ width: '52px', height: '52px' }}
                     />
                   </div>
-                ))}
+                ))
+              }
+              )
+              : Array?.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker1" key={`sticker1-${index}`}>
+                  <div style={{ width: '60%' }}>
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 8 ? 'text-ellipsis' : ''}`}
+                    >
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '16mm', height: '16mm' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints2">
           <div className="grid25x25_4cross">
-            {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="sticker25x25"
-                      key={`sticker2-${recordIndex}-${copyIndex}`}
-                    >
-                      <p
-                        className={`sticker25x25-name ${nickName ? '' : (record?.ProdName + '(' + record?.Size + '' + record?.UomName + ')')?.length > 14 ? 'text-ellipsis' : ''}`}
-                      >
-                        <span
-                          class={
-                            (record?.NickName || record?.ProdName)?.length <= 14
-                              ? 'product-name2'
-                              : 'product-nameSmall2'
-                          }
-                        >
-                          {record?.NickName || record?.ProdName}
-                        </span>
-                        <span
-                          class={
-                            (record?.NickName || record?.ProdName)?.length <= 14
-                              ? 'product-size2'
-                              : 'product-sizeSmall2'
-                          }
-                        >
-                          ({record?.Size}
-                          {record?.UomName})
-                        </span>
-                      </p>
-                      <div
-                        style={{
-                          display: 'flex',
-                          alignItems: 'center',
-                          width: '100%',
-                          flexDirection: 'column',
-                          justifyContent: 'center',
-                        }}
-                      >
-                        <img
-                          src={
-                            generateCodeImage(
-                              record?.QRCode || record?.ProdId,
-                              templateOptions?.codeType
-                            ) || base64Image
-                          }
-                          className="sticker25-img"
-                          alt="barcode"
-                        />
-                        <p class="product-id2">
-                          {record?.QRCode || record?.ProdId}
-                        </p>
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="sticker25x25" key={`sticker2-${index}`}>
+            {(selectedRecords?.length > 0)
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount2')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="sticker25x25"
+                    key={`sticker2-${recordIndex}-${copyIndex}`}
+                  >
                     <p
-                      className={`sticker25x25-name ${nickName ? '' : (proName + '(' + size + ')')?.length > 14 ? 'text-ellipsis' : ''}`}
+                      className={`sticker25x25-name ${nickName ? '' : (record?.ProdName + '(' + record?.Size + '' + record?.UomName + ')')?.length > 14 ? 'text-ellipsis' : ''}`}
                     >
                       <span
                         class={
-                          proName?.length <= 14
+                          (record?.NickName || record?.ProdName)?.length <= 14
                             ? 'product-name2'
                             : 'product-nameSmall2'
                         }
                       >
-                        {nickName
-                          ? nickName
-                          : proName
-                            ? proName
-                            : 'Product Name'}
+                        {record?.NickName || record?.ProdName}
                       </span>
                       <span
                         class={
-                          proName?.length <= 14
+                          (record?.NickName || record?.ProdName)?.length <= 14
                             ? 'product-size2'
                             : 'product-sizeSmall2'
                         }
                       >
-                        ({size})
+                        ({record?.Size}
+                        {record?.UomName})
                       </span>
                     </p>
                     <div
@@ -4087,225 +4123,372 @@ const ProductList = () => {
                       }}
                     >
                       <img
-                        src={base64Image}
+                        src={
+                          generateCodeImage(
+                            record?.QRCode || record?.ProdId,
+                            templateOptions?.codeType
+                          ) || base64Image
+                        }
                         className="sticker25-img"
                         alt="barcode"
                       />
-                      <p class="product-id2">{ProdId}</p>
+                      <p class="product-id2">
+                        {record?.QRCode || record?.ProdId}
+                      </p>
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="sticker25x25" key={`sticker2-${index}`}>
+                  <p
+                    className={`sticker25x25-name ${nickName ? '' : (proName + '(' + size + ')')?.length > 14 ? 'text-ellipsis' : ''}`}
+                  >
+                    <span
+                      class={
+                        proName?.length <= 14
+                          ? 'product-name2'
+                          : 'product-nameSmall2'
+                      }
+                    >
+                      {nickName
+                        ? nickName
+                        : proName
+                          ? proName
+                          : 'Product Name'}
+                    </span>
+                    <span
+                      class={
+                        proName?.length <= 14
+                          ? 'product-size2'
+                          : 'product-sizeSmall2'
+                      }
+                    >
+                      ({size})
+                    </span>
+                  </p>
+                  <div
+                    style={{
+                      display: 'flex',
+                      alignItems: 'center',
+                      width: '100%',
+                      flexDirection: 'column',
+                      justifyContent: 'center',
+                    }}
+                  >
+                    <img
+                      src={base64Image}
+                      className="sticker25-img"
+                      alt="barcode"
+                    />
+                    <p class="product-id2">{ProdId}</p>
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints3">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker3"
-                      key={`sticker3-${recordIndex}-${copyIndex}`}
-                    >
-                      <div>
-                        <p
-                          className={`${nickName ? '' : ((record?.NickName || record?.ProdName) + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record?.NickName || record?.ProdName} ({record?.Size}
-                          {record?.UomName})
-                        </p>
-                        <p>{record?.QRCode || record?.ProdId}</p>
-                      </div>
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '75px', height: '75px' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker3" key={`sticker3-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount3')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker3"
+                    key={`sticker3-${recordIndex}-${copyIndex}`}
+                  >
                     <div>
                       <p
-                        className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                        className={`${nickName ? '' : ((record?.NickName || record?.ProdName) + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                       >
-                        {proName} ({size})
+                        {record?.NickName || record?.ProdName} ({record?.Size}
+                        {record?.UomName})
                       </p>
-                      <p>{ProdId}</p>
+                      <p>{record?.QRCode || record?.ProdId}</p>
                     </div>
                     <img
-                      src={base64Image}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
                       style={{ width: '75px', height: '75px' }}
                     />
                   </div>
-                ))}
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker3" key={`sticker3-${index}`}>
+                  <div>
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                    >
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '75px', height: '75px' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints4">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker4"
-                      key={`sticker4-${recordIndex}-${copyIndex}`}
-                    >
-                      <div>
-                        <p
-                          className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record?.NickName || record?.ProdName} ({record?.Size}
-                          {record?.UomName})
-                        </p>
-                        <p>{record?.QRCode || record?.ProdId}</p>
-                      </div>
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '75px', height: '75px' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker4" key={`sticker4-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount4')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker4"
+                    key={`sticker4-${recordIndex}-${copyIndex}`}
+                  >
                     <div>
                       <p
-                        className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                        className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                       >
-                        {proName} ({size})
+                        {record?.NickName || record?.ProdName} ({record?.Size}
+                        {record?.UomName})
                       </p>
-                      <p>{ProdId}</p>
+                      <p>{record?.QRCode || record?.ProdId}</p>
                     </div>
                     <img
-                      src={base64Image}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
                       style={{ width: '75px', height: '75px' }}
                     />
                   </div>
-                ))}
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker4" key={`sticker4-${index}`}>
+                  <div>
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                    >
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '75px', height: '75px' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints5">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker5"
-                      key={`sticker5-${recordIndex}-${copyIndex}`}
-                    >
-                      <div>
-                        <p
-                          className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record?.NickName || record?.ProdName} ({record?.Size}
-                          {record?.UomName})
-                        </p>
-                        <p>{record?.QRCode || record?.ProdId}</p>
-                      </div>
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '72px', height: '72px' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker5" key={`sticker5-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount5')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker5"
+                    key={`sticker5-${recordIndex}-${copyIndex}`}
+                  >
                     <div>
                       <p
-                        className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                        className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                       >
-                        {proName} ({size})
+                        {record?.NickName || record?.ProdName} ({record?.Size}
+                        {record?.UomName})
                       </p>
-                      <p>{ProdId}</p>
+                      <p>{record?.QRCode || record?.ProdId}</p>
                     </div>
                     <img
-                      src={base64Image}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
                       style={{ width: '72px', height: '72px' }}
                     />
                   </div>
-                ))}
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker5" key={`sticker5-${index}`}>
+                  <div>
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                    >
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '72px', height: '72px' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints6">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker6"
-                      key={`sticker6-${recordIndex}-${copyIndex}`}
-                    >
-                      <div className="text-section6">
-                        <p
-                          className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record?.NickName || record?.ProdName} ({record?.Size}
-                          {record?.UomName})
-                        </p>
-                        <p>{record?.QRCode || record?.ProdId}</p>
-                      </div>
-                      <img
-                        src={
-                          generateCodeImage(
-                            record?.QRCode || record?.ProdId,
-                            templateOptions?.codeType
-                          ) || base64Image
-                        }
-                        style={{ width: '11mm', height: '11mm' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker6" key={`sticker6-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount6')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker6"
+                    key={`sticker6-${recordIndex}-${copyIndex}`}
+                  >
                     <div className="text-section6">
                       <p
-                        className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                        className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                       >
-                        {proName} ({size})
+                        {record?.NickName || record?.ProdName} ({record?.Size}
+                        {record?.UomName})
                       </p>
-                      <p>{ProdId}</p>
+                      <p>{record?.QRCode || record?.ProdId}</p>
                     </div>
                     <img
-                      src={base64Image}
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
                       style={{ width: '11mm', height: '11mm' }}
                     />
                   </div>
-                ))}
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker6" key={`sticker6-${index}`}>
+                  <div className="text-section6">
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                    >
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '11mm', height: '11mm' }}
+                  />
+                </div>
+              ))}
           </div>
         </div>
         <div id="StickerPrints7">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="Sticker7"
-                      key={`sticker7-${recordIndex}-${copyIndex}`}
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount7')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="Sticker7"
+                    key={`sticker7-${recordIndex}-${copyIndex}`}
+                  >
+                    <div className="text-section7">
+                      <p
+                        className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {record?.NickName || record?.ProdName} ({record?.Size}
+                        {record?.UomName})
+                      </p>
+                      <p>{record?.QRCode || record?.ProdId}</p>
+                    </div>
+                    <img
+                      src={
+                        generateCodeImage(
+                          record?.QRCode || record?.ProdId,
+                          templateOptions?.codeType
+                        ) || base64Image
+                      }
+                      style={{ width: '12mm', height: '12mm' }}
+                    />
+                  </div>
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="Sticker7" key={`sticker7-${index}`}>
+                  <div className="text-section7">
+                    <p
+                      className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
                     >
-                      <div className="text-section7">
-                        <p
-                          className={`${nickName ? '' : (record?.ProdName + ' (' + record?.Size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {record?.NickName || record?.ProdName} ({record?.Size}
-                          {record?.UomName})
+                      {proName} ({size})
+                    </p>
+                    <p>{ProdId}</p>
+                  </div>
+                  <img
+                    src={base64Image}
+                    style={{ width: '12mm', height: '12mm' }}
+                  />
+                </div>
+              ))}
+          </div>
+        </div>
+        <div id="StickerPrints8">
+          <div className="container">
+            {selectedRecords?.length > 0
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                console.log(copyCount, 'copyCount8')
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="OverAllSticker8"
+                    key={`sticker8-${recordIndex}-${copyIndex}`}
+                  >
+                    <div className="StikerBr8">
+                      <p>{record?.BrName || detail?.BrName}</p>
+                    </div>
+                    <div className="Sticker8">
+                      <div className="text-section8">
+                        <p>
+                          Product Name:{' '}
+                          <p
+                            className={`field-value ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
+                          >
+                            {record?.NickName || record?.ProdName}
+                          </p>
+                        </p>
+                        <p>
+                          SIZE:{' '}
+                          <span className="field-value">
+                            {record?.Size}
+                            {record?.UomName}
+                          </span>
+                        </p>
+                        <p>
+                          Id:{' '}
+                          <span className="field-value">
+                            {record?.QRCode || record?.ProdId}
+                          </span>
+                        </p>
+                        <p>
+                          MRP:{' '}
+                          <span className="field-value">
+                            {'MRP : ' + record?.MRP}
+                          </span>
+                        </p>
+                        <p>
+                          Selling Price:{' '}
+                          <span className="field-value">
+                            {record?.SellPrice}
+                          </span>
                         </p>
-                        <p>{record?.QRCode || record?.ProdId}</p>
                       </div>
                       <img
                         src={
@@ -4314,313 +4497,67 @@ const ProductList = () => {
                             templateOptions?.codeType
                           ) || base64Image
                         }
-                        style={{ width: '12mm', height: '12mm' }}
-                      />
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="Sticker7" key={`sticker7-${index}`}>
-                    <div className="text-section7">
-                      <p
-                        className={`${nickName ? '' : (proName + ' (' + size + ')')?.length > 12 ? 'text-ellipsis' : ''}`}
-                      >
-                        {proName} ({size})
-                      </p>
-                      <p>{ProdId}</p>
-                    </div>
-                    <img
-                      src={base64Image}
-                      style={{ width: '12mm', height: '12mm' }}
-                    />
-                  </div>
-                ))}
-          </div>
-        </div>
-        <div id="StickerPrints8">
-          <div className="container">
-            {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="OverAllSticker8"
-                      key={`sticker8-${recordIndex}-${copyIndex}`}
-                    >
-                      <div className="StikerBr8">
-                        <p>{record?.BrName || detail?.BrName}</p>
-                      </div>
-                      <div className="Sticker8">
-                        <div className="text-section8">
-                          <p>
-                            Product Name:{' '}
-                            <p
-                              className={`field-value ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                            >
-                              {record?.NickName || record?.ProdName}
-                            </p>
-                          </p>
-                          <p>
-                            SIZE:{' '}
-                            <span className="field-value">
-                              {record?.Size}
-                              {record?.UomName}
-                            </span>
-                          </p>
-                          <p>
-                            Id:{' '}
-                            <span className="field-value">
-                              {record?.QRCode || record?.ProdId}
-                            </span>
-                          </p>
-                          <p>
-                            MRP:{' '}
-                            <span className="field-value">
-                              {'MRP : ' + record?.MRP}
-                            </span>
-                          </p>
-                          <p>
-                            Selling Price:{' '}
-                            <span className="field-value">
-                              {record?.SellPrice}
-                            </span>
-                          </p>
-                        </div>
-                        <img
-                          src={
-                            generateCodeImage(
-                              record?.QRCode || record?.ProdId,
-                              templateOptions?.codeType
-                            ) || base64Image
-                          }
-                          style={{ width: '50mm', height: '50mm' }}
-                        />
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="OverAllSticker8">
-                    <div className="StikerBr8">
-                      <p>{detail?.BrName}</p>
-                    </div>
-                    <div className="Sticker8" key={`sticker8-${index}`}>
-                      <div className="text-section8">
-                        <p>
-                          Product Name:{' '}
-                          <p
-                            className={`field-value ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
-                          >
-                            {proName}
-                          </p>
-                        </p>
-                        <p>
-                          SIZE: <span className="field-value">{size}</span>
-                        </p>
-                        <p>
-                          Id: <span className="field-value">{ProdId}</span>
-                        </p>
-                        <p>
-                          MRP:{' '}
-                          <span className="field-value">
-                            {'MRP : ' + detail?.MRP}
-                          </span>
-                        </p>
-                        <p>
-                          Selling Price:{' '}
-                          <span className="field-value">
-                            {detail?.SellPrice}
-                          </span>
-                        </p>
-                      </div>
-                      <img
-                        src={base64Image}
                         style={{ width: '50mm', height: '50mm' }}
                       />
                     </div>
                   </div>
-                ))}
+                ))
+              })
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="OverAllSticker8">
+                  <div className="StikerBr8">
+                    <p>{detail?.BrName}</p>
+                  </div>
+                  <div className="Sticker8" key={`sticker8-${index}`}>
+                    <div className="text-section8">
+                      <p>
+                        Product Name:{' '}
+                        <p
+                          className={`field-value ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                        >
+                          {proName}
+                        </p>
+                      </p>
+                      <p>
+                        SIZE: <span className="field-value">{size}</span>
+                      </p>
+                      <p>
+                        Id: <span className="field-value">{ProdId}</span>
+                      </p>
+                      <p>
+                        MRP:{' '}
+                        <span className="field-value">
+                          {'MRP : ' + detail?.MRP}
+                        </span>
+                      </p>
+                      <p>
+                        Selling Price:{' '}
+                        <span className="field-value">
+                          {detail?.SellPrice}
+                        </span>
+                      </p>
+                    </div>
+                    <img
+                      src={base64Image}
+                      style={{ width: '50mm', height: '50mm' }}
+                    />
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
         <div id="25X254cross">
           <div className="grid25x25_4cross">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => {
-                    const hasProductName = !!templateOptions.productName;
-                    const hasMrp = !!templateOptions.mrp;
-
-                    const hasMDate = templateOptions.mDate && record?.ManufDate;
-
-                    const hasEDate = templateOptions.eDate && record?.ExpDate;
-
-                    // IMAGE SIZE LOGIC
-                    let imageSize = 50;
-                    if (!hasMDate && !hasEDate) {
-                      imageSize = 52;
-                    }
-
-                    if (!hasProductName || !hasMrp) {
-                      imageSize = 60;
-                    }
-
-                    if (!hasProductName && !hasMrp) {
-                      imageSize = 80;
-                    }
-
-                    // FLEX DIRECTION LOGIC
-                    const forceColumnLayout =
-                      !hasProductName || !hasMrp || (!hasMDate && !hasEDate);
-                    return (
-                      <div
-                        className="barcode-wrapper-25x25"
-                        key={`Barcode1-${recordIndex}-${copyIndex}`}
-                      >
-                        <div className="barcode-container-25x25">
-                          {templateOptions.value === 'T' && (
-                            <div
-                              style={{
-                                width: '100%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                flexDirection: forceColumnLayout
-                                  ? 'column'
-                                  : 'row',
-                              }}
-                            >
-                              {imageTagBarcodeAndQR(
-                                templateOptions.codeType === 'B'
-                                  ? '90%'
-                                  : `${imageSize}%`,
-                                '7px',
-                                record?.QRCode || record?.ProdId
-                              )}
-                            </div>
-                          )}
-                          {hasProductName && (
-                            <div
-                              style={{
-                                fontSize: '9px',
-                                textAlign: 'center',
-                                width: '100%',
-                              }}
-                              className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                            >
-                              {record?.NickName || record?.ProdName}
-                            </div>
-                          )}
-                          {hasMrp && (
-                            <div
-                              style={{
-                                fontSize: '9px',
-                                textAlign: 'center',
-                                width: '100%',
-                              }}
-                              className="MRPBQ"
-                            >
-                              {'₹' + record?.MRP}
-                            </div>
-                          )}
-                          {templateOptions.value === 'C' && (
-                            <div
-                              style={{
-                                width: '100%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                flexDirection: forceColumnLayout
-                                  ? 'column'
-                                  : 'row',
-                              }}
-                            >
-                              {imageTagBarcodeAndQR(
-                                templateOptions.codeType === 'B'
-                                  ? '90%'
-                                  : `${imageSize}%`,
-                                '7px',
-                                record?.QRCode || record?.ProdId
-                              )}
-                            </div>
-                          )}
-                          {(hasMDate || hasEDate) && (
-                            <div
-                              style={{
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                gap: '3px',
-                              }}
-                            >
-                              {hasMDate && (
-                                <div
-                                  style={{
-                                    fontSize: '8px',
-                                    whiteSpace: 'nowrap',
-                                    textAlign: 'center',
-                                    width: '100%',
-                                  }}
-                                  className="MandateBQ"
-                                >
-                                  {hasMDate && !hasEDate ? 'MFG: ' : ''}
-                                  {formatDate(record?.ManufDate)}
-                                </div>
-                              )}
-                              {hasMDate && hasEDate && (
-                                <span style={{ fontSize: '8px' }}>|</span>
-                              )}
-                              {hasEDate && (
-                                <div
-                                  style={{
-                                    fontSize: '8px',
-                                    whiteSpace: 'nowrap',
-                                    textAlign: 'center',
-                                    width: '100%',
-                                  }}
-                                  className="ExpdateBQ"
-                                >
-                                  {!hasMDate && hasEDate ? 'EXP: ' : ''}
-                                  {formatDate(record?.ExpDate)}
-                                </div>
-                              )}
-                            </div>
-                          )}
-                          {templateOptions.value === 'B' && (
-                            <div
-                              style={{
-                                width: '100%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                flexDirection: forceColumnLayout
-                                  ? 'column'
-                                  : 'row',
-                              }}
-                            >
-                              {imageTagBarcodeAndQR(
-                                templateOptions.codeType === 'B'
-                                  ? '25mm'
-                                  : `${imageSize}%`,
-                                '7px',
-                                record?.QRCode || record?.ProdId
-                              )}
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                    );
-                  })
-                )
-              : Array.from({ length: copies })?.map((_, index) => {
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => {
                   const hasProductName = !!templateOptions.productName;
                   const hasMrp = !!templateOptions.mrp;
 
-                  const hasMDate =
-                    templateOptions.mDate &&
-                    detail?.ProdVariantPriceDetails?.[0]?.ManufDate;
+                  const hasMDate = templateOptions.mDate && record?.ManufDate;
 
-                  const hasEDate =
-                    templateOptions.eDate &&
-                    detail?.ProdVariantPriceDetails?.[0]?.ExpDate;
+                  const hasEDate = templateOptions.eDate && record?.ExpDate;
 
                   // IMAGE SIZE LOGIC
                   let imageSize = 50;
@@ -4642,7 +4579,7 @@ const ProductList = () => {
                   return (
                     <div
                       className="barcode-wrapper-25x25"
-                      key={`Barcode1-${index}`}
+                      key={`Barcode1-${recordIndex}-${copyIndex}`}
                     >
                       <div className="barcode-container-25x25">
                         {templateOptions.value === 'T' && (
@@ -4661,7 +4598,8 @@ const ProductList = () => {
                               templateOptions.codeType === 'B'
                                 ? '90%'
                                 : `${imageSize}%`,
-                              '7px'
+                              '7px',
+                              record?.QRCode || record?.ProdId
                             )}
                           </div>
                         )}
@@ -4672,13 +4610,9 @@ const ProductList = () => {
                               textAlign: 'center',
                               width: '100%',
                             }}
-                            className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                            className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
                           >
-                            {nickName
-                              ? nickName
-                              : proName
-                                ? proName
-                                : 'Product Name'}
+                            {record?.NickName || record?.ProdName}
                           </div>
                         )}
                         {hasMrp && (
@@ -4690,7 +4624,7 @@ const ProductList = () => {
                             }}
                             className="MRPBQ"
                           >
-                            {'₹' + detail?.MRP}
+                            {'₹' + record?.MRP}
                           </div>
                         )}
                         {templateOptions.value === 'C' && (
@@ -4709,7 +4643,8 @@ const ProductList = () => {
                               templateOptions.codeType === 'B'
                                 ? '90%'
                                 : `${imageSize}%`,
-                              '7px'
+                              '7px',
+                              record?.QRCode || record?.ProdId
                             )}
                           </div>
                         )}
@@ -4733,10 +4668,7 @@ const ProductList = () => {
                                 className="MandateBQ"
                               >
                                 {hasMDate && !hasEDate ? 'MFG: ' : ''}
-                                {formatDate(
-                                  detail?.ProdVariantPriceDetails?.[0]
-                                    ?.ManufDate
-                                )}
+                                {formatDate(record?.ManufDate)}
                               </div>
                             )}
                             {hasMDate && hasEDate && (
@@ -4753,9 +4685,7 @@ const ProductList = () => {
                                 className="ExpdateBQ"
                               >
                                 {!hasMDate && hasEDate ? 'EXP: ' : ''}
-                                {formatDate(
-                                  detail?.ProdVariantPriceDetails?.[0]?.ExpDate
-                                )}
+                                {formatDate(record?.ExpDate)}
                               </div>
                             )}
                           </div>
@@ -4776,83 +4706,212 @@ const ProductList = () => {
                               templateOptions.codeType === 'B'
                                 ? '25mm'
                                 : `${imageSize}%`,
-                              '7px'
+                              '7px',
+                              record?.QRCode || record?.ProdId
                             )}
                           </div>
                         )}
                       </div>
                     </div>
                   );
-                })}
+                })
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => {
+                const hasProductName = !!templateOptions.productName;
+                const hasMrp = !!templateOptions.mrp;
+
+                const hasMDate =
+                  templateOptions.mDate &&
+                  detail?.ProdVariantPriceDetails?.[0]?.ManufDate;
+
+                const hasEDate =
+                  templateOptions.eDate &&
+                  detail?.ProdVariantPriceDetails?.[0]?.ExpDate;
+
+                // IMAGE SIZE LOGIC
+                let imageSize = 50;
+                if (!hasMDate && !hasEDate) {
+                  imageSize = 52;
+                }
+
+                if (!hasProductName || !hasMrp) {
+                  imageSize = 60;
+                }
+
+                if (!hasProductName && !hasMrp) {
+                  imageSize = 80;
+                }
+
+                // FLEX DIRECTION LOGIC
+                const forceColumnLayout =
+                  !hasProductName || !hasMrp || (!hasMDate && !hasEDate);
+                return (
+                  <div
+                    className="barcode-wrapper-25x25"
+                    key={`Barcode1-${index}`}
+                  >
+                    <div className="barcode-container-25x25">
+                      {templateOptions.value === 'T' && (
+                        <div
+                          style={{
+                            width: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            flexDirection: forceColumnLayout
+                              ? 'column'
+                              : 'row',
+                          }}
+                        >
+                          {imageTagBarcodeAndQR(
+                            templateOptions.codeType === 'B'
+                              ? '90%'
+                              : `${imageSize}%`,
+                            '7px'
+                          )}
+                        </div>
+                      )}
+                      {hasProductName && (
+                        <div
+                          style={{
+                            fontSize: '9px',
+                            textAlign: 'center',
+                            width: '100%',
+                          }}
+                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                        >
+                          {nickName
+                            ? nickName
+                            : proName
+                              ? proName
+                              : 'Product Name'}
+                        </div>
+                      )}
+                      {hasMrp && (
+                        <div
+                          style={{
+                            fontSize: '9px',
+                            textAlign: 'center',
+                            width: '100%',
+                          }}
+                          className="MRPBQ"
+                        >
+                          {'₹' + detail?.MRP}
+                        </div>
+                      )}
+                      {templateOptions.value === 'C' && (
+                        <div
+                          style={{
+                            width: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            flexDirection: forceColumnLayout
+                              ? 'column'
+                              : 'row',
+                          }}
+                        >
+                          {imageTagBarcodeAndQR(
+                            templateOptions.codeType === 'B'
+                              ? '90%'
+                              : `${imageSize}%`,
+                            '7px'
+                          )}
+                        </div>
+                      )}
+                      {(hasMDate || hasEDate) && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            gap: '3px',
+                          }}
+                        >
+                          {hasMDate && (
+                            <div
+                              style={{
+                                fontSize: '8px',
+                                whiteSpace: 'nowrap',
+                                textAlign: 'center',
+                                width: '100%',
+                              }}
+                              className="MandateBQ"
+                            >
+                              {hasMDate && !hasEDate ? 'MFG: ' : ''}
+                              {formatDate(
+                                detail?.ProdVariantPriceDetails?.[0]
+                                  ?.ManufDate
+                              )}
+                            </div>
+                          )}
+                          {hasMDate && hasEDate && (
+                            <span style={{ fontSize: '8px' }}>|</span>
+                          )}
+                          {hasEDate && (
+                            <div
+                              style={{
+                                fontSize: '8px',
+                                whiteSpace: 'nowrap',
+                                textAlign: 'center',
+                                width: '100%',
+                              }}
+                              className="ExpdateBQ"
+                            >
+                              {!hasMDate && hasEDate ? 'EXP: ' : ''}
+                              {formatDate(
+                                detail?.ProdVariantPriceDetails?.[0]?.ExpDate
+                              )}
+                            </div>
+                          )}
+                        </div>
+                      )}
+                      {templateOptions.value === 'B' && (
+                        <div
+                          style={{
+                            width: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            flexDirection: forceColumnLayout
+                              ? 'column'
+                              : 'row',
+                          }}
+                        >
+                          {imageTagBarcodeAndQR(
+                            templateOptions.codeType === 'B'
+                              ? '25mm'
+                              : `${imageSize}%`,
+                            '7px'
+                          )}
+                        </div>
+                      )}
+                    </div>
+                  </div>
+                );
+              })}
           </div>
         </div>
 
         <div id="25X502cross">
           <div className="Cross25X50container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="BarQrprint8"
-                      key={`Barcode2-${recordIndex}-${copyIndex}`}
-                      style={{ width: '100%' }}
-                    >
-                      <div className="Barcodeimage" style={valueStyleColumn}>
-                        {imageTagBarcodeAndQR(
-                          templateOptions.codeType === 'B' ? '90%' : '35%',
-                          '6px',
-                          record?.QRCode || record?.ProdId
-                        )}
-                        {templateOptions.productName && (
-                          <div
-                            className={`productNameBQ ${record?.NickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                          >
-                            {record?.NickName || record?.ProdName}
-                          </div>
-                        )}
-                        {templateOptions.mrp && (
-                          <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
-                        )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
                   <div
                     className="BarQrprint8"
-                    key={`Barcode2-${index}`}
+                    key={`Barcode2-${recordIndex}-${copyIndex}`}
                     style={{ width: '100%' }}
                   >
                     <div className="Barcodeimage" style={valueStyleColumn}>
                       {imageTagBarcodeAndQR(
-                        templateOptions.codeType === 'B' ? '90%' : '35%'
+                        templateOptions.codeType === 'B' ? '90%' : '35%',
+                        '6px',
+                        record?.QRCode || record?.ProdId
                       )}
-                      {templateOptions.productName && (
-                        <div
-                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {proName}
-                        </div>
-                      )}
-                      {templateOptions.mrp && (
-                        <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
-                      )}
-                    </div>
-                  </div>
-                ))}
-          </div>
-        </div>
-
-        <div id="50X30Single">
-          {selectedRecords?.length > 0
-            ? selectedRecords?.map((record, recordIndex) =>
-                Array.from({ length: copies })?.map((_, copyIndex) => (
-                  <div
-                    className="BarQrprint6"
-                    style={secondValueStyle}
-                    key={`Barcode3-${recordIndex}-${copyIndex}`}
-                  >
-                    <div className="BarQrprint1details flexDirection">
                       {templateOptions.productName && (
                         <div
                           className={`productNameBQ ${record?.NickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
@@ -4860,9 +4919,172 @@ const ProductList = () => {
                           {record?.NickName || record?.ProdName}
                         </div>
                       )}
+                      {templateOptions.mrp && (
+                        <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
+                      )}
+                    </div>
+                  </div>
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div
+                  className="BarQrprint8"
+                  key={`Barcode2-${index}`}
+                  style={{ width: '100%' }}
+                >
+                  <div className="Barcodeimage" style={valueStyleColumn}>
+                    {imageTagBarcodeAndQR(
+                      templateOptions.codeType === 'B' ? '90%' : '35%'
+                    )}
+                    {templateOptions.productName && (
+                      <div
+                        className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {proName}
+                      </div>
+                    )}
+                    {templateOptions.mrp && (
+                      <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                    )}
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+
+        <div id="50X30Single">
+          {selectedRecords?.length > 0
+            ? selectedRecords?.map((record, recordIndex) => {
+              const copyCount = generateQRCodeCopy(record?.QRCode);
+
+              return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+
+                <div
+                  className="BarQrprint6"
+                  style={secondValueStyle}
+                  key={`Barcode3-${recordIndex}-${copyIndex}`}
+                >
+                  <div className="BarQrprint1details flexDirection">
+                    {templateOptions.productName && (
+                      <div
+                        className={`productNameBQ ${record?.NickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {record?.NickName || record?.ProdName}
+                      </div>
+                    )}
+                    {templateOptions.mDate && record?.ManufDate && (
+                      <div
+                        style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                        className="MandateBQ"
+                      >
+                        {record?.ManufDate}
+                      </div>
+                    )}
+                    {templateOptions.eDate && record?.ExpDate && (
+                      <div
+                        style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                        className="ExpdateBQ"
+                      >
+                        {record?.ExpDate}
+                      </div>
+                    )}
+                  </div>
+                  <div
+                    className="Barcodeimage flexDirection"
+                    style={valueStyleColumn}
+                  >
+                    {imageTagBarcodeAndQR(
+                      '70%',
+                      '6px',
+                      record?.QRCode || record?.ProdId
+                    )}
+                    {templateOptions.mrp && (
+                      <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
+                    )}
+                  </div>
+                </div>
+              ))
+            }
+
+            )
+            : Array.from({ length: copies })?.map((_, index) => (
+              <div
+                className="BarQrprint6"
+                style={secondValueStyle}
+                key={`Barcode3-${index}`}
+              >
+                <div className="BarQrprint1details flexDirection">
+                  {templateOptions.productName && (
+                    <div
+                      className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                    >
+                      {nickName
+                        ? nickName
+                        : proName
+                          ? proName
+                          : 'Product Name'}
+                    </div>
+                  )}
+                  {templateOptions.mDate &&
+                    detail?.ProdVariantPriceDetails?.[0]?.ManufDate && (
+                      <div
+                        style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                        className="MandateBQ"
+                      >
+                        {detail?.ProdVariantPriceDetails?.[0]?.ManufDate}
+                      </div>
+                    )}
+                  {templateOptions.eDate &&
+                    detail?.ProdVariantPriceDetails?.[0]?.ExpDate && (
+                      <div
+                        style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                        className="ExpdateBQ"
+                      >
+                        {detail?.ProdVariantPriceDetails?.[0]?.ExpDate}
+                      </div>
+                    )}
+                </div>
+                <div
+                  className="Barcodeimage flexDirection"
+                  style={valueStyleColumn}
+                >
+                  {imageTagBarcodeAndQR('70%')}
+                  {templateOptions.mrp && (
+                    <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                  )}
+                </div>
+              </div>
+            ))}
+        </div>
+
+        <div id="50X25Single">
+          <div className="container">
+            {selectedRecords?.length > 0
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="BarQrprint2"
+                    style={secondValueStyle}
+                    key={`Barcode4-${recordIndex}-${copyIndex}`}
+                  >
+                    <div
+                      className="BarQrprint1details flexDirection"
+                      style={{ width: '80%' }}
+                    >
+                      {templateOptions.productName && (
+                        <div
+                          className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
+                        >
+                          {record?.NickName || record?.ProdName}
+                        </div>
+                      )}
                       {templateOptions.mDate && record?.ManufDate && (
                         <div
-                          style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                          style={{ fontSize: '10px' }}
                           className="MandateBQ"
                         >
                           {record?.ManufDate}
@@ -4870,7 +5092,7 @@ const ProductList = () => {
                       )}
                       {templateOptions.eDate && record?.ExpDate && (
                         <div
-                          style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                          style={{ fontSize: '10px' }}
                           className="ExpdateBQ"
                         >
                           {record?.ExpDate}
@@ -4878,11 +5100,15 @@ const ProductList = () => {
                       )}
                     </div>
                     <div
-                      className="Barcodeimage flexDirection"
-                      style={valueStyleColumn}
+                      className="Barcodeimage"
+                      style={{
+                        valueStyleColumn,
+                        width: '60%',
+                        flexDirection: 'column',
+                      }}
                     >
                       {imageTagBarcodeAndQR(
-                        '70%',
+                        '90%',
                         '6px',
                         record?.QRCode || record?.ProdId
                       )}
@@ -4892,14 +5118,19 @@ const ProductList = () => {
                     </div>
                   </div>
                 ))
+              }
+
               )
-            : Array.from({ length: copies })?.map((_, index) => (
+              : Array.from({ length: copies })?.map((_, index) => (
                 <div
-                  className="BarQrprint6"
+                  className="BarQrprint2"
                   style={secondValueStyle}
-                  key={`Barcode3-${index}`}
+                  key={`Barcode4-${index}`}
                 >
-                  <div className="BarQrprint1details flexDirection">
+                  <div
+                    className="BarQrprint1details flexDirection"
+                    style={{ width: '80%' }}
+                  >
                     {templateOptions.productName && (
                       <div
                         className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
@@ -4914,7 +5145,7 @@ const ProductList = () => {
                     {templateOptions.mDate &&
                       detail?.ProdVariantPriceDetails?.[0]?.ManufDate && (
                         <div
-                          style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                          style={{ fontSize: '10px' }}
                           className="MandateBQ"
                         >
                           {detail?.ProdVariantPriceDetails?.[0]?.ManufDate}
@@ -4923,7 +5154,7 @@ const ProductList = () => {
                     {templateOptions.eDate &&
                       detail?.ProdVariantPriceDetails?.[0]?.ExpDate && (
                         <div
-                          style={{ fontSize: '8px', whiteSpace: 'nowrap' }}
+                          style={{ fontSize: '10px' }}
                           className="ExpdateBQ"
                         >
                           {detail?.ProdVariantPriceDetails?.[0]?.ExpDate}
@@ -4931,326 +5162,165 @@ const ProductList = () => {
                       )}
                   </div>
                   <div
-                    className="Barcodeimage flexDirection"
-                    style={valueStyleColumn}
+                    className="Barcodeimage"
+                    style={{
+                      valueStyleColumn,
+                      width: '60%',
+                      flexDirection: 'column',
+                    }}
                   >
-                    {imageTagBarcodeAndQR('70%')}
+                    {imageTagBarcodeAndQR('90%')}
                     {templateOptions.mrp && (
                       <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
                     )}
                   </div>
                 </div>
               ))}
-        </div>
-
-        <div id="50X25Single">
-          <div className="container">
-            {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="BarQrprint2"
-                      style={secondValueStyle}
-                      key={`Barcode4-${recordIndex}-${copyIndex}`}
-                    >
-                      <div
-                        className="BarQrprint1details flexDirection"
-                        style={{ width: '80%' }}
-                      >
-                        {templateOptions.productName && (
-                          <div
-                            className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                          >
-                            {record?.NickName || record?.ProdName}
-                          </div>
-                        )}
-                        {templateOptions.mDate && record?.ManufDate && (
-                          <div
-                            style={{ fontSize: '10px' }}
-                            className="MandateBQ"
-                          >
-                            {record?.ManufDate}
-                          </div>
-                        )}
-                        {templateOptions.eDate && record?.ExpDate && (
-                          <div
-                            style={{ fontSize: '10px' }}
-                            className="ExpdateBQ"
-                          >
-                            {record?.ExpDate}
-                          </div>
-                        )}
-                      </div>
-                      <div
-                        className="Barcodeimage"
-                        style={{
-                          valueStyleColumn,
-                          width: '60%',
-                          flexDirection: 'column',
-                        }}
-                      >
-                        {imageTagBarcodeAndQR(
-                          '90%',
-                          '6px',
-                          record?.QRCode || record?.ProdId
-                        )}
-                        {templateOptions.mrp && (
-                          <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
-                        )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div
-                    className="BarQrprint2"
-                    style={secondValueStyle}
-                    key={`Barcode4-${index}`}
-                  >
-                    <div
-                      className="BarQrprint1details flexDirection"
-                      style={{ width: '80%' }}
-                    >
-                      {templateOptions.productName && (
-                        <div
-                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
-                        >
-                          {nickName
-                            ? nickName
-                            : proName
-                              ? proName
-                              : 'Product Name'}
-                        </div>
-                      )}
-                      {templateOptions.mDate &&
-                        detail?.ProdVariantPriceDetails?.[0]?.ManufDate && (
-                          <div
-                            style={{ fontSize: '10px' }}
-                            className="MandateBQ"
-                          >
-                            {detail?.ProdVariantPriceDetails?.[0]?.ManufDate}
-                          </div>
-                        )}
-                      {templateOptions.eDate &&
-                        detail?.ProdVariantPriceDetails?.[0]?.ExpDate && (
-                          <div
-                            style={{ fontSize: '10px' }}
-                            className="ExpdateBQ"
-                          >
-                            {detail?.ProdVariantPriceDetails?.[0]?.ExpDate}
-                          </div>
-                        )}
-                    </div>
-                    <div
-                      className="Barcodeimage"
-                      style={{
-                        valueStyleColumn,
-                        width: '60%',
-                        flexDirection: 'column',
-                      }}
-                    >
-                      {imageTagBarcodeAndQR('90%')}
-                      {templateOptions.mrp && (
-                        <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
-                      )}
-                    </div>
-                  </div>
-                ))}
           </div>
         </div>
 
         <div id="100X13(55MMPrintable)">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="BarQrprint9"
-                      key={`Barcode5-${recordIndex}-${copyIndex}`}
-                      style={valueStyleRow}
-                    >
-                      {imageTagBarcodeAndQR(
-                        'auto',
-                        '6px',
-                        record?.QRCode || record?.ProdId
-                      )}
-                      <div className="BarQrprint1details1">
-                        {templateOptions.productName && (
-                          <div style={{ fontSize: '8px' }}>
-                            {'Product Name :' +
-                              (record?.NickName || record?.ProdName)}
-                          </div>
-                        )}
-                        {templateOptions.sellingPrice && (
-                          <div style={{ fontSize: '8px' }}>
-                            {'Selling Price :' + record?.SellPrice}
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
                   <div
                     className="BarQrprint9"
-                    key={`Barcode5-${index}`}
+                    key={`Barcode5-${recordIndex}-${copyIndex}`}
                     style={valueStyleRow}
                   >
-                    {imageTagBarcodeAndQR()}
+                    {imageTagBarcodeAndQR(
+                      'auto',
+                      '6px',
+                      record?.QRCode || record?.ProdId
+                    )}
                     <div className="BarQrprint1details1">
                       {templateOptions.productName && (
                         <div style={{ fontSize: '8px' }}>
-                          {'Product Name :' + proName}
+                          {'Product Name :' +
+                            (record?.NickName || record?.ProdName)}
                         </div>
                       )}
                       {templateOptions.sellingPrice && (
                         <div style={{ fontSize: '8px' }}>
-                          {'Selling Price :' + detail?.SellPrice}
+                          {'Selling Price :' + record?.SellPrice}
                         </div>
                       )}
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div
+                  className="BarQrprint9"
+                  key={`Barcode5-${index}`}
+                  style={valueStyleRow}
+                >
+                  {imageTagBarcodeAndQR()}
+                  <div className="BarQrprint1details1">
+                    {templateOptions.productName && (
+                      <div style={{ fontSize: '8px' }}>
+                        {'Product Name :' + proName}
+                      </div>
+                    )}
+                    {templateOptions.sellingPrice && (
+                      <div style={{ fontSize: '8px' }}>
+                        {'Selling Price :' + detail?.SellPrice}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
 
         <div id="100X15(70MMPrintable)">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="BarQrprint1"
-                      style={valueStyleRow}
-                      key={`Barcode6-${recordIndex}-${copyIndex}`}
-                    >
-                      <div className="BarQrprint1details flexDirection">
-                        {templateOptions.productName && (
-                          <div
-                            className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                          >
-                            {'Product Name: ' +
-                              (record?.NickName || record?.ProdName)}
-                          </div>
-                        )}
-                        {templateOptions.mrp && (
-                          <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
-                        )}
-                        {templateOptions.sellingPrice && (
-                          <div className="SellingpriceBQ">
-                            {'Selling Price :' + record?.SellPrice}
-                          </div>
-                        )}
-                      </div>
-                      <div className="Qrcodeimage" style={{ width: '50%' }}>
-                        {imageTagBarcodeAndQR(
-                          'auto',
-                          '6px',
-                          record?.QRCode || record?.ProdId
-                        )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
                   <div
                     className="BarQrprint1"
                     style={valueStyleRow}
-                    key={`Barcode6-${index}`}
+                    key={`Barcode6-${recordIndex}-${copyIndex}`}
                   >
                     <div className="BarQrprint1details flexDirection">
                       {templateOptions.productName && (
                         <div
-                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                          className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
                         >
-                          {'Product Name' + proName}
+                          {'Product Name: ' +
+                            (record?.NickName || record?.ProdName)}
                         </div>
                       )}
                       {templateOptions.mrp && (
-                        <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                        <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
                       )}
                       {templateOptions.sellingPrice && (
                         <div className="SellingpriceBQ">
-                          {'Selling Price :' + detail?.SellPrice}
+                          {'Selling Price :' + record?.SellPrice}
                         </div>
                       )}
                     </div>
                     <div className="Qrcodeimage" style={{ width: '50%' }}>
-                      {imageTagBarcodeAndQR()}
+                      {imageTagBarcodeAndQR(
+                        'auto',
+                        '6px',
+                        record?.QRCode || record?.ProdId
+                      )}
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div
+                  className="BarQrprint1"
+                  style={valueStyleRow}
+                  key={`Barcode6-${index}`}
+                >
+                  <div className="BarQrprint1details flexDirection">
+                    {templateOptions.productName && (
+                      <div
+                        className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {'Product Name' + proName}
+                      </div>
+                    )}
+                    {templateOptions.mrp && (
+                      <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                    )}
+                    {templateOptions.sellingPrice && (
+                      <div className="SellingpriceBQ">
+                        {'Selling Price :' + detail?.SellPrice}
+                      </div>
+                    )}
+                  </div>
+                  <div className="Qrcodeimage" style={{ width: '50%' }}>
+                    {imageTagBarcodeAndQR()}
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
 
         <div id="100X150">
           <div className="container">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="BarQrprint7"
-                      style={secondValueStyle}
-                      key={`Barcode7-${recordIndex}-${copyIndex}`}
-                    >
-                      <div
-                        className="BarQrprint1details1"
-                        style={{ gap: '10px' }}
-                      >
-                        {templateOptions.productName && (
-                          <div
-                            className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
-                          >
-                            {'Product Name: ' +
-                              (record?.NickName || record?.ProdName)}
-                          </div>
-                        )}
-                        {templateOptions.sellingPrice && (
-                          <div className="SellingpriceBQ">
-                            {'Selling Price :' + record?.SellPrice}
-                          </div>
-                        )}
-                        {templateOptions.mDate && record?.ManufDate && (
-                          <div className="MandateBQ">{record?.ManufDate}</div>
-                        )}
-                        {templateOptions.eDate && record?.ExpDate && (
-                          <div className="ExpdateBQ">{record?.ExpDate}</div>
-                        )}
-                        {templateOptions.color && (
-                          <div className="ColorBQ">
-                            {record?.Color || colorText}
-                          </div>
-                        )}
-                      </div>
-                      <div
-                        className="Barcodeimage"
-                        style={{
-                          valueStyleColumn,
-                          width: '50%',
-                          flexDirection: 'column',
-                        }}
-                      >
-                        {
-                          <div>
-                            {imageTagBarcodeAndQR(
-                              '70%',
-                              '6px',
-                              record?.QRCode || record?.ProdId
-                            )}
-                          </div>
-                        }
-                        {templateOptions.mrp && (
-                          <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
-                        )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
                   <div
                     className="BarQrprint7"
                     style={secondValueStyle}
-                    key={`Barcode7-${index}`}
+                    key={`Barcode7-${recordIndex}-${copyIndex}`}
                   >
                     <div
                       className="BarQrprint1details1"
@@ -5258,30 +5328,27 @@ const ProductList = () => {
                     >
                       {templateOptions.productName && (
                         <div
-                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                          className={`productNameBQ ${nickName ? '' : record?.ProdName?.length > 12 ? 'text-ellipsis' : ''}`}
                         >
-                          {'Product Name' + (nickName ? nickName : proName)}
+                          {'Product Name: ' +
+                            (record?.NickName || record?.ProdName)}
                         </div>
                       )}
                       {templateOptions.sellingPrice && (
                         <div className="SellingpriceBQ">
-                          {'Selling Price :' + detail?.SellPrice}
+                          {'Selling Price :' + record?.SellPrice}
                         </div>
                       )}
-                      {templateOptions.mDate &&
-                        detail?.ProdVariantPriceDetails?.[0]?.ManufDate && (
-                          <div className="MandateBQ">
-                            {detail?.ProdVariantPriceDetails?.[0]?.ManufDate}
-                          </div>
-                        )}
-                      {templateOptions.eDate &&
-                        detail?.ProdVariantPriceDetails?.[0]?.ExpDate && (
-                          <div className="ExpdateBQ">
-                            {detail?.ProdVariantPriceDetails?.[0]?.ExpDate}
-                          </div>
-                        )}
+                      {templateOptions.mDate && record?.ManufDate && (
+                        <div className="MandateBQ">{record?.ManufDate}</div>
+                      )}
+                      {templateOptions.eDate && record?.ExpDate && (
+                        <div className="ExpdateBQ">{record?.ExpDate}</div>
+                      )}
                       {templateOptions.color && (
-                        <div className="ColorBQ">{colorText}</div>
+                        <div className="ColorBQ">
+                          {record?.Color || colorText}
+                        </div>
                       )}
                     </div>
                     <div
@@ -5292,13 +5359,77 @@ const ProductList = () => {
                         flexDirection: 'column',
                       }}
                     >
-                      {<div>{imageTagBarcodeAndQR('70%')}</div>}
+                      {
+                        <div>
+                          {imageTagBarcodeAndQR(
+                            '70%',
+                            '6px',
+                            record?.QRCode || record?.ProdId
+                          )}
+                        </div>
+                      }
                       {templateOptions.mrp && (
-                        <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                        <div className="MRPBQ">{'MRP : ' + record?.MRP}</div>
                       )}
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div
+                  className="BarQrprint7"
+                  style={secondValueStyle}
+                  key={`Barcode7-${index}`}
+                >
+                  <div
+                    className="BarQrprint1details1"
+                    style={{ gap: '10px' }}
+                  >
+                    {templateOptions.productName && (
+                      <div
+                        className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {'Product Name' + (nickName ? nickName : proName)}
+                      </div>
+                    )}
+                    {templateOptions.sellingPrice && (
+                      <div className="SellingpriceBQ">
+                        {'Selling Price :' + detail?.SellPrice}
+                      </div>
+                    )}
+                    {templateOptions.mDate &&
+                      detail?.ProdVariantPriceDetails?.[0]?.ManufDate && (
+                        <div className="MandateBQ">
+                          {detail?.ProdVariantPriceDetails?.[0]?.ManufDate}
+                        </div>
+                      )}
+                    {templateOptions.eDate &&
+                      detail?.ProdVariantPriceDetails?.[0]?.ExpDate && (
+                        <div className="ExpdateBQ">
+                          {detail?.ProdVariantPriceDetails?.[0]?.ExpDate}
+                        </div>
+                      )}
+                    {templateOptions.color && (
+                      <div className="ColorBQ">{colorText}</div>
+                    )}
+                  </div>
+                  <div
+                    className="Barcodeimage"
+                    style={{
+                      valueStyleColumn,
+                      width: '50%',
+                      flexDirection: 'column',
+                    }}
+                  >
+                    {<div>{imageTagBarcodeAndQR('70%')}</div>}
+                    {templateOptions.mrp && (
+                      <div className="MRPBQ">{'MRP : ' + detail?.MRP}</div>
+                    )}
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
 
@@ -5312,75 +5443,20 @@ const ProductList = () => {
             }}
           >
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
-                    <div
-                      className="label15"
-                      key={`Barcode8-${recordIndex}-${copyIndex}`}
-                    >
-                      <div className="BarQrprint2details alignCenterFlexDirectionColumn">
-                        {templateOptions.value === 'T' &&
-                          imageTagBarcodeAndQR(
-                            templateOptions.codeType === 'B' ? '100%' : '50%',
-                            '6px',
-                            record?.QRCode || record?.ProdId
-                          )}
-                        {templateOptions.productName && (
-                          <div
-                            style={{
-                              textAlign: 'center',
-                              fontSize: '6px',
-                              overflow: 'hidden',
-                              textOverflow: 'ellipsis',
-                              whiteSpace: 'nowrap',
-                              width: '90%',
-                            }}
-                            className="productNameBQ"
-                          >
-                            {record?.NickName
-                              ? record?.NickName
-                              : record?.ProdName}
-                          </div>
-                        )}
-                        {templateOptions.value === 'C' &&
-                          imageTagBarcodeAndQR(
-                            templateOptions.codeType === 'B'
-                              ? '80%'
-                              : !templateOptions.productName &&
-                                  !templateOptions.mrp
-                                ? '80%'
-                                : '35%',
-                            '6px',
-                            record?.QRCode || record?.ProdId
-                          )}
-                        {templateOptions.mrp && (
-                          <div
-                            style={{
-                              width: '100%',
-                              textAlign: 'center',
-                              fontSize: '6px',
-                            }}
-                            className="MRPBQ"
-                          >
-                            {'₹:' + record?.MRP}
-                          </div>
-                        )}
-                        {templateOptions.value === 'B' &&
-                          imageTagBarcodeAndQR(
-                            templateOptions.codeType === 'B' ? '100%' : '50%',
-                            '6px',
-                            record?.QRCode || record?.ProdId
-                          )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div className="label15" key={`Barcode8-${index}`}>
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="label15"
+                    key={`Barcode8-${recordIndex}-${copyIndex}`}
+                  >
                     <div className="BarQrprint2details alignCenterFlexDirectionColumn">
                       {templateOptions.value === 'T' &&
                         imageTagBarcodeAndQR(
-                          templateOptions.codeType === 'B' ? '100%' : '50%'
+                          templateOptions.codeType === 'B' ? '100%' : '50%',
+                          '6px',
+                          record?.QRCode || record?.ProdId
                         )}
                       {templateOptions.productName && (
                         <div
@@ -5392,13 +5468,11 @@ const ProductList = () => {
                             whiteSpace: 'nowrap',
                             width: '90%',
                           }}
-                          className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                          className="productNameBQ"
                         >
-                          {nickName
-                            ? nickName
-                            : proName
-                              ? proName
-                              : 'Product Name'}
+                          {record?.NickName
+                            ? record?.NickName
+                            : record?.ProdName}
                         </div>
                       )}
                       {templateOptions.value === 'C' &&
@@ -5406,9 +5480,11 @@ const ProductList = () => {
                           templateOptions.codeType === 'B'
                             ? '80%'
                             : !templateOptions.productName &&
-                                !templateOptions.mrp
+                              !templateOptions.mrp
                               ? '80%'
-                              : '35%'
+                              : '35%',
+                          '6px',
+                          record?.QRCode || record?.ProdId
                         )}
                       {templateOptions.mrp && (
                         <div
@@ -5419,50 +5495,111 @@ const ProductList = () => {
                           }}
                           className="MRPBQ"
                         >
-                          {'₹:' + (detail?.MRP ? detail?.MRP : 10.0)}
+                          {'₹:' + record?.MRP}
                         </div>
                       )}
                       {templateOptions.value === 'B' &&
                         imageTagBarcodeAndQR(
-                          templateOptions.codeType === 'B' ? '100%' : '50%'
+                          templateOptions.codeType === 'B' ? '100%' : '50%',
+                          '6px',
+                          record?.QRCode || record?.ProdId
                         )}
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div className="label15" key={`Barcode8-${index}`}>
+                  <div className="BarQrprint2details alignCenterFlexDirectionColumn">
+                    {templateOptions.value === 'T' &&
+                      imageTagBarcodeAndQR(
+                        templateOptions.codeType === 'B' ? '100%' : '50%'
+                      )}
+                    {templateOptions.productName && (
+                      <div
+                        style={{
+                          textAlign: 'center',
+                          fontSize: '6px',
+                          overflow: 'hidden',
+                          textOverflow: 'ellipsis',
+                          whiteSpace: 'nowrap',
+                          width: '90%',
+                        }}
+                        className={`productNameBQ ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                      >
+                        {nickName
+                          ? nickName
+                          : proName
+                            ? proName
+                            : 'Product Name'}
+                      </div>
+                    )}
+                    {templateOptions.value === 'C' &&
+                      imageTagBarcodeAndQR(
+                        templateOptions.codeType === 'B'
+                          ? '80%'
+                          : !templateOptions.productName &&
+                            !templateOptions.mrp
+                            ? '80%'
+                            : '35%'
+                      )}
+                    {templateOptions.mrp && (
+                      <div
+                        style={{
+                          width: '100%',
+                          textAlign: 'center',
+                          fontSize: '6px',
+                        }}
+                        className="MRPBQ"
+                      >
+                        {'₹:' + (detail?.MRP ? detail?.MRP : 10.0)}
+                      </div>
+                    )}
+                    {templateOptions.value === 'B' &&
+                      imageTagBarcodeAndQR(
+                        templateOptions.codeType === 'B' ? '100%' : '50%'
+                      )}
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
         {/* //Qrcode */}
         <div id="22X353cross">
           <div className="grid22x35_3cross">
             {selectedRecords?.length > 0
-              ? selectedRecords?.map((record, recordIndex) =>
-                  Array.from({ length: copies })?.map((_, copyIndex) => (
+              ? selectedRecords?.map((record, recordIndex) => {
+                const copyCount = generateQRCodeCopy(record?.QRCode);
+
+                return Array.from({ length: copyCount })?.map((_, copyIndex) => (
+                  <div
+                    className="barcode-wrapper-22x35"
+                    key={`Barcode9-${recordIndex}-${copyIndex}`}
+                  >
                     <div
-                      className="barcode-wrapper-22x35"
-                      key={`Barcode9-${recordIndex}-${copyIndex}`}
+                      className="barcode-container-22x35"
+                      style={{
+                        alignItems: 'center',
+                        flexDirection:
+                          templateOptions.value === 'T'
+                            ? 'column'
+                            : 'column-reverse',
+                      }}
                     >
-                      <div
-                        className="barcode-container-22x35"
-                        style={{
-                          alignItems: 'center',
-                          flexDirection:
-                            templateOptions.value === 'T'
-                              ? 'column'
-                              : 'column-reverse',
-                        }}
-                      >
-                        {imageTagBarcodeAndQR(
-                          templateOptions.codeType === 'B'
-                            ? '100%'
-                            : !templateOptions.mrp &&
-                                !templateOptions.productName
-                              ? '60%'
-                              : '40%',
-                          '8px',
-                          record?.QRCode || record?.ProdId
-                        )}
-                        {(templateOptions.productName ||
-                          templateOptions.mrp) && (
+                      {imageTagBarcodeAndQR(
+                        templateOptions.codeType === 'B'
+                          ? '100%'
+                          : !templateOptions.mrp &&
+                            !templateOptions.productName
+                            ? '60%'
+                            : '40%',
+                        '8px',
+                        record?.QRCode || record?.ProdId
+                      )}
+                      {(templateOptions.productName ||
+                        templateOptions.mrp) && (
                           <div
                             style={{
                               display: 'flex',
@@ -5489,68 +5626,70 @@ const ProductList = () => {
                             )}
                           </div>
                         )}
-                      </div>
-                    </div>
-                  ))
-                )
-              : Array.from({ length: copies })?.map((_, index) => (
-                  <div
-                    className="barcode-wrapper-22x35"
-                    key={`Barcode9-${index}`}
-                  >
-                    <div
-                      className="barcode-container-22x35"
-                      style={{
-                        alignItems: 'center',
-                        flexDirection:
-                          templateOptions.value === 'T'
-                            ? 'column'
-                            : 'column-reverse',
-                      }}
-                    >
-                      {imageTagBarcodeAndQR(
-                        templateOptions.codeType === 'B'
-                          ? '100%'
-                          : !templateOptions.mrp && !templateOptions.productName
-                            ? '60%'
-                            : '40%',
-                        '8px'
-                      )}
-                      {(templateOptions.productName || templateOptions.mrp) && (
-                        <div
-                          style={{
-                            display: 'flex',
-                            flexDirection: 'column',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                          }}
-                        >
-                          {templateOptions.productName && (
-                            <div
-                              className={`productNameBQ ${templateOptions.codeType === 'B' ? '' : 'productNameBQSmall'} ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
-                            >
-                              {nickName
-                                ? nickName
-                                : proName
-                                  ? proName
-                                  : 'Product Name'}
-                            </div>
-                          )}
-                          {templateOptions.mrp && (
-                            <div
-                              className={`MRPBQ ${templateOptions.codeType === 'B' ? '' : 'productNameBQSmall'}`}
-                            >
-                              {'MRP : ' + detail?.MRP}
-                            </div>
-                          )}
-                        </div>
-                      )}
                     </div>
                   </div>
-                ))}
+                ))
+              }
+
+              )
+              : Array.from({ length: copies })?.map((_, index) => (
+                <div
+                  className="barcode-wrapper-22x35"
+                  key={`Barcode9-${index}`}
+                >
+                  <div
+                    className="barcode-container-22x35"
+                    style={{
+                      alignItems: 'center',
+                      flexDirection:
+                        templateOptions.value === 'T'
+                          ? 'column'
+                          : 'column-reverse',
+                    }}
+                  >
+                    {imageTagBarcodeAndQR(
+                      templateOptions.codeType === 'B'
+                        ? '100%'
+                        : !templateOptions.mrp && !templateOptions.productName
+                          ? '60%'
+                          : '40%',
+                      '8px'
+                    )}
+                    {(templateOptions.productName || templateOptions.mrp) && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                        }}
+                      >
+                        {templateOptions.productName && (
+                          <div
+                            className={`productNameBQ ${templateOptions.codeType === 'B' ? '' : 'productNameBQSmall'} ${nickName ? '' : proName?.length > 12 ? 'text-ellipsis' : ''}`}
+                          >
+                            {nickName
+                              ? nickName
+                              : proName
+                                ? proName
+                                : 'Product Name'}
+                          </div>
+                        )}
+                        {templateOptions.mrp && (
+                          <div
+                            className={`MRPBQ ${templateOptions.codeType === 'B' ? '' : 'productNameBQSmall'}`}
+                          >
+                            {'MRP : ' + detail?.MRP}
+                          </div>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              ))}
           </div>
         </div>
-      </div>
+      </div >
       <DefaultModal
         open={openExcel}
         title="Bulk Upload"
@@ -5650,7 +5789,7 @@ const ProductList = () => {
               }}
               onlineImage={onlineImage}
               ImageLink={rowRecord?.ProdLogo || null}
-              updateImageUrl={imageModalRowIndex ? updateImageUrl : () => {}}
+              updateImageUrl={imageModalRowIndex ? updateImageUrl : () => { }}
               handleClose={handleImageModalClose}
             />
             <button
@@ -5767,12 +5906,133 @@ const ProductList = () => {
           </>
         }
       />
+      <DefaultModal
+        open={stockWiseQrcode}
+        title="Stock Wise Qrcode"
+        handleCancel={() => setstockWiseQrcode(false)}
+        handleSubmit={() => {
+          if (totalCopies == 0) {
+            message.error("Please enter copies count")
+            return;
+          }
+          else {
+            setstockWiseQrcode(false)
+            onFinish();
+          }
+        }}
+        footer={true}
+        children={
+          <>
+            <div className='ProductList-pwiseQrcode'>
+              <Table
+                columns={[
+                  { title: 'Product Name', dataIndex: 'productName', key: 'productName' },
+                  {
+                    title: 'Copies Count',
+                    dataIndex: 'copiesCount',
+                    key: 'copiesCount',
+                    render: (text, record) => (
+                      <input
+                        className='inputpwiseQR'
+                        type="number"
+                        min="1"
+                        value={record.copiesCount}
+                        onChange={(e) => {
+                          const newValue = parseInt(e.target.value);
+                          setQrandbarcodeDatas(prev =>
+                            prev.map(item =>
+                              item.key === record.key
+                                ? { ...item, copiesCount: newValue }
+                                : item
+                            )
+                          );
+                        }}
+                        style={{ width: '80px' }}
+                      />
+                    )
+                  }
+                ]}
+                dataSource={QrandbarcodeDatas}
+                rowKey="ProdId"
+                pagination={false}
+                size="small"
+                rowClassName={(record) =>
+                  record.StockAvailable === "N" ? 'row-red' : ''
+                }
+              />
+            </div>
+            <div className='indicationInfo'>
+              <p></p>
+              <span>Stock is not Maintained</span>
+            </div>
+          </>
+        }
+      />
+      <DefaultModal
+        open={productWiseQrcode}
+        title="Product Wise Qrcode"
+        handleCancel={() => setProductWiseQrcode(false)}
+        handleSubmit={() => {
+          if (totalCopies == 0) {
+            message.error("Please enter copies count")
+            return;
+          }
+          else {
+            setProductWiseQrcode(false)
+            onFinish();
+          }
+
+        }} footer={true}
+
+        children={
+          <>
+            <div className='ProductList-pwiseQrcode'>
+              <Table
+                columns={[
+                  { title: 'Product Name', dataIndex: 'productName', key: 'productName' },
+                  // { title: 'Stock Count', dataIndex: 'StockAvailable', key: 'StockAvailable' },
+                  {
+                    title: 'Copies Count',
+                    dataIndex: 'copiesCount',
+                    key: 'copiesCount',
+                    render: (text, record, index) => (
+                      <input
+                        type="number"
+                        className='inputpwiseQR'
+                        min="1"
+                        value={record.copiesCount}
+                        onChange={(e) => {
+                          const newValue = parseInt(e.target.value) || 1;
+                          setQrandbarcodeDatas(prev =>
+                            prev.map(item =>
+                              item.key === record.key
+                                ? { ...item, copiesCount: newValue }
+                                : item
+                            )
+                          );
+                        }}
+                        style={{ width: '80px' }}
+                      />
+                    )
+                  }
+                ]}
+                dataSource={QrandbarcodeDatas}
+                rowKey="ProdId"
+                pagination={false}
+                size="small"
+              />
+            </div>
+
+
+          </>
+        }
+      />
 
       <OCRLoader
         isVisible={isOCRProcessing.Loader}
         imageCount={isOCRProcessing.Length || 1}
       />
-    </div>
+    </div >
   );
 };
 
diff --git a/src/Styles/OverAllStyle/OverAllStyle.scss b/src/Styles/OverAllStyle/OverAllStyle.scss
index a70f43c..a4a0a88 100644
--- a/src/Styles/OverAllStyle/OverAllStyle.scss
+++ b/src/Styles/OverAllStyle/OverAllStyle.scss
@@ -14,6 +14,38 @@
   border-radius: 3px;
   font-size: 10px;
   font-weight: 600;
+}
+
+.product_primary_Button {
+  background-color: var(--ERROR_COLOR);
+  color: #fff;
+  padding: 15px;
+
+
+
+  border: 1px solid;
+  overflow: hidden;
+
+
+
+  width: 170px;
+  height: 45px;
+  background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
+  color: #fff;
+  font-family: var(--HEADING_FONT_FAMILY);
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  border-radius: 8px;
+  display: flex;
+  letter-spacing: 0.5px;
+  justify-content: space-between;
+  align-items: center;
+  z-index: 2;
+
+
+
+
 }
 
 .Counter-Category-mapping {
@@ -191,6 +223,7 @@
   }
 
   .address-type-section {
+
     // padding: 12px;
     // background-color: #f8fafc;
     // border-radius: 8px;
@@ -453,6 +486,7 @@
   .ant-table-thead {
     z-index: 150 !important;
   }
+
   .ant-table-cell {
     padding: 4px !important;
   }
@@ -558,12 +592,12 @@
     outline: none;
   }
 
-  > button:nth-child(1) {
+  >button:nth-child(1) {
     background-color: #daecfd;
     color: #1292ee;
   }
 
-  > button:nth-child(2) {
+  >button:nth-child(2) {
     background-color: #ffdcdc;
     color: #ee3333;
   }
@@ -582,7 +616,7 @@
     flex-direction: column;
     margin-bottom: 5px;
 
-    > div:nth-child(2) {
+    >div:nth-child(2) {
       width: max-content;
       font-size: 12px !important;
       height: max-content;
@@ -601,11 +635,13 @@
   color: white;
   cursor: pointer;
 }
+
 .lowStock-SaveButton:hover {
   background-color: #13c12a;
   transform: translateY(-2px);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
 }
+
 .lowStock-button {
   display: flex;
   align-items: center;
@@ -630,6 +666,7 @@
   transform: translateY(0);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
+
 .add-slot-header {
   font-size: 25px;
   font-weight: 600;
@@ -678,15 +715,18 @@
 .StorekitchenlistTable {
   scrollbar-width: thin;
   padding-right: 8px;
-  @media (max-width: 600px) {
-  }
+
+  @media (max-width: 600px) {}
+
   .ant-table-thead {
     &:hover {
       background-color: #bad4f9 !important;
     }
+
     tr:hover {
       background-color: #bad4f9 !important;
     }
+
     .ant-table-cell {
       color: #ffffff;
       font-weight: 500;
@@ -700,11 +740,13 @@
     }
   }
 }
+
 .StoreRecipeinputForm {
   .ant-form-item-explain-error {
     top: 16px;
   }
 }
+
 .incenbtivepayBTN {
   .ant-btn {
     font-size: 16px !important;
@@ -733,10 +775,12 @@
     height: 45px !important;
     width: 180px !important;
     font-size: 14px !important;
+
     &:hover {
       background-color: #d37305 !important;
     }
   }
+
   .smart_scan_Button {
     position: unset !important;
     left: unset !important;
@@ -765,6 +809,7 @@
     border-spacing: 0 !important;
   }
 }
+
 .pricechangeTable {
   .ant-input {
     padding: 4px 11px 4px 11px !important;
@@ -838,6 +883,7 @@
   flex-direction: row;
   gap: 1rem;
 }
+
 .CommmasterPageHeader {
   display: flex;
   justify-content: space-between;
@@ -848,9 +894,11 @@
 
 .comboProductList {
   width: 100%;
+
   .ant-table-thead,
   .ant-table-cell {
     white-space: nowrap;
+
     th {
       white-space: nowrap;
     }
@@ -863,6 +911,7 @@ table {
       font-family: 'Gilroy' !important;
     }
   }
+
   tbody {
     td {
       font-family: 'Poppins' !important;
@@ -988,7 +1037,7 @@ table {
   border: 1px solid #dadada;
   border-radius: 4px;
 
-  > img {
+  >img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
@@ -1113,7 +1162,7 @@ table {
     flex-direction: column;
     justify-content: center;
 
-    > img {
+    >img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -1140,7 +1189,7 @@ table {
     flex-direction: column;
     justify-content: center;
 
-    > img {
+    >img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -1176,7 +1225,7 @@ table {
     flex-direction: row;
     justify-content: space-between;
 
-    > img {
+    >img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -1203,7 +1252,7 @@ table {
     flex-direction: row;
     justify-content: space-between;
 
-    > img {
+    >img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -1231,7 +1280,7 @@ table {
     flex-direction: column;
     justify-content: space-between;
 
-    > img {
+    >img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -1287,3 +1336,149 @@ table {
   justify-content: center;
   width: 100%;
 }
+
+.ProductList-pwiseQrcode {
+  height: max-content !important;
+  max-height: 70vh;
+  overflow: auto;
+  scrollbar-width: thin !important;
+}
+
+.inputpwiseQR {
+  width: 150px;
+  height: 40px;
+  border-radius: 6px;
+  border: 1px solid #e0e0e0;
+  background-color: #ffffff;
+  font-family: "Poppins";
+  font-weight: 500;
+  text-align: center;
+  padding: 10px;
+  outline: none !important;
+}
+
+.indicationInfo {
+  font-size: 12px;
+  color: #555555;
+  margin: 12px 0 6px 0;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  p {
+    width: 15px;
+    height: 15px;
+    background-color: #C00000;
+
+  }
+
+  span {
+    font-size: 12px;
+    color: #333;
+    font-family: "Poppins";
+    font-weight: 500;
+    font-size: 13px;
+  }
+}
+
+.AddStockMinatain {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background-color: #1292EE;
+  color: #fff;
+  font-family: "Poppins";
+  font-weight: 500;
+  padding: 2px 4px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.printtabs {
+  display: flex;
+  border-bottom: 2px solid #f0f0f0;
+  margin-bottom: 1rem;
+  gap: 0;
+
+  .tab-item {
+    padding: 6px 12px !important;
+  }
+
+  .print-tabs {
+    display: flex;
+    border-bottom: 2px solid #f0f0f0;
+    margin-bottom: 1rem;
+    gap: 0;
+  }
+
+  .count {
+    margin-left: 6px;
+    font-weight: 600;
+    color: #555;
+  }
+
+  .tab-item {
+    display: flex;
+    padding: 12px 24px;
+    cursor: pointer;
+    border: 1px solid #d9d9d9;
+    border-bottom: none;
+    background: #fafafa;
+    color: #666;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    position: relative;
+    border-radius: 6px 6px 0 0;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .tab-item:first-child {
+    border-right: none;
+  }
+
+  .tab-item:hover {
+    background: #f5f5f5;
+    color: #901D77;
+  }
+
+  .tab-item.active {
+    display: flex;
+    background: #fff;
+    color: #901D77;
+    border-color: #901D77;
+    border-bottom: 2px solid #fff;
+    margin-bottom: -2px;
+    z-index: 1;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .tab-item.active::after {
+    content: '';
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: #fff;
+  }
+
+  .ProductList-pwiseQrcode {
+    height: 70vh;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    /* Firefox */
+    scroll-behavior: auto;
+  }
+
+  .row-red {
+    background-color: #ffe6e6 !important;
+  }
+
+  .row-red td {
+    color: #c00000;
+    font-weight: 500;
+  }
+
+}
\ No newline at end of file