Implemented functionality to save auto cancel days(#2cxr1cx)

src/locales/en.json

@@ -7,6 +7,7 @@
   "Allocation": "Allocation",
   "Are you sure you want to save these changes?": "Are you sure you want to save these changes?",
   "Auto cancelations": "Auto cancelations",
+  "Auto cancel days updated": "Auto cancel days updated",
   "Import all products from Shopify. Make sure you run this before importing orders in bulk during intial setup.": "Import all products from Shopify. Make sure you run this before importing orders in bulk during intial setup.",
   "All unsaved changes will be lost. Are you sure you want to leave this page.": "All unsaved changes will be lost. Are you sure you want to leave this page.",
   "Archived": "Archived",
@@ -183,6 +184,7 @@
   "Unfillable orders": "Unfillable orders",
   "Unfulfilled orders that pass their auto cancelation date will be canceled automatically in HotWax Commerce. They will also be canceled in Shopify if upload for canceled orders is enabled.": "Unfulfilled orders that pass their auto cancelation date will be canceled automatically in HotWax Commerce. They will also be canceled in Shopify if upload for canceled orders is enabled.",
   "Webhooks": "Webhooks",
+  "Unable to edit auto cancel days": "Unable to edit auto cancel days",
   "Upload Pending Process": "Upload Pending Process",
   "Update shipping dates in Shopify": "Update shipping dates in Shopify",
   "When importing historical completed orders, this should be turned off.": "When importing historical completed orders, this should be turned off.",

src/services/JobService.ts

@@ -39,11 +39,27 @@ const fetchTemporalExpression = async (payload: any): Promise <any>  => {
   });
 }
 
+const updateAutoCancelDays = async (payload: any): Promise <any> => {
+  return api({
+    url: "service/updateProductStore",
+    method: "post",
+    data: payload
+  });
+}
 
+const getAutoCancelDays = async (payload: any): Promise <any> => {
+  return api({
+    url: "performFind",
+    method: "post",
+    data: payload
+  });
+}
 export const JobService = {
   fetchJobDescription,
   fetchJobInformation,
   fetchTemporalExpression,
   updateJob,
-  scheduleJob
+  scheduleJob,
+  updateAutoCancelDays,
+  getAutoCancelDays
 }

src/views/Orders.vue

@@ -82,7 +82,10 @@
             </ion-card-header>
             <ion-item>
               <ion-label class="ion-text-wrap">{{ $t("Days") }}</ion-label>
-              <ion-input :placeholder="$t('before auto cancelation')" />
+              <ion-input :placeholder="$t('before auto cancelation')" v-model.number="updatedAutoCancelDays" type="number" />
+              <ion-button fill="clear" @click="updateAutoCancelDays()" slot="end">
+                {{ $t("Save") }}
+              </ion-button>
             </ion-item>
             <ion-item>
               <ion-label class="ion-text-wrap">{{ $t("Check daily") }}</ion-label>
@@ -183,6 +186,7 @@ import JobConfiguration from '@/components/JobConfiguration.vue';
 import { DateTime } from 'luxon';
 import { hasError, isFutureDate, showToast } from '@/utils';
 import emitter from '@/event-bus';
+import { JobService } from '@/services/JobService'
 
 export default defineComponent({
   name: 'Orders',
@@ -220,7 +224,9 @@ export default defineComponent({
       currentJobStatus: '',
       freqType: '',
       isJobDetailAnimationCompleted: false,
-      isDesktop: isPlatform('desktop')
+      isDesktop: isPlatform('desktop'),
+      autoCancelDays: '',
+      updatedAutoCancelDays: ''
     }
   },
   computed: {
@@ -274,6 +280,26 @@ export default defineComponent({
         await this.store.dispatch('webhook/unsubscribeWebhook', { webhookId: webhook?.id, shopifyConfigId: this.shopifyConfigId })
       }
     },
+    async updateAutoCancelDays(){
+      if(this.autoCancelDays != this.updatedAutoCancelDays){
+        const payload = {
+          'productStoreId': this.currentEComStore.productStoreId,
+          'daysToCancelNonPay': this.updatedAutoCancelDays
+        }
+        try {
+          const resp = await JobService.updateAutoCancelDays(payload);
+          if (resp.status === 200 && !hasError(resp)) {
+            showToast(translate("Auto cancel days updated"));
+            this.autoCancelDays = this.updatedAutoCancelDays;
+          } else {
+            showToast(translate("Unable to edit auto cancel days"));
+          }
+        } catch (err) {
+          showToast(translate('Something went wrong'))
+          console.error(err)
+        }
+      }
+    },
     async addBatch() {
       const batchmodal = await modalController.create({
         component: BatchModal
@@ -408,9 +434,30 @@ export default defineComponent({
           ]
         });
       return jobAlert.present();
+    },
+    async getAutoCancelDays(){
+      const payload = {
+        "inputFields": {
+          'productStoreId': this.currentEComStore.productStoreId,
+        },
+        "fieldList": [ 'daysToCancelNonPay' ],
+        "entityName": "ProductStore",
+        "noConditionFind": "Y"
+      }
+      try {
+        const resp = await JobService.getAutoCancelDays(payload);
+        if (resp.status === 200 && !hasError(resp) && resp.data.docs?.length > 0 ) {
+          this.autoCancelDays = resp.data.docs[0].daysToCancelNonPay;
+          this.updatedAutoCancelDays = resp.data.docs[0].daysToCancelNonPay;
+        } else {
+          console.error(resp)
+        }
+      } catch (err) {
+        console.error(err)
+      }
     }
   },
-  mounted () {
+  async mounted () {
     this.store.dispatch("job/fetchJobs", {
       "inputFields":{
         "systemJobEnumId": Object.values(this.jobEnums),
@@ -424,6 +471,7 @@ export default defineComponent({
       }
     });
     this.store.dispatch('webhook/fetchWebhooks')
+    this.getAutoCancelDays();
   },
   setup() {
     const store = useStore();