From f762f9b32ebaed20def97a6eb9c4b43568bfe792 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Fri, 27 Sep 2024 17:23:29 +0530
Subject: [PATCH 1/8] feat: toggle button for redeeming loyalty points

---
 src/pages/POS/POS.vue | 126 ++++++++++++++++++++++++++++++++++++++----
 1 file changed, 116 insertions(+), 10 deletions(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index df899668..42bba95a 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -22,6 +22,14 @@
       @toggle-modal="toggleModal"
     />
 
+    <LoyaltyProgramModal
+      :open-modal="openLoyaltyProgramModal"
+      :sinvDoc="sinvDoc"
+      :loyalty-points="loyaltyPoints"
+      :loyalty-program="loyaltyProgram"
+      @toggle-modal="toggleModal"
+    />
+
     <PaymentModal
       :open-modal="openPaymentModal"
       @create-transaction="createTransaction"
@@ -92,14 +100,89 @@
             :item-qty-map="itemQtyMap"
             @add-item="addItem"
           />
-          <div
-            class="bg-gray-100 p-2 fixed bottom-0 mb-7 rounded-md"
-            @click="toggleView"
-          >
-            <FeatherIcon
-              :name="tableView ? 'grid' : 'list'"
-              class="w-6 h-6 text-black"
-            />
+
+          <div class="flex fixed bottom-0 p-1 mb-7 gap-x-3">
+            <div class="relative group">
+              <div class="bg-gray-100 p-1 rounded-md" @click="toggleView">
+                <FeatherIcon
+                  :name="tableView ? 'grid' : 'list'"
+                  class="w-6 h-6 text-black"
+                />
+              </div>
+              <span
+                class="
+                  absolute
+                  bottom-full
+                  left-1/2
+                  transform
+                  -translate-x-1/2
+                  mb-2
+                  bg-gray-800
+                  text-white text-xs
+                  rounded-md
+                  p-2
+                  w-20
+                  text-center
+                  opacity-0
+                  group-hover:opacity-100
+                  transition-opacity
+                  duration-300
+                "
+              >
+                {{ tableView ? 'Grid View' : 'List View' }}
+              </span>
+            </div>
+
+            <div class="relative group">
+              <div
+                class="p-1 rounded-md bg-gray-100"
+                :class="{
+                  'bg-gray-100': loyaltyPoints,
+                  'bg-gray-600 cursor-not-allowed':
+                    !loyaltyPoints || !sinvDoc.party,
+                }"
+                @click="
+                  loyaltyPoints && sinvDoc.party
+                    ? toggleModal('LoyaltyProgram', true)
+                    : null
+                "
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  height="26px"
+                  viewBox="0 -960 960 960"
+                  width="26px"
+                  fill="#000"
+                >
+                  <path
+                    d="M100-180v-600h760v600H100Zm50.26-50.26h659.48v-499.48H150.26v499.48Zm0 0v-499.48 499.48Zm181.64-56.77h50.25v-42.56h48.67q14.37 0 23.6-10.38 9.22-10.38 9.22-24.25v-106.93q0-14.71-9.22-24.88-9.23-10.17-23.6-10.17H298.77v-73.95h164.87v-50.26h-81.49v-42.56H331.9v42.56h-48.41q-14.63 0-24.8 10.38-10.18 10.38-10.18 25v106.27q0 14.62 10.18 23.71 10.17 9.1 24.8 9.1h129.9v76.1H248.51v50.26h83.39v42.56Zm312.97-27.94L705.9-376H583.85l61.02 61.03ZM583.85-574H705.9l-61.03-61.03L583.85-574Z"
+                  />
+                </svg>
+              </div>
+
+              <span
+                class="
+                  absolute
+                  bottom-full
+                  left-1/2
+                  transform
+                  -translate-x-1/2
+                  mb-2
+                  bg-gray-800
+                  text-white text-xs
+                  rounded-md
+                  p-2
+                  w-28
+                  text-center
+                  opacity-0
+                  group-hover:opacity-100
+                  transition-opacity
+                  duration-300
+                "
+              >
+                Loyalty Program
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -125,7 +208,7 @@
               :border="true"
               :value="sinvDoc.party"
               :df="sinvDoc.fieldMap.party"
-              @change="(value:string) => (sinvDoc.party = value)"
+              @change="(value:string) => setCustomer(value)"
             />
 
             <SelectedItemTable />
