Merge pull request 'Fix #23 : Enhance Product Receipt module with dynamic fields and supplier-based product loading' (#43) from feature/product-receipt-enhancement into main

Reviewed-on: Pozomind/pozo-retail-app#43

src/Features/StockMaster/StockMaster.js

@@ -31,7 +31,7 @@ export const getInvoiceImageData = createAsyncThunk(
     formData.append("file", file); // 👈 actual file here
 
     const response = await axiosRetailOcrData.post(
-      "/invoiceupload",
+      "/invoice",
       formData,
       {
         headers: {

src/Styles/Stock/StockMaster.scss

@@ -36,13 +36,14 @@
 }
 
 .Product-table {
+
   table {
     border-spacing: unset;
   }
 }
 
 .Product-table .ant-input {
-  width: 5rem !important;
+  width: 4rem !important;
 }
 
 .Product-table .ant-picker {
@@ -87,7 +88,7 @@
     width: 180px !important;
   }
 
-  > div:nth-child(2) {
+  >div:nth-child(2) {
     p {
       display: none !important;
     }
@@ -145,7 +146,7 @@
     max-width: 130px !important;
   }
 
-  > td:nth-child(3) {
+  >td:nth-child(3) {
     .ant-input {
       width: max-content !important;
       max-width: 70px !important;
@@ -153,7 +154,7 @@
     }
   }
 
-  > td:nth-child(5) {
+  >td:nth-child(5) {
     .ant-input {
       width: max-content !important;
       max-width: 100px !important;
@@ -202,6 +203,8 @@
   flex-direction: row;
   gap: 1.5rem;
   padding-top: 0.5rem;
+  justify-content: space-between;
+  width: 100%;
 
   & .field-DropDown {
     width: 200px !important;
@@ -299,8 +302,8 @@
   }
 }
 
-.inputForm .ant-table-content {
+.inputFormSTOCKFORM .ant-table-content {
-  width: 70vw;
+  width: 100% !important;
 }
 
 .pe-inward-date {
@@ -322,24 +325,22 @@
 }
 
 .purchase-status {
-  > div:nth-child(1) {
+  >div:nth-child(1) {
     display: flex;
     align-items: center;
     gap: 10px;
 
-    > p {
+    >p {
       padding-bottom: 0 !important;
     }
   }
 }
 
 .purchase-status-data {
-  margin-top: 10px;
   display: flex;
   align-items: center;
   gap: 30px;
   justify-content: flex-end;
-  padding: 1rem 3rem;
   width: 100%;
 }
 
@@ -447,7 +448,7 @@
 
   .invoice-date {
     .ant-form-item-control-input-content {
-      > label {
+      >label {
         font-family: 'Poppins';
         font-weight: 500;
       }
@@ -473,7 +474,7 @@
     gap: 1rem;
     margin-bottom: 10px;
 
-    > button {
+    >button {
       font-family: 'Poppins';
       background-color: #ef4444;
       color: #fff;
@@ -481,8 +482,8 @@
       align-items: center;
 
       .ant-btn-icon {
-        > span {
+        >span {
-          > svg {
+          >svg {
             width: 13px;
             height: 13px;
           }
@@ -516,6 +517,8 @@
 }
 
 .stockformTabele {
+  width: 80vw;
+
   .float-label,
   .ant-select {
     width: 60px !important;
@@ -563,9 +566,7 @@
     width: 100%;
   }
 
-  .inputForm .ant-table-content {
+
-    width: 100vw;
-  }
 
   .stock-input {
     // width: 100vw;
@@ -607,13 +608,12 @@
     width: 100%;
   }
 
-  .inputForm .ant-table-content {
+
-    width: 100vw;
-  }
 
   .stock-input {
     width: 100vw;
   }
+
   .tipsForUpload {
     ul li {
       font-size: 10px !important;
@@ -689,14 +689,17 @@
     top: 0;
     opacity: 1;
   }
+
   50% {
     opacity: 0.8;
   }
+
   100% {
     top: calc(100% - 3px);
     opacity: 1;
   }
 }
+
 .preview-text-data {
   display: flex;
   flex-direction: column;
@@ -724,6 +727,7 @@
     font-weight: 500;
   }
 }
+
 .loading-overlay {
   position: absolute;
   top: 0;
@@ -761,12 +765,66 @@
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
 }
+
 .purchase-receipt-table {
   .ant-input {
     padding-top: 6px !important;
   }
+
+  .ant-table-cell {
+    padding: 5px !important;
+  }
+}
+
+
+.addallProductTBN {
+  border: none;
+  outline: none;
+  padding: 8px 16px;
+  width: max-content;
+  font-family: "Poppins";
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  background-color: #1292ee;
+  height: max-content;
+  color: #fff;
+  border-radius: 4px;
+}
+
+.productSearchRecipt {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  flex-direction: row-reverse;
+  gap: 1rem;
+
+  .ant-input-affix-wrapper {
+    width: 250px !important;
+  }
+
+  .ant-input {
+    padding: 3px 14px 6px 11px !important;
+  }
+}
+
+.finalSubmitPRBTN {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.imeiSNTable {
+
+  .ant-input {
+    padding: 4px 4px !important;
+    text-align: center;
+  }
 }