feat: add label in UI to identify free items

models/baseModels/Invoice/Invoice.ts

@@ -1179,6 +1179,7 @@ export abstract class Invoice extends Transactional {
         item: pricingRuleDoc.freeItem as string,
         quantity: freeItemQty,
         isFreeItem: true,
+        pricingRule: pricingRuleDoc.title,
         rate: pricingRuleDoc.freeItemRate,
         unit: pricingRuleDoc.freeItemUnit,
       });

schemas/app/SalesInvoiceItem.json

@@ -8,6 +8,11 @@
       "fieldtype": "Check",
       "default": false,
       "hidden": true
+    },
+    {
+      "fieldname": "pricingRule",
+      "fieldtype": "Data",
+      "hidden": true
     }
   ]
 }

src/components/POS/SelectedItemRow.vue

@@ -5,17 +5,27 @@
     @click="isExapanded = !isExapanded"
   />
 
-  <Link
-    :df="{
-      fieldname: 'item',
-      fieldtype: 'Data',
-      label: 'item',
-    }"
-    size="small"
-    :border="false"
-    :value="row.item"
-    :read-only="true"
-  />
+  <div class="relative">
+    <Link
+      class="pt-2"
+      :df="{
+        fieldname: 'item',
+        fieldtype: 'Data',
+        label: 'item',
+      }"
+      size="small"
+      :border="false"
+      :value="row.item"
+      :read-only="true"
+    />
+    <p
+      v-if="row.isFreeItem"
+      class="absolute flex top-0 font-medium text-xs ml-2 text-green-800"
+      style="font-size: 0.6rem"
+    >
+      {{ row.pricingRule }}
+    </p>
+  </div>
 
   <Int
     :df="{