@@ -270,7 +353,8 @@ import {
   validateSinv,
 } from 'src/utils/pos';
 import Barcode from 'src/components/Controls/Barcode.vue';
-import { getPricingRule } from 'models/helpers';
+import { getAddedLPWithGrandTotal, getPricingRule } from 'models/helpers';
+import LoyaltyProgramModal from './LoyaltyprogramModal.vue';
 
 export default defineComponent({
   name: 'POS',
@@ -285,6 +369,7 @@ export default defineComponent({
     OpenPOSShiftModal,
     PageHeader,
     PaymentModal,
+    LoyaltyProgramModal,
     SelectedItemTable,
     Barcode,
   },
@@ -311,6 +396,7 @@ export default defineComponent({
 
       isItemsSeeded: false,
       openPaymentModal: false,
+      openLoyaltyProgramModal: false,
       openShiftCloseModal: false,
       openShiftOpenModal: false,
 
@@ -322,6 +408,10 @@ export default defineComponent({
 
       totalQuantity: 0,
 
+      loyaltyPoints: 0,
+      appliedLoyaltyPoints: 0,
+      loyaltyProgram: '' as string,
+
       defaultCustomer: undefined as string | undefined,
       itemSearchTerm: '',
       transferRefNo: undefined as string | undefined,
@@ -385,6 +475,22 @@ export default defineComponent({
     toggleSidebar(true);
   },
   methods: {
+    async setCustomer(value: string) {
+      if (!value) {
+        this.sinvDoc.party = '';
+        return;
+      }
+
+      this.sinvDoc.party = value;
+
+      const party = await this.fyo.db.getAll(ModelNameEnum.Party, {
+        fields: ['loyaltyProgram', 'loyaltyPoints'],
+        filters: { name: value as string },
+      });
+
+      this.loyaltyProgram = party[0]?.loyaltyProgram as string;
+      this.loyaltyPoints = party[0].loyaltyPoints as number;
+    },
     async setItems() {
       const items = (await fyo.db.getAll(ModelNameEnum.Item, {
         fields: [],

From 2bcd63b3c99032543672a675e070fd6b9fa3cd12 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Fri, 27 Sep 2024 17:24:02 +0530
Subject: [PATCH 2/8] feat: update types for loyalty program

---
 src/components/POS/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/POS/types.ts b/src/components/POS/types.ts
index bc96bebe..a88c0ae5 100644
--- a/src/components/POS/types.ts
+++ b/src/components/POS/types.ts
@@ -8,7 +8,7 @@ export type ItemSerialNumbers = { [item: string]: string };
 
 export type DiscountType = "percent" | "amount";
 
-export type ModalName = 'ShiftOpen' | 'ShiftClose' | 'Payment'
+export type ModalName = 'ShiftOpen' | 'ShiftClose' | 'Payment' | 'LoyaltyProgram'
 
 export interface POSItem {
     image?:string,

From 8d8c85ea88ba627934231cc2970ebb589853613b Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Fri, 27 Sep 2024 17:25:26 +0530
Subject: [PATCH 3/8] feat(ui): modal for redeeming loyalty points

---
 src/pages/POS/LoyaltyprogramModal.vue | 116 ++++++++++++++++++++++++++
 1 file changed, 116 insertions(+)
 create mode 100644 src/pages/POS/LoyaltyprogramModal.vue

diff --git a/src/pages/POS/LoyaltyprogramModal.vue b/src/pages/POS/LoyaltyprogramModal.vue
new file mode 100644
index 00000000..50237e5d
--- /dev/null
+++ b/src/pages/POS/LoyaltyprogramModal.vue
@@ -0,0 +1,116 @@
+<template>
+  <Modal class="h-96 w-96" :set-close-listener="false">
+    <p class="text-center py-4">Redeem Loyalty Points</p>
+
+    <hr class="dark:border-gray-800" />
+
+    <div class="flex gap-2 p-3 justify-end pt-10">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="20px"
+        viewBox="0 -960 960 960"
+        width="20px"
+        fill="#F19E39"
+      >
+        <path
+          d="M480-60q-117 0-217.22-65.23T108.33-287.77v133.92H58.08v-220h220v50.26H146.05q44.87 89.95 137.44 151.64 92.56 61.69 196.51 61.69 74.95 0 141.19-27.89 66.25-27.9 116.04-76.35 49.8-48.45 79.81-114.31 30.01-65.86 32.32-141.19h50.25q-1.92 85.23-35.65 159.85-33.73 74.61-90.46 130.38Q716.77-124 641.19-92 565.61-60 480-60Zm-24.92-144.31v-51.54q-42.85-10.64-72.5-35.38-29.66-24.74-48.58-68.21l43.44-16.41q14.3 37.85 43.39 58.77 29.09 20.93 65.58 20.93 37.8 0 66.31-18.94 28.51-18.94 28.51-56.14 0-33.21-23.55-53.89t-89.22-46.62q-62.36-24.06-90.82-51.52-28.46-27.46-28.46-73.61 0-40.18 28.54-71.05 28.54-30.87 79.36-38.49v-48.87h47.43v48.87q34.51 3.03 62.12 22.91 27.6 19.88 43.11 51.81l-41.53 18.36q-13.7-24.54-34.75-38.53-21.05-13.99-51.46-13.99-39.21 0-62.42 19.18-23.22 19.18-23.22 49.8 0 31.28 22.18 48.95 22.18 17.66 84.43 41.1 70.52 27.49 97.72 58.31 27.21 30.82 27.21 77.28 0 26.97-10.17 47.92-10.17 20.95-27.12 35.48-16.94 14.52-39.7 23.06t-48.4 10.92v49.54h-47.43ZM60.39-490q2.69-87.15 36.8-161.96 34.12-74.81 91.23-130.19 57.12-55.39 132.12-86.62Q395.54-900 480-900q115.85 0 217.22 65.43 101.37 65.42 154.45 163.88v-135.46h50.25v220h-220v-50.26h132.03q-43.72-88.15-136.14-150.74-92.42-62.59-197.81-62.59-73.41 0-139.59 27.51t-116.23 75.58q-50.05 48.06-80.64 113.92-30.59 65.86-32.9 142.73H60.39Z"
+        />
+      </svg>
+
+      <p>{{ loyaltyPoints }}</p>
+    </div>
+
+    <Data
+      v-if="sinvDoc.fieldMap"
+      class="flex-shrink-0 px-10 pb-10"
+      :show-label="true"
+      :border="true"
+      :value="sinvDoc.loyaltyPoints"
+      :df="sinvDoc.fieldMap.loyaltyPoints"
+    />
+
+    <div class="row-start-6 grid grid-cols-2 gap-4 mt-auto mb-2 px-10">
+      <div class="col-span-2">
+        <Button
+          class="w-full bg-green-500"
+          style="padding: 1.35rem"
+          :disabled="validationError"
+        >
+          <slot>
+            <p class="uppercase text-lg text-white font-semibold">
+              {{ t`Save` }}
+            </p>
+          </slot>
+        </Button>
+      </div>
+    </div>
+
+    <div class="row-start-6 grid grid-cols-2 gap-4 mt-auto px-10">
+      <div class="col-span-2">
+        <Button
+          class="w-full bg-red-500"
+          style="padding: 1.35rem"
+          @click="$emit('toggleModal', 'LoyaltyProgram')"
+        >
+          <slot>
+            <p class="uppercase text-lg text-white font-semibold">
+              {{ t`Cancel` }}
+            </p>
+          </slot>
+        </Button>
+      </div>
+    </div>
+  </Modal>
+</template>
+
+<script lang="ts">
+import Button from 'src/components/Button.vue';
+import Currency from 'src/components/Controls/Currency.vue';
+import Data from 'src/components/Controls/Data.vue';
+import Date from 'src/components/Controls/Date.vue';
+import Modal from 'src/components/Modal.vue';
+import { SalesInvoice } from 'models/baseModels/SalesInvoice/SalesInvoice';
+import { defineComponent, inject } from 'vue';
+import { t } from 'fyo';
+import { showToast } from 'src/utils/interactive';
+import { ModelNameEnum } from 'models/types';
+
+export default defineComponent({
+  name: 'LoyaltyProgramModal',
+  components: {
+    Modal,
+    Currency,
+    Button,
+    Data,
+    Date,
+  },
+  emits: ['setLoyaltyPoints', 'toggleModal'],
+  props: {
+    sinvDoc: {
+      type: Object,
+      required: true,
+    },
+    loyaltyPoints: {
+      type: Number,
+      required: true,
+    },
+    loyaltyProgram: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      validationError: false,
+    };
+  },
+  setup() {
+    return {
+      sinvDoc: inject('sinvDoc') as SalesInvoice,
+    };
+  },
+  methods: {
+    
+  },
+});
+</script>

From 57d32084371f42fc115baa533b089af0f7c18188 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Fri, 27 Sep 2024 17:26:06 +0530
Subject: [PATCH 4/8] feat: add loyalty point earning and redemption in POS

---
 src/pages/POS/LoyaltyprogramModal.vue | 53 ++++++++++++++++++++++++++-
 src/pages/POS/POS.vue                 | 18 +++++++++
 2 files changed, 70 insertions(+), 1 deletion(-)

diff --git a/src/pages/POS/LoyaltyprogramModal.vue b/src/pages/POS/LoyaltyprogramModal.vue
index 50237e5d..21b681ef 100644
--- a/src/pages/POS/LoyaltyprogramModal.vue
+++ b/src/pages/POS/LoyaltyprogramModal.vue
@@ -27,6 +27,7 @@
       :border="true"
       :value="sinvDoc.loyaltyPoints"
       :df="sinvDoc.fieldMap.loyaltyPoints"
+      @change="updateLoyaltyPoints"
     />
 
     <div class="row-start-6 grid grid-cols-2 gap-4 mt-auto mb-2 px-10">
@@ -34,6 +35,7 @@
         <Button
           class="w-full bg-green-500"
           style="padding: 1.35rem"
+          @click="setLoyaltyPoints()"
           :disabled="validationError"
         >
           <slot>
@@ -110,7 +112,56 @@ export default defineComponent({
     };
   },
   methods: {
-    
+    async updateLoyaltyPoints(newValue: number) {
+      try {
+        if (this.loyaltyPoints >= newValue) {
+          this.sinvDoc.loyaltyPoints = newValue;
+        } else {
+          throw new Error(
+            `${this.sinvDoc.party as string} only has ${
+              this.loyaltyPoints as number
+            } points`
+          );
+        }
+
+        const loyaltyProgramDoc = await this.fyo.db.getAll(
+          ModelNameEnum.LoyaltyProgram,
+          {
+            fields: ['conversionFactor'],
+            filters: { name: this.loyaltyProgram as string },
+          }
+        );
+
+        const loyaltyPoint =
+          newValue * ((loyaltyProgramDoc[0]?.conversionFactor as number) || 0);
+
+        if (this.sinvDoc.baseGrandTotal?.lt(loyaltyPoint)) {
+          throw new Error(
+            t`no need ${newValue as number} points to purchase this item`
+          );
+        }
+        this.validationError = false;
+      } catch (error) {
+        this.validationError = true;
+        showToast({
+          type: 'error',
+          message: t`${error as string}`,
+        });
+
+        return;
+      }
+    },
+    setLoyaltyPoints() {
+      if (
+        !this.sinvDoc.loyaltyPoints ||
+        this.sinvDoc.loyaltyPoints > this.loyaltyPoints
+      ) {
+        return;
+      }
+
+      this.$emit('setLoyaltyPoints', this.sinvDoc.loyaltyPoints);
+      this.$emit('toggleModal', 'LoyaltyProgram');
+    },
   },
 });
 </script>
diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index 42bba95a..765f6700 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -27,6 +27,7 @@
       :sinvDoc="sinvDoc"
       :loyalty-points="loyaltyPoints"
       :loyalty-program="loyaltyProgram"
+      @set-loyalty-points="setLoyaltyPoints"
       @toggle-modal="toggleModal"
     />
 
@@ -553,6 +554,23 @@ export default defineComponent({
     setTotalTaxedAmount() {
       this.totalTaxedAmount = getTotalTaxedAmount(this.sinvDoc as SalesInvoice);
     },
+    async setLoyaltyPoints(value: number) {
+      this.appliedLoyaltyPoints = value;
+
+      this.sinvDoc.redeemLoyaltyPoints = true;
+
+      const totalLotaltyAmount = await getAddedLPWithGrandTotal(
+        this.fyo,
+        this.loyaltyProgram as string,
+        value as number
+      );
+
+      const total = totalLotaltyAmount
+        .sub(this.sinvDoc.baseGrandTotal as Money)
+        .abs();
+
+      this.sinvDoc.grandTotal = total;
+    },
     setTransferAmount(amount: Money = fyo.pesa(0)) {
       this.transferAmount = amount;
     },

From 53cf61d4fe3eccf6065d00816d17897a2c68a412 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Sat, 28 Sep 2024 09:31:28 +0530
Subject: [PATCH 5/8] feat: add validations for redeeming loyalty points

---
 src/pages/POS/LoyaltyprogramModal.vue | 25 +++++++++++++++++--------
 src/pages/POS/POS.vue                 |  4 ++--
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/pages/POS/LoyaltyprogramModal.vue b/src/pages/POS/LoyaltyprogramModal.vue
index 21b681ef..51c866f3 100644
--- a/src/pages/POS/LoyaltyprogramModal.vue
+++ b/src/pages/POS/LoyaltyprogramModal.vue
@@ -143,6 +143,7 @@ export default defineComponent({
         this.validationError = false;
       } catch (error) {
         this.validationError = true;
+
         showToast({
           type: 'error',
           message: t`${error as string}`,
@@ -152,15 +153,23 @@ export default defineComponent({
       }
     },
     setLoyaltyPoints() {
-      if (
-        !this.sinvDoc.loyaltyPoints ||
-        this.sinvDoc.loyaltyPoints > this.loyaltyPoints
-      ) {
-        return;
-      }
+      try {
+        if (!this.sinvDoc.loyaltyPoints || this.sinvDoc.loyaltyPoints < 0) {
+          throw new Error(t`Points must be greater than 0`);
+        }
 
-      this.$emit('setLoyaltyPoints', this.sinvDoc.loyaltyPoints);
-      this.$emit('toggleModal', 'LoyaltyProgram');
+        this.$emit('setLoyaltyPoints', this.sinvDoc.loyaltyPoints);
+        this.$emit('toggleModal', 'LoyaltyProgram');
+
+        this.validationError = false;
+      } catch (error) {
+        this.validationError = true;
+
+        showToast({
+          type: 'error',
+          message: t`${error as string}`,
+        });
+      }
     },
   },
 });
diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index 765f6700..00fb2b2f 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -140,10 +140,10 @@
                 :class="{
                   'bg-gray-100': loyaltyPoints,
                   'bg-gray-600 cursor-not-allowed':
-                    !loyaltyPoints || !sinvDoc.party,
+                    !loyaltyPoints || !sinvDoc.party || !sinvDoc.items?.length,
                 }"
                 @click="
-                  loyaltyPoints && sinvDoc.party
+                  loyaltyPoints && sinvDoc.party && sinvDoc.items?.length
                     ? toggleModal('LoyaltyProgram', true)
                     : null
                 "

From dc7b4b0c60df5805d9710b7deba2b1933a98dc46 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Sat, 28 Sep 2024 09:42:19 +0530
Subject: [PATCH 6/8] fix: resolve linting issues

---
 src/pages/POS/LoyaltyprogramModal.vue | 30 +++++++++------------------
 src/pages/POS/POS.vue                 |  7 +++----
 2 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/pages/POS/LoyaltyprogramModal.vue b/src/pages/POS/LoyaltyprogramModal.vue
index 51c866f3..c4fd5a5f 100644
--- a/src/pages/POS/LoyaltyprogramModal.vue
+++ b/src/pages/POS/LoyaltyprogramModal.vue
@@ -35,8 +35,8 @@
         <Button
           class="w-full bg-green-500"
           style="padding: 1.35rem"
-          @click="setLoyaltyPoints()"
           :disabled="validationError"
+          @click="setLoyaltyPoints()"
         >
           <slot>
             <p class="uppercase text-lg text-white font-semibold">
@@ -67,9 +67,7 @@
 
 <script lang="ts">
 import Button from 'src/components/Button.vue';
-import Currency from 'src/components/Controls/Currency.vue';
 import Data from 'src/components/Controls/Data.vue';
-import Date from 'src/components/Controls/Date.vue';
 import Modal from 'src/components/Modal.vue';
 import { SalesInvoice } from 'models/baseModels/SalesInvoice/SalesInvoice';
 import { defineComponent, inject } from 'vue';
@@ -81,17 +79,10 @@ export default defineComponent({
   name: 'LoyaltyProgramModal',
   components: {
     Modal,
-    Currency,
     Button,
     Data,
-    Date,
   },
-  emits: ['setLoyaltyPoints', 'toggleModal'],
   props: {
-    sinvDoc: {
-      type: Object,
-      required: true,
-    },
     loyaltyPoints: {
       type: Number,
       required: true,
@@ -101,16 +92,17 @@ export default defineComponent({
       required: true,
     },
   },
-  data() {
-    return {
-      validationError: false,
-    };
-  },
+  emits: ['setLoyaltyPoints', 'toggleModal'],
   setup() {
     return {
       sinvDoc: inject('sinvDoc') as SalesInvoice,
     };
   },
+  data() {
+    return {
+      validationError: false,
+    };
+  },
   methods: {
     async updateLoyaltyPoints(newValue: number) {
       try {
@@ -119,7 +111,7 @@ export default defineComponent({
         } else {
           throw new Error(
             `${this.sinvDoc.party as string} only has ${
-              this.loyaltyPoints as number
+              this.loyaltyPoints
             } points`
           );
         }
@@ -128,7 +120,7 @@ export default defineComponent({
           ModelNameEnum.LoyaltyProgram,
           {
             fields: ['conversionFactor'],
-            filters: { name: this.loyaltyProgram as string },
+            filters: { name: this.loyaltyProgram },
           }
         );
 
@@ -136,9 +128,7 @@ export default defineComponent({
           newValue * ((loyaltyProgramDoc[0]?.conversionFactor as number) || 0);
 
         if (this.sinvDoc.baseGrandTotal?.lt(loyaltyPoint)) {
-          throw new Error(
-            t`no need ${newValue as number} points to purchase this item`
-          );
+          throw new Error(t`no need ${newValue} points to purchase this item`);
         }
         this.validationError = false;
       } catch (error) {
diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index 00fb2b2f..d46ab152 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -24,7 +24,6 @@
 
     <LoyaltyProgramModal
       :open-modal="openLoyaltyProgramModal"
-      :sinvDoc="sinvDoc"
       :loyalty-points="loyaltyPoints"
       :loyalty-program="loyaltyProgram"
       @set-loyalty-points="setLoyaltyPoints"
@@ -486,7 +485,7 @@ export default defineComponent({
 
       const party = await this.fyo.db.getAll(ModelNameEnum.Party, {
         fields: ['loyaltyProgram', 'loyaltyPoints'],
-        filters: { name: value as string },
+        filters: { name: value },
       });
 
       this.loyaltyProgram = party[0]?.loyaltyProgram as string;
@@ -561,8 +560,8 @@ export default defineComponent({
 
       const totalLotaltyAmount = await getAddedLPWithGrandTotal(
         this.fyo,
-        this.loyaltyProgram as string,
-        value as number
+        this.loyaltyProgram,
+        value
       );
 
       const total = totalLotaltyAmount

From 716e0109f749ac6ab71b2fadac382ebd99acd7e4 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Sat, 28 Sep 2024 10:01:43 +0530
Subject: [PATCH 7/8] feat: dark mode for loyalty program in POS

---
 src/pages/POS/POS.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index d46ab152..3fd0e724 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -117,8 +117,9 @@
                   transform
                   -translate-x-1/2
                   mb-2
-                  bg-gray-800
-                  text-white text-xs
+                  bg-gray-100
+                  dark:bg-gray-850 dark:text-white
+                  text-black text-xs
                   rounded-md
                   p-2
                   w-20
@@ -138,7 +139,7 @@
                 class="p-1 rounded-md bg-gray-100"
                 :class="{
                   'bg-gray-100': loyaltyPoints,
-                  'bg-gray-600 cursor-not-allowed':
+                  'dark:bg-gray-600 cursor-not-allowed':
                     !loyaltyPoints || !sinvDoc.party || !sinvDoc.items?.length,
                 }"
                 @click="
@@ -149,7 +150,7 @@
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  height="26px"
+                  height="24px"
                   viewBox="0 -960 960 960"
                   width="26px"
                   fill="#000"
@@ -168,8 +169,9 @@
                   transform
                   -translate-x-1/2
                   mb-2
-                  bg-gray-800
-                  text-white text-xs
+                  bg-gray-100
+                  dark:bg-gray-850 dark:text-white
+                  text-black text-xs
                   rounded-md
                   p-2
                   w-28

From c25fa0ab537987f629fb091ce3a757c8e3f6502d Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Mon, 30 Sep 2024 10:02:18 +0530
Subject: [PATCH 8/8] fix: show loyalty program option in POS only when enabled
 in settings

---
 src/pages/POS/POS.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index 3fd0e724..5f0e31fe 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -138,6 +138,7 @@
               <div
                 class="p-1 rounded-md bg-gray-100"
                 :class="{
+                  hidden: !fyo.singles.AccountingSettings?.enableLoyaltyProgram,
                   'bg-gray-100': loyaltyPoints,
                   'dark:bg-gray-600 cursor-not-allowed':
                     !loyaltyPoints || !sinvDoc.party || !sinvDoc.items?.length,