diff --git a/package-lock.json b/package-lock.json
index a6ba0c70..db6b24ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@casl/vue": "^2.2.0",
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.2.6",
-        "@hotwax/dxp-components": "^1.13.0",
+        "@hotwax/dxp-components": "1.14.1",
         "@hotwax/oms-api": "^1.14.0",
         "@ionic/core": "7.6.0",
         "@ionic/vue": "7.6.0",
@@ -2830,9 +2830,9 @@
       "integrity": "sha512-zpUjGoY7LBlKeiP0V7tonrmoey8HQ5THQmyixQ+IDtrjmEJNBjynW/Ef3gC0FUNNPuVqxWPZdT5CVgaETLGTwg=="
     },
     "node_modules/@hotwax/dxp-components": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/@hotwax/dxp-components/-/dxp-components-1.13.0.tgz",
-      "integrity": "sha512-AkzHpGIWYFURIAKaqioNZdkaeJBaJHs+ep+5ibLyEj+Ex+GsyMsI9L1NVO+tl91ECkCNx02QjHPhMfpo0osQ3w==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@hotwax/dxp-components/-/dxp-components-1.14.1.tgz",
+      "integrity": "sha512-JmaD1z/wHtmHl7kE94lDJPl/DDD95kaEJcp81ShHW8U8J0CBnI3JaBC5+ThKCeUmJq8+9L/in6C0/t5EslVOIg==",
       "dependencies": {
         "@hotwax/oms-api": "^1.8.1",
         "@ionic/core": "^7.6.0",
diff --git a/package.json b/package.json
index 399facbe..95632d2a 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "@casl/vue": "^2.2.0",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
-    "@hotwax/dxp-components": "^1.13.0",
+    "@hotwax/dxp-components": "1.14.1",
     "@hotwax/oms-api": "^1.14.0",
     "@ionic/core": "7.6.0",
     "@ionic/vue": "7.6.0",
diff --git a/src/api/index.ts b/src/api/index.ts
index 84939cfe..e0972972 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -5,6 +5,8 @@ import emitter from "@/event-bus"
 import store from "@/store";
 import { StatusCodes } from "http-status-codes";
 
+let apiConfig = {} as any
+
 axios.interceptors.request.use((config: any) => {
   // TODO: pass csrf token
   const token = store.getters["user/getUserToken"];
@@ -77,6 +79,8 @@ const axiosCache = setupCache({
  * @return {Promise} Response from API as returned by Axios
  */
 const api = async (customConfig: any) => {
+  apiConfig = customConfig
+
   // Prepare configuration
   const config: any = {
     url: customConfig.url,
@@ -87,7 +91,14 @@ const api = async (customConfig: any) => {
   }
 
   const baseURL = store.getters["user/getInstanceUrl"];
-  if (baseURL) config.baseURL = baseURL.startsWith('http') ? baseURL.includes('/rest/s1/available-to-promise') ? baseURL : `${baseURL}/rest/s1/available-to-promise/` : `https://${baseURL}.hotwax.io/rest/s1/available-to-promise/`;
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+
+  if(customConfig.useOmsRedirection) {
+    config.baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+  } else if (baseURL) {
+    config.baseURL = baseURL.startsWith('http') ? baseURL.includes('/rest/s1/available-to-promise') ? baseURL : `${baseURL}/rest/s1/available-to-promise/` : `https://${baseURL}.hotwax.io/rest/s1/available-to-promise/`;
+  }
+
   if(customConfig.cache) config.adapter = axiosCache.adapter;
   const networkStatus =  await OfflineHelper.getNetworkStatus();
   if (customConfig.queue && !networkStatus.connected) {
@@ -108,7 +119,7 @@ const api = async (customConfig: any) => {
  * @return {Promise} Response from API as returned by Axios
  */
 const client = (config: any) => {
-  return axios.request(config);
+  return axios.create().request(config);
 }
 
 export { api as default, client, axios };
\ No newline at end of file
diff --git a/src/components/CustomFrequencyModal.vue b/src/components/CustomFrequencyModal.vue
new file mode 100644
index 00000000..bf5744b0
--- /dev/null
+++ b/src/components/CustomFrequencyModal.vue
@@ -0,0 +1,62 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-button @click="closeModal"> 
+          <ion-icon :icon="closeOutline" slot="icon-only" />
+        </ion-button>
+      </ion-buttons>
+      <ion-title>{{ translate("Custom frequency") }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <div v-if="customFrequencies.length">
+      <ion-list>
+        <ion-radio-group v-model="frequencyId">
+          <ion-item :key="customFrequency.tempExprId" v-for="customFrequency in customFrequencies">
+            <ion-radio :value="customFrequency.tempExprId">{{ customFrequency.description }}</ion-radio>
+          </ion-item>
+        </ion-radio-group>
+      </ion-list>
+    </div>
+    <div class="empty-state" v-else>
+      <p>{{ translate("No frequency found.")}}</p>
+    </div>
+  </ion-content>
+
+  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+    <ion-fab-button :disabled="!frequencyId" @click="setFrequency()">
+      <ion-icon :icon="saveOutline" />
+    </ion-fab-button>
+  </ion-fab>
+</template>
+
+<script setup lang="ts">
+import { IonButton, IonButtons, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonList, IonRadio, IonRadioGroup, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { onMounted, ref } from "vue";
+import { closeOutline, saveOutline } from "ionicons/icons";
+import { translate } from "@hotwax/dxp-components";
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const customFrequencies = ref([]) as any;
+const frequencyId = ref("");
+
+onMounted(() => {
+  findFrequencies();
+})
+
+function closeModal() {
+  modalController.dismiss({ dismissed: true });
+}
+
+async function findFrequencies() {
+  customFrequencies.value = await store.dispatch("channel/findTemporalExpression");
+}
+
+async function setFrequency() {
+  modalController.dismiss({ dismissed: true, frequencyId: frequencyId.value });
+}
+</script>
\ No newline at end of file
diff --git a/src/components/JobHistoryModal.vue b/src/components/JobHistoryModal.vue
new file mode 100644
index 00000000..341b0bf7
--- /dev/null
+++ b/src/components/JobHistoryModal.vue
@@ -0,0 +1,84 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-button @click="closeModal">
+          <ion-icon slot="icon-only" :icon="closeOutline" />
+        </ion-button>
+      </ion-buttons>
+      <ion-title>{{ currentJob?.enumName }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <div v-if="jobHistory?.length">
+      <ion-list>
+        <ion-item v-for="(job, index) in jobHistory" :key="index">
+          <ion-label>
+            {{ job.runTime ? getTime(job.runTime) : "-" }}
+            <p v-if="job.runTime">{{ getDate(job.runTime) }}</p>
+          </ion-label>
+          <ion-badge v-if="job.statusId" :color="job.statusId === 'SERVICE_FINISHED' ? 'success' : 'danger'">{{ getStatusDesc(job.statusId) }}</ion-badge>
+        </ion-item>
+      </ion-list>
+    </div>
+
+    <div v-else>
+      <p class="ion-text-center">{{ translate("No available history for this job.")}}</p>
+    </div>
+  </ion-content>
+</template>
+
+<script setup lang="ts">
+import { IonBadge, IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonTitle, IonToolbar, modalController } from '@ionic/vue';
+import { translate } from '@hotwax/dxp-components';
+import { closeOutline } from 'ionicons/icons';
+import { computed, defineProps, onMounted, ref } from "vue";
+import { DateTime } from 'luxon';
+import { ChannelService } from '@/services/ChannelService';
+import { useStore } from "vuex";
+
+const store = useStore();
+const props = defineProps(["currentJob"]);
+
+const jobHistory = ref([]) as any;
+
+const getStatusDesc = computed(() => store.getters["channel/getStatusDesc"])
+
+onMounted(async () => {
+  await store.dispatch("channel/getServiceStatusDesc");
+  fetchJobHistory();
+})
+
+function closeModal() {
+  modalController.dismiss({ dismissed: true });
+}
+
+function getDate(runTime: any) {
+  return DateTime.fromMillis(runTime).toLocaleString(DateTime.DATE_MED);
+}
+
+function getTime(runTime: any) {
+  return DateTime.fromMillis(runTime).toLocaleString(DateTime.TIME_SIMPLE);
+}
+
+async function fetchJobHistory() {
+  jobHistory.value = await ChannelService.fetchJobInformation({
+    "inputFields": {
+      "productStoreId": props.currentJob.productStoreId,
+      "statusId": ["SERVICE_CANCELLED", "SERVICE_CRASHED", "SERVICE_FAILED", "SERVICE_FINISHED"],
+      "statusId_op": "in",
+      "systemJobEnumId": props.currentJob.systemJobEnumId,
+      "shopId_fld0_value": props.currentJob.shopId,
+      "shopId_fld0_grp": "1",
+      "shopId_fld0_op": "equals",
+      "shopId_fld1_grp": "2",
+      "shopId_fld1_op": "empty"
+    },
+    "fieldList": ["runTime", "statusId"],
+    "noConditionFind": "Y",
+    "viewSize": process.env.VUE_APP_VIEW_SIZE,
+    "orderBy": "runTime DESC"
+  })
+}
+</script>
\ No newline at end of file
diff --git a/src/components/ScheduleActionsPopover.vue b/src/components/ScheduleActionsPopover.vue
index 95288991..9db91948 100644
--- a/src/components/ScheduleActionsPopover.vue
+++ b/src/components/ScheduleActionsPopover.vue
@@ -108,14 +108,14 @@ async function runNow() {
             try {
               const resp = await RuleService.runNow(ruleGroup.value.ruleGroupId)
               if(!hasError(resp) && resp.data.jobRunId) {
-                showToast(translate("Service has been scheduled"))
+                showToast(translate("Service has been scheduled."))
                 await store.dispatch('rule/fetchRules', { groupTypeEnumId: ruleGroup.value.groupTypeEnumId, pageSize: 50 })
                 popoverController.dismiss();
               } else {
                 throw resp.data
               }
             } catch(err) {
-              showToast(translate("Failed to schedule service"))
+              showToast(translate("Failed to schedule service."))
               logger.error(err)
             }
             emitter.emit("dismissLoader");
diff --git a/src/components/ScheduleRuleItem.vue b/src/components/ScheduleRuleItem.vue
index 09608abc..e56e226d 100644
--- a/src/components/ScheduleRuleItem.vue
+++ b/src/components/ScheduleRuleItem.vue
@@ -76,13 +76,13 @@ async function saveSchedule() {
   try {
     const resp = await RuleService.scheduleRuleGroup(payload)
     if(!hasError(resp)) {
-      showToast(translate("Service has been scheduled"))
+      showToast(translate("Service has been scheduled."))
       await store.dispatch('rule/fetchRules', { groupTypeEnumId: ruleGroup.value.groupTypeEnumId, pageSize: 50 })
     } else {
       throw resp.data
     }
   } catch(err) {
-    showToast(translate("Failed to schedule service"))
+    showToast(translate("Failed to schedule service."))
     logger.error(err)
   }
   emitter.emit("dismissLoader");
diff --git a/src/components/ShopActionsPopover.vue b/src/components/ShopActionsPopover.vue
index a4f26bf5..f47f719b 100644
--- a/src/components/ShopActionsPopover.vue
+++ b/src/components/ShopActionsPopover.vue
@@ -2,19 +2,19 @@
   <ion-content>
     <ion-list>
       <ion-list-header>{{ translate("More options") }}</ion-list-header>
-      <ion-item button>
+      <ion-item button @click="viewJobHistory()">
         <ion-icon slot="start" :icon="timeOutline" />
         <ion-label>{{ translate("History") }}</ion-label>
       </ion-item> 
-      <ion-item button>
+      <ion-item button @click="copyJobInformation()">
         <ion-icon slot="start" :icon="copyOutline" />
         <ion-label>{{ translate("Copy details") }}</ion-label>
       </ion-item> 
-      <ion-item button>
+      <ion-item button @click="runNow()">
         <ion-icon slot="start" :icon="flashOutline" />
         <ion-label>{{ translate("Run now") }}</ion-label>
       </ion-item> 
-      <ion-item button lines="none">
+      <ion-item button lines="none" :disabled="job.statusId === 'SERVICE_DRAFT'" @click="disableJob()">
         <ion-icon slot="start" :icon="stopCircleOutline" color="danger" />
         <ion-label color="danger">{{ translate("Disable") }}</ion-label>
       </ion-item> 
@@ -23,7 +23,176 @@
 </template>
 
 <script setup lang="ts">
-import { IonContent, IonIcon, IonItem, IonLabel, IonList, IonListHeader } from "@ionic/vue";
+import { IonContent, IonIcon, IonItem, IonLabel, IonList, IonListHeader, alertController, modalController, popoverController } from "@ionic/vue";
 import { translate } from '@hotwax/dxp-components';
 import { copyOutline, flashOutline, stopCircleOutline, timeOutline } from 'ionicons/icons'
+import { computed, defineProps } from "vue";
+import JobHistoryModal from "@/components/JobHistoryModal.vue"
+import { Plugins } from '@capacitor/core';
+import { hasError, showToast } from "@/utils";
+import logger from "@/logger";
+import { ChannelService } from "@/services/ChannelService";
+import { DateTime } from 'luxon';
+import { useStore } from "vuex";
+
+const store = useStore();
+
+const props = defineProps(["job"]);
+const currentEComStore = computed(() => store.getters["user/getCurrentEComStore"])
+
+function closePopover() {
+  popoverController.dismiss({ dismissed: true });
+}
+
+async function viewJobHistory() {
+  const jobHistoryModal = await modalController.create({
+    component: JobHistoryModal,
+    componentProps: { currentJob: props.job }
+  });
+
+  jobHistoryModal.onDidDismiss().then(() => {
+    closePopover();
+  })
+
+  await jobHistoryModal.present();
+}
+
+async function copyJobInformation() {
+  const job = props.job;
+
+  const { Clipboard } = Plugins;
+  const jobDetails = `jobId: ${job.jobId}, jobName: ${job.enumName}, jobDescription: ${job.description} ${job.runtimeData ? (", runtimeData: " + JSON.stringify(job.runtimeData)) : ""}`;
+
+  await Clipboard.write({
+    string: jobDetails
+  }).then(() => {
+    showToast(translate("Copied to clipboard"));
+  })
+
+  closePopover();
+}
+
+async function disableJob() {
+  const alert = await alertController.create({
+    header: translate("Cancel job"),
+    message: translate("Canceling this job will cancel this occurrence and all following occurrences. This job will have to be re-enabled manually to run it again."),
+    buttons: [{
+      text: translate("Don't cancel"),
+      role: "cancel"
+    }, {
+      text: translate("Cancel"),
+      handler: async() => {
+        if(isRuntimePassed()) {
+          showToast(translate("Job runtime has passed. Please refresh to get the latest job data in order to perform any action."))
+          return;
+        }
+
+        try {
+          const resp = await ChannelService.disableJob({ 
+            jobId: props.job.jobId
+          })
+
+          if(!hasError(resp)) {
+            showToast(translate("Successfully cancelled this job."))
+            await store.dispatch("channel/fetchJobs");
+            closePopover();
+          } else {
+            throw resp.data;
+          }
+        } catch(error: any) {
+          showToast(translate("Failed to cancel this job."))
+          logger.error(error);
+        }
+      }
+    }],
+  });
+
+  return alert.present();
+}
+
+async function runNow() {
+  const jobAlert = await alertController.create({
+    header: translate("Run now"),
+    message: translate("Running this job now will not replace this job. A copy of this job will be created and run immediately. You may not be able to reverse this action.", { space: '<br/><br/>' }),
+    buttons: [
+      {
+        text: translate("Cancel"),
+        role: 'cancel',
+      },
+      {
+        text: translate("Run now"),
+        handler: async() => {
+          if(props.job) {
+            runServiceNow(props.job);
+          }
+        }
+      }
+    ]
+  });
+
+  return jobAlert.present();
+}
+
+async function runServiceNow(job: any) {
+  let resp;
+
+  const payload = {
+    'JOB_NAME': job.jobName,
+    'SERVICE_NAME': job.serviceName,
+    'SERVICE_COUNT': '0',
+    'SERVICE_TEMP_EXPR': job.jobStatus,
+    'jobFields': {
+      'productStoreId': job.status === "SERVICE_PENDING" ? job.productStoreId : currentEComStore.value.productStoreId,
+      'systemJobEnumId': job.systemJobEnumId,
+      'tempExprId': job.jobStatus, // Need to remove this as we are passing frequency in SERVICE_TEMP_EXPR, currently kept it for backward compatibility
+      'parentJobId': job.parentJobId,
+      'recurrenceTimeZone': store.state.user.current.timeZone,
+      'createdByUserLogin': store.state.user.current.username,
+      'lastModifiedByUserLogin': store.state.user.current.username
+    },
+    'statusId': "SERVICE_PENDING",
+    'systemJobEnumId': job.systemJobEnumId
+  } as any
+
+  Object.keys(job.runtimeData).map((key: any) => {
+    if(key !== "productStoreId" && key !== "shopifyConfigId" && key !== "shopId") {
+      payload[key] = job.runtimeData[key];
+    }
+  })
+
+  // checking if the runtimeData has productStoreId, and if present then adding it on root level
+  job?.runtimeData?.productStoreId?.length >= 0 && (payload['productStoreId'] = job.status === "SERVICE_PENDING" ? job.productStoreId : store.state.user.currentEComStore.productStoreId)
+  job?.priority && (payload['SERVICE_PRIORITY'] = job.priority.toString())
+
+  // ShopifyConfig and ShopifyShop should be set based upon runtime data
+  // If existing job is run now, copy as is else set the current shop of user
+  const jobRunTimeDataKeys = job?.runtimeData ? Object.keys(job?.runtimeData) : [];
+  if (jobRunTimeDataKeys.includes('shopifyConfigId') || jobRunTimeDataKeys.includes('shopId')) {
+    if (job.status !== "SERVICE_PENDING" && !job.shopifyConfigId) {
+      showToast(translate('Shopify configuration not found. Scheduling failed.'))
+      return;
+    }
+
+    jobRunTimeDataKeys.includes('shopifyConfigId') && (payload['shopifyConfigId'] = job.status === "SERVICE_PENDING" ? job.runtimeData?.shopifyConfigId : job.shopifyConfigId);
+    jobRunTimeDataKeys.includes('shopId') && (payload['shopId'] = job.status === "SERVICE_PENDING" ? job.runtimeData?.shopId : job?.shopId);
+    payload['jobFields']['shopId'] = job.status === "SERVICE_PENDING" ? job.shopId : job?.shopId;
+  }
+
+  try {
+    resp = await ChannelService.scheduleJob({ ...payload });
+    if(!hasError(resp)) {
+      showToast(translate("Service has been scheduled."))
+      closePopover();
+    } else {
+      throw resp.data;
+    }
+  } catch(err) {
+    showToast(translate("Failed to schedule service."))
+    logger.error(err)
+  }
+}
+
+function isRuntimePassed() {
+  return props.job.runTime <= DateTime.now().toMillis()
+}
 </script> 
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index 16d09dd5..ef51488c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -10,6 +10,7 @@
   "App": "App",
   "Apply": "Apply",
   "Are you sure you want to change the time zone to?": "Are you sure you want to change the time zone to?",
+  "Are you sure you want to save these changes?": "Are you sure you want to save these changes?",
   "Authenticating": "Authenticating",
   "Available to Promise": "Available to Promise",
   "Blank": "Blank",
@@ -27,12 +28,14 @@
   "Color": "Color",
   "Configuration missing": "Configuration missing",
   "Confirm": "Confirm",
+  "Copied to clipboard": "Copied to clipboard",
   "Copy details": "Copy details",
   "Create channel group": "Create channel group",
   "Create new": "Create new",
   "Create rule": "Create rule",
   "Create Rule": "Create Rule",
   "Custom": "Custom",
+  "Custom frequency": "Custom frequency",
   "Custom fulfillment capacity": "Custom fulfillment capacity",
   "Delete": "Delete",
   "Description": "Description",
@@ -69,6 +72,7 @@
   "Facility association updated successfully with pickup group.": "Facility association updated successfully with pickup group.",
   "Failed": "Failed",
   "Failed to associate some facilites to group.": "Failed to associate some facilites to group.",
+  "Failed to cancel this job.": "Failed to cancel this job.",
   "Failed to create rule.": "Failed to create rule.",
   "Failed to create channel group.": "Failed to create channel group.",
   "Failed to disable rule group.": "Failed to disable rule group.",
@@ -80,7 +84,7 @@
   "Failed to update facility": "Failed to update facility",
   "Failed to update some jobs": "Failed to update some jobs",
   "Failed to update threshold.": "Failed to update threshold.",
-  "Failed to schedule service": "Failed to schedule service",
+  "Failed to schedule service.": "Failed to schedule service.",
   "Failed to schedule service, hence other jobs are not updated": "Failed to schedule service, hence other jobs are not updated",
   "Failed to update facility association with pickup group.": "Failed to update facility association with pickup group.",
   "features": "{type} features",
@@ -109,6 +113,7 @@
   "Include": "Include {label}",
   "Info": "Info",
   "Inventory group": "Inventory group",
+  "Job runtime has passed. Please refresh to get the latest job data in order to perform any action.": "Job runtime has passed. Please refresh to get the latest job data in order to perform any action.",
   "Jobs sequence updated successfully": "Jobs sequence updated successfully",
   "Keep editing": "Keep editing",
   "Last run": "Last run",
@@ -130,11 +135,13 @@
   "New safety stock rule": "New safety stock rule",
   "No": "No",
   "No available history for rule.": "No available history for {name} rule.",
+  "No available history for this job.": "No available history for this job.",
   "No Capacity": "No Capacity",
   "No capacity sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. To add a fulfillment capacity to this facility, use the custom option.": "No capacity sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility.{space} To add a fulfillment capacity to this facility, use the custom option.",
   "No channel found for selected product store. Either change the product store or associate channels with the product store.": "No channel found for selected product store. Either change the product store or associate channels with the product store.",
   "No facility found.": "No facility found.",
   "No facility group found for selected product store. Either change the product store or associate facility groups with the product store.": "No facility group found for selected product store. Either change the product store or associate facility groups with the product store.",
+  "No frequency found.": "No frequency found.",
   "No fulfillment capacity": "No fulfillment capacity",
   "No inventory channel found.": "No inventory channel found.",
   "No job found.": "No job found.",
@@ -198,6 +205,7 @@
   "Run now": "Run now",
   "running": "running",
   "Running": "Running",
+  "Running this job now will not replace this job. A copy of this job will be created and run immediately. You may not be able to reverse this action.": "Running this job now will not replace this job. A copy of this job will be created and run immediately.{ space } You may not be able to reverse this action.",
   "Running this schedule now will not replace this schedule. A copy of this schedule will be created and run immediately. You may not be able to reverse this action.": "Running this schedule now will not replace this schedule. A copy of this schedule will be created and run immediately. You may not be able to reverse this action.",
   "Run time": "Run time",
   "Save changes": "Save changes",
@@ -227,7 +235,7 @@
   "Select run time": "Select run time",
   "Select store": "Select store",
   "Sequence for rules updated successfully.": "Sequence for rules updated successfully.",
-  "Service has been scheduled": "Service has been scheduled",
+  "Service has been scheduled.": "Service has been scheduled.",
   "Set safety stock": "Set safety stock",
   "Settings": "Settings",
   "eCom Store": "eCom Store",
@@ -252,6 +260,7 @@
   "Stores": "Stores",
   "stores selected": "stores selected",
   "Success": "Success",
+  "Successfully cancelled this job.": "Successfully cancelled this job.",
   "Sorry, your username or password is incorrect. Please try again.": "Sorry, your username or password is incorrect. Please try again.",
   "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.": "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.",
   "There are no jobs pending right now": "There are no jobs pending right now",
diff --git a/src/services/ChannelService.ts b/src/services/ChannelService.ts
index da4b9500..933d7961 100644
--- a/src/services/ChannelService.ts
+++ b/src/services/ChannelService.ts
@@ -1,4 +1,7 @@
-import api from '@/api';
+import api, {client} from '@/api';
+import logger from '@/logger';
+import { hasError } from '@/utils';
+import store from '@/store';
 
 const fetchInventoryChannels = async (payload: any): Promise <any>  => {
   return api({
@@ -64,13 +67,139 @@ const createFacility = async (payload: any): Promise <any>  => {
   });
 }
 
+const fetchShopifyConfigs = async (payload: any): Promise<any> => {
+  return api({
+    url: "shopifyShops",
+    method: "get",
+    params: payload
+  });
+}
+
+const fetchJobInformation = async (payload: any): Promise <any>  => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  let jobs = [];
+
+  try {
+    const resp = await client({
+      url: "findJobs",
+      method: "post",
+      baseURL,
+      data: payload,
+      headers: {
+        "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+        'Content-Type': 'application/json'
+      }
+    }) as any;
+
+    if(!hasError(resp)) {
+      jobs = resp.data.docs
+    } else {
+      throw resp.data;
+    }
+  } catch(error: any) {
+    logger.error(error);
+  }
+
+  return jobs;
+}
+
+const getServiceStatusDesc = async (payload: any): Promise<any> => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  return client({
+    url: "performFind",
+    method: "post",
+    data: payload,
+    baseURL,
+    headers: {
+      "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+      'Content-Type': 'application/json'
+    },
+    cache: true
+  });
+}
+
+const fetchTemporalExpression = async (payload: any): Promise <any>  => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  return client({
+    url: "performFind",
+    method: "post",
+    baseURL,
+    data: payload,
+    headers: {
+      "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+      'Content-Type': 'application/json'
+    }
+  });
+}
+
+const disableJob = async (payload: any): Promise <any> => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  return client({
+    url: "service/cancelScheduledJob",
+    method: "post",
+    baseURL,
+    data: payload,
+    headers: {
+      "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+      'Content-Type': 'application/json'
+    }
+  });
+}
+
+const scheduleJob = async (payload: any): Promise <any>  => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  return client({
+    url: "scheduleService",
+    method: "post",
+    baseURL,
+    data: payload,
+    headers: {
+      "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+      'Content-Type': 'application/json'
+    }
+  });
+}
+
+const updateJob = async (payload: any): Promise <any>  => {
+  const omsRedirectionInfo = store.getters["user/getOmsRedirectionInfo"]
+  const baseURL = omsRedirectionInfo.url.startsWith('http') ? omsRedirectionInfo.url.includes('/api') ? omsRedirectionInfo.url : `${omsRedirectionInfo.url}/api/` : `https://${omsRedirectionInfo.url}.hotwax.io/api/`;
+
+  return client({
+    url: "service/updateJobSandbox",
+    method: "post",
+    baseURL,
+    data: payload,
+    headers: {
+      "Authorization":  'Bearer ' + omsRedirectionInfo.token,
+      'Content-Type': 'application/json'
+    }
+  });
+}
+
 export const ChannelService = {
   createFacility,
   createFacilityGroup,
+  disableJob,
   fetchGroupFacilities,
   fetchInventoryChannels,
+  fetchJobInformation,
+  fetchShopifyConfigs,
+  fetchTemporalExpression,
+  getServiceStatusDesc,
+  scheduleJob,
   updateFacilityAssociationWithGroup,
   updateFacilityAssociationWithProductStore,
   updateGroupAssociationWithProductStore,
-  updateGroup
+  updateGroup,
+  updateJob
 }
\ No newline at end of file
diff --git a/src/store/modules/channel/ChannelState.ts b/src/store/modules/channel/ChannelState.ts
index ad076b61..305b6908 100644
--- a/src/store/modules/channel/ChannelState.ts
+++ b/src/store/modules/channel/ChannelState.ts
@@ -1,3 +1,6 @@
 export default interface ChannelState {
   inventoryChannels: any;
+  jobs: any;
+  statusDesc: any;
+  temporalExp: any;
 }
\ No newline at end of file
diff --git a/src/store/modules/channel/actions.ts b/src/store/modules/channel/actions.ts
index e6843965..9dd226d8 100644
--- a/src/store/modules/channel/actions.ts
+++ b/src/store/modules/channel/actions.ts
@@ -6,6 +6,7 @@ import { ChannelService } from '@/services/ChannelService'
 import { hasError } from '@/utils'
 import logger from '@/logger'
 import store from "@/store"
+import { DateTime } from 'luxon'
 
 const actions: ActionTree<ChannelState, RootState> = {
 
@@ -70,6 +71,131 @@ const actions: ActionTree<ChannelState, RootState> = {
     commit(types.CHANNEL_INVENTORY_CHANNELS_UPDATED, groups);
   },
 
+  async fetchShopifyConfigs () {
+    let shopifyConfigs = [];
+
+    try {
+      const resp = await ChannelService.fetchShopifyConfigs({ productStoreId: store.state.user.currentEComStore.productStoreId });
+      if (!hasError(resp)) {
+        shopifyConfigs = resp.data;
+      } else {
+        throw resp.data
+      }
+    } catch(error: any) {
+      logger.error(error)
+    }
+    return shopifyConfigs;
+  },
+
+  async fetchJobs ({ commit, dispatch }) {
+    const shopifyConfigs = await dispatch("fetchShopifyConfigs");
+
+    if(!shopifyConfigs.length) {
+      return;
+    }
+
+    let params = {}, draftJob = {} as any;
+
+    // Fetch draft job
+    params = {
+      inputFields: {
+        statusId: "SERVICE_DRAFT",
+        systemJobEnumId: "JOB_UL_INV"
+      } as any,
+      fieldList: ["systemJobEnumId", "runTime", "tempExprId", "parentJobId", "serviceName", "jobId", "jobName", "currentRetryCount", "statusId", "productStoreId", "runtimeDataId", "shopId", "description", "enumTypeId", "enumName"],
+      noConditionFind: "Y",
+      viewSize: 1
+    }
+
+    const draftJobs = await ChannelService.fetchJobInformation(params);
+    if(draftJobs.length) draftJob = draftJobs[0];
+
+    // Fetching pending jobs
+    params = {
+      inputFields: {
+        statusId: "SERVICE_PENDING",
+        systemJobEnumId: "JOB_UL_INV",
+        "productStoreId": store.state.user.currentEComStore.productStoreId,
+      } as any,
+      fieldList: ["systemJobEnumId", "runTime", "tempExprId", "parentJobId", "serviceName", "jobId", "jobName", "currentRetryCount", "statusId", "productStoreId", "runtimeDataId", "shopId", "description", "enumTypeId", "enumName"],
+      noConditionFind: "Y"
+    }
+
+    const pendingJobs = await ChannelService.fetchJobInformation(params);
+
+    const jobs = shopifyConfigs.map((shop: any) => {
+      const pendingJob = pendingJobs.find((job: any) => job.shopId === shop.shopId)
+
+      if(pendingJob?.jobId) {
+        return {
+          ...shop,
+          ...pendingJob,
+          runTimeValue: pendingJob.runTime
+        }
+      } else {
+        return {
+          ...draftJob,
+          ...shop,
+          runTimeValue: (draftJob?.runTime && (DateTime.fromMillis(draftJob.runTime).diff(DateTime.local()).milliseconds > 0)) ? draftJob.runTime : "",
+          tempExprId: "SERVICE_DRAFT"
+        }
+      }
+    })
+
+    commit(types.CHANNEL_JOBS_UPDATED, jobs)
+  },
+
+  async getServiceStatusDesc ({ commit }) {
+    let statusDescs = [];
+
+    try{
+      const resp = await ChannelService.getServiceStatusDesc({
+        "inputFields": {
+          "statusTypeId": "SERVICE_STATUS",
+          "statusTypeId_op": "equals"
+        },
+        "entityName": "StatusItem",
+        "fieldList": ["statusId", "description"],
+        "noConditionFind": "Y",
+        "viewSize": 20
+      })
+
+      if(!hasError(resp)) {
+        statusDescs = resp.data.docs;
+      } else {
+        throw resp.data;
+      }
+    } catch(err) {
+      logger.error(err)
+    }
+    commit(types.CHANNEL_SERVICE_STATUS_DESC_UPDATED, statusDescs);
+  },
+
+  async findTemporalExpression({ commit, state }){
+    let temporalExpressions = [];
+
+    const resp = await ChannelService.fetchTemporalExpression({
+      "inputFields": {
+        "tempExprTypeId": "FREQUENCY",
+      },
+      "viewSize": 100,
+      "fieldList": [ "tempExprId", "description","integer1", "integer2" ],
+      "entityName": "TemporalExpression",
+      "noConditionFind": "Y",
+    })
+
+    if(!hasError(resp)) {
+      temporalExpressions = resp.data.docs;
+      temporalExpressions.forEach((temporalExpression: any) => {
+        state.temporalExp[temporalExpression.tempExprId] = temporalExpression;
+      })
+      // Caching it for other uses
+      commit(types.CHANNEL_TEMPORAL_EXPRESSION_UPDATED, state.temporalExp);
+    }
+
+    return temporalExpressions;
+  },
+
   async clearChannelState({ commit }) {
     commit(types.CHANNEL_INVENTORY_CHANNELS_UPDATED, [])
   },
diff --git a/src/store/modules/channel/getters.ts b/src/store/modules/channel/getters.ts
index ad2fb11b..eaa25ab9 100644
--- a/src/store/modules/channel/getters.ts
+++ b/src/store/modules/channel/getters.ts
@@ -5,6 +5,15 @@ import ChannelState from './ChannelState';
 const getters: GetterTree <ChannelState, RootState> = {
   getInventoryChannels (state) {
     return state.inventoryChannels
-  }
+  },
+  getJobs (state) {
+    return state.jobs
+  },
+  getStatusDesc: (state) => (statusId: any) => {
+    return state.statusDesc[statusId] ? state.statusDesc[statusId] : "-";
+  },
+  getTemporalExpr: (state) => (id: string): any  => {
+    return state.temporalExp[id];
+  },
 }
 export default getters;
\ No newline at end of file
diff --git a/src/store/modules/channel/index.ts b/src/store/modules/channel/index.ts
index b1a9e8fe..ad2dad31 100644
--- a/src/store/modules/channel/index.ts
+++ b/src/store/modules/channel/index.ts
@@ -8,7 +8,10 @@ import ChannelState from './ChannelState'
 const channelModule: Module<ChannelState, RootState> = {
   namespaced: true,
   state: {
-    inventoryChannels: []
+    inventoryChannels: [],
+    jobs: [],
+    statusDesc: {},
+    temporalExp: []
   },
   getters,
   actions,
diff --git a/src/store/modules/channel/mutation-types.ts b/src/store/modules/channel/mutation-types.ts
index cfe05e1e..06fec7de 100644
--- a/src/store/modules/channel/mutation-types.ts
+++ b/src/store/modules/channel/mutation-types.ts
@@ -1,2 +1,5 @@
 export const SN_CHANNEL = 'channel'
-export const CHANNEL_INVENTORY_CHANNELS_UPDATED = SN_CHANNEL + '/INVENTORY_CHANNELS_UPDATED'
\ No newline at end of file
+export const CHANNEL_INVENTORY_CHANNELS_UPDATED = SN_CHANNEL + '/INVENTORY_CHANNELS_UPDATED'
+export const CHANNEL_JOBS_UPDATED = SN_CHANNEL + '/JOBS_UPDATED'
+export const CHANNEL_SERVICE_STATUS_DESC_UPDATED = SN_CHANNEL + '/SERVICE_STATUS_DESC_UPDATED'
+export const CHANNEL_TEMPORAL_EXPRESSION_UPDATED = SN_CHANNEL + '/TEMPORAL_EXPRESSION_UPDATED'
\ No newline at end of file
diff --git a/src/store/modules/channel/mutations.ts b/src/store/modules/channel/mutations.ts
index 9a376d5e..3cf530df 100644
--- a/src/store/modules/channel/mutations.ts
+++ b/src/store/modules/channel/mutations.ts
@@ -6,5 +6,16 @@ const mutations: MutationTree <ChannelState> = {
   [types.CHANNEL_INVENTORY_CHANNELS_UPDATED] (state, payload) {
     state.inventoryChannels = payload;
   },
+  [types.CHANNEL_JOBS_UPDATED] (state, payload) {
+    state.jobs = payload;
+  },
+  [types.CHANNEL_SERVICE_STATUS_DESC_UPDATED] (state, payload) {
+    payload.map((status: any) => {
+      state.statusDesc[status.statusId] = status.description;
+    })
+  },
+  [types.CHANNEL_TEMPORAL_EXPRESSION_UPDATED] (state, temporalExp) {
+    state.temporalExp = temporalExp;
+  },
 }
 export default mutations;
\ No newline at end of file
diff --git a/src/utils/index.ts b/src/utils/index.ts
index ae787391..de1654a9 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,7 @@
 import { toastController } from '@ionic/vue';
 import { DateTime } from 'luxon';
+import logger from '@/logger';
+import { translate } from '@hotwax/dxp-components';
 
 // TODO Use separate files for specific utilities
 
@@ -159,5 +161,24 @@ const generateRuleConditions = (ruleId: string, conditionTypeEnumId: string, app
   return conditions;
 }
 
+const hasJobDataError = (job: any) => {
+  let warning = '';
+  let message = '';
 
-export { doReorder, generateInternalId, generateRuleActions, generateRuleConditions, getDate, getDateAndTime, getTime, hasError, showToast, timeTillRun }
\ No newline at end of file
+  if (job?.serviceName === '_NA_') {
+    warning = `${job.systemJobEnumId} :: This job does not have any service data configuration.`;
+    message = 'This job does not have any service data configuration.';
+  } else if (job?.runtimeData?._ERROR_MESSAGE_) {
+    warning = `${job.systemJobEnumId}(${job.serviceName}) has runtimeData error :: ${job.runtimeData._ERROR_MESSAGE_}`;
+    message = 'This job does not have any runtime data configuration.';
+  }
+
+  if(message) {
+    logger.warn(warning);
+    showToast(translate(message));
+    return true;
+  }
+  return false;
+}
+
+export { doReorder, generateInternalId, generateRuleActions, generateRuleConditions, getDate, getDateAndTime, getTime, hasJobDataError, hasError, showToast, timeTillRun }
\ No newline at end of file
diff --git a/src/views/InventoryChannels.vue b/src/views/InventoryChannels.vue
index 004311df..ad958578 100644
--- a/src/views/InventoryChannels.vue
+++ b/src/views/InventoryChannels.vue
@@ -10,7 +10,7 @@
             <ion-label>{{ translate("Channels") }}</ion-label>
           </ion-segment-button>
           <!-- Todo: add functionality to the Publish segment -->
-          <ion-segment-button value="publish" disabled>
+          <ion-segment-button value="publish">
             <ion-label>{{ translate("Publish") }}</ion-label>
           </ion-segment-button>
         </ion-segment>
@@ -76,43 +76,54 @@
         </section>
  
         <section v-else-if="selectedSegment === 'publish'">
-          <ion-card>
+          <ion-card v-for="job in shopifyJobs" :key="job.shopId">
             <ion-card-header>
               <div>
-                <ion-card-subtitle class="overline">{{ "SHOP CONFIG ID" }}</ion-card-subtitle>
-                <ion-card-title>{{ "Shop name" }}</ion-card-title>
+                <ion-card-subtitle class="overline">{{ job.shopifyConfigId }}</ion-card-subtitle>
+                <ion-card-title>{{ job.name ? job.name : job.shopifyConfigId }}</ion-card-title>
               </div>
-              <ion-badge color="dark">{{ "in 2 minutes" }}</ion-badge>
+              <ion-badge v-if="job.statusId === 'SERVICE_PENDING'" color="dark">{{ translate("running") }} {{ timeFromNow(job.runTime) }}</ion-badge>
             </ion-card-header>
 
             <ion-list>
               <ion-item lines="full">
                 <ion-icon slot="start" :icon="timeOutline"/>
-                <ion-select :label="translate('Run time')" :placeholder="translate('Select')" interface="popover">
-                  <ion-select-option value="">A</ion-select-option>
+                <ion-select :label="translate('Run time')" :placeholder="translate('Select')" interface="popover" :value="job.runTimeValue" @ionChange="updateRunTime($event, job)">
+                  <ion-select-option v-for="runTime in jobRuntimeOptions" :key="runTime.value" :value="runTime.value">{{ runTime.label }}</ion-select-option>
                 </ion-select>
+
+                <ion-modal class="date-time-modal" :is-open="isDateTimeModalOpen" @didDismiss="() => isDateTimeModalOpen = false">
+                  <ion-content :force-overscroll="false">
+                    <ion-datetime          
+                      show-default-buttons
+                      hour-cycle="h23"
+                      :value="job.runTimeValue ? (isCustomRunTime(job.runTimeValue) ? getDateTime(job.runTimeValue) : getDateTime(DateTime.now().toMillis() + job.runTimeValue)) : getNowTimestamp()"
+                      @ionChange="updateCustomTime($event, job)"
+                    />
+                  </ion-content>
+                </ion-modal>
               </ion-item>
 
               <ion-item lines="full">
                 <ion-icon slot="start" :icon="timerOutline"/>
-                <ion-select :label="translate('Frequency')" value="" :placeholder="translate('Select')" interface="popover">
-                  <ion-select-option value="">{{ "Every 5 minute" }}</ion-select-option>
+                <ion-select :label="translate('Frequency')" :value="getJobStatus(job)" :placeholder="translate('Select')" interface="popover" @ionDismiss="updateFrequency($event, job)">
+                  <ion-select-option v-for="freq in jobFrequencyOptions" :key="freq.id" :value="freq.id">{{ freq.description }}</ion-select-option>
                 </ion-select>
               </ion-item>
 
               <ion-item lines="full">
                 <ion-icon slot="start" :icon="albumsOutline"/>
-                <ion-select :label="translate('Inventory group')" value="" :placeholder="translate('Select')" interface="popover">
-                  <ion-select-option value="">{{ "Group name" }}</ion-select-option>
+                <ion-select :label="translate('Inventory group')" v-model="job.runtimeData.facilityGroupId" :disabled="job.statusId === 'SERVICE_PENDING'" :placeholder="translate('Select')" interface="popover">
+                  <ion-select-option v-for="channel in inventoryChannels" :key="channel.facilityGroupId" :value="channel.facilityGroupId">{{ channel.facilityGroupName ? channel.facilityGroupName : channel.facilityGroupId }}</ion-select-option>
                 </ion-select>
               </ion-item>
-  
-              <ion-item lines="none">
-                <ion-button fill="clear">{{ translate("Save changes") }}</ion-button>
-                <ion-button color="medium" fill="clear" slot="end" @click="openShopActionsPopover($event)">
+
+              <div class="actions">
+                <ion-button fill="clear" @click="saveChanges(job)">{{ translate("Save changes") }}</ion-button>
+                <ion-button color="medium" fill="clear" slot="end" @click="openShopActionsPopover($event, job)">
                   <ion-icon :icon="ellipsisVerticalOutline" slot="icon-only"/>
                 </ion-button>
-              </ion-item>
+              </div>
             </ion-list>
           </ion-card>
         </section>
@@ -128,8 +139,8 @@
 </template>
 
 <script setup lang="ts">
-import { IonBadge, IonButton, IonCard, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonItemDivider, IonLabel, IonList, IonMenuButton, IonPage, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonTitle, IonToolbar, modalController, onIonViewDidEnter, onIonViewWillLeave, popoverController } from '@ionic/vue';
-import { computed } from 'vue';
+import { IonBadge, IonButton, IonCard, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonDatetime, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonItemDivider, IonLabel, IonList, IonMenuButton, IonModal, IonPage, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonTitle, IonToolbar, modalController, onIonViewDidEnter, onIonViewWillLeave, alertController, popoverController } from '@ionic/vue';
+import { computed, ref } from 'vue';
 import { addOutline, albumsOutline, businessOutline, ellipsisVerticalOutline, globeOutline, optionsOutline, storefrontOutline, timeOutline, timerOutline } from 'ionicons/icons';
 import { translate } from '@hotwax/dxp-components';
 import ShopActionsPopover from '@/components/ShopActionsPopover.vue'
@@ -139,11 +150,58 @@ import LinkThresholdFacilitiesToGroupModal from '@/components/LinkThresholdFacil
 import { useStore } from 'vuex';
 import EditGroupModal from '@/components/EditGroupModal.vue';
 import emitter from '@/event-bus';
+import { DateTime } from 'luxon';
+import CustomFrequencyModal from "@/components/CustomFrequencyModal.vue";
+import { hasError, hasJobDataError, showToast } from "@/utils";
+import { ChannelService } from '@/services/ChannelService';
+import logger from "@/logger";
 
 const store = useStore();
 
 const inventoryChannels = computed(() => store.getters["channel/getInventoryChannels"])
 const selectedSegment = computed(() => store.getters["util/getSelectedSegment"])
+const shopifyJobs = computed(() => store.getters["channel/getJobs"])
+const getTemporalExpr = computed(() => store.getters["channel/getTemporalExpr"])
+
+const isDateTimeModalOpen = ref(false);
+const allowedFrequencies = ref([
+  {
+    "id": "HOURLY",
+    "description": "Hourly"
+  }, {
+    "id": "EVERY_6_HOUR",
+    "description": "Every 6 hours"
+  }, {
+    "id": "EVERYDAY",
+    "description": "Every day"
+  }, {
+    "id": "CUSTOM",
+    "description": "Custom"
+  }
+])
+const allowedRunTimes = ref([
+  {
+    "value": 0,
+    "label": "Now"
+  }, {
+    "value": 300000,
+    "label": "In 5 minutes"
+  }, {
+    "value": 900000,
+    "label": "In 15 minutes"
+  }, {
+    "value": 3600000,
+    "label": "In an hour"
+  }, {
+    "value": 86400000,
+    "label": "Tomorrow"
+  }, {
+    "value": "CUSTOM",
+    "label": "Custom"
+  }
+]);
+const jobFrequencyOptions = ref([]) as any;
+const jobRuntimeOptions = ref([]) as any;
 
 onIonViewDidEnter(async() => {
   fetchInventoryChannels()
@@ -158,12 +216,18 @@ async function fetchInventoryChannels() {
   emitter.emit("presentLoader");
   if(!selectedSegment.value || (selectedSegment.value !== 'channels' && selectedSegment.value !== 'publish')) store.dispatch("util/updateSelectedSegment", "channels");
   await Promise.allSettled([store.dispatch("channel/fetchInventoryChannels"), store.dispatch("util/fetchConfigFacilities")]);
+  if(selectedSegment.value === "publish") {
+    await Promise.allSettled([store.dispatch("channel/fetchJobs"), store.dispatch("channel/findTemporalExpression")]);
+    generateFrequencyOptions();
+    generateRuntimeOptions();
+  }
   emitter.emit("dismissLoader");
 }
 
-async function openShopActionsPopover(event: Event) {
+async function openShopActionsPopover(event: Event, job: any) {
   const popover = await popoverController.create({
     component: ShopActionsPopover,
+    componentProps: { job },
     showBackdrop: false,
     event
   });
@@ -216,10 +280,250 @@ function getFacilityCount(channel: any, facilityTypeId: string) {
   }
 }
 
-function updateSegment(event: any) {
-  store.dispatch("util/updateSelectedSegment", event.detail.value);
+async function updateSegment(event: any) {
+  await store.dispatch("util/updateSelectedSegment", event.detail.value);
+  if(selectedSegment.value === "publish") {
+    await store.dispatch("channel/fetchJobs");
+    await store.dispatch("channel/findTemporalExpression")
+    generateFrequencyOptions()
+    generateRuntimeOptions();
+  }
+}
+
+function isCustomRunTime(value: number) {
+  return !allowedRunTimes.value.some((runTime: any) => runTime.value === value)
+}
+
+function getJobStatus(job: any) {
+  return job.statusId === "SERVICE_DRAFT" ? job.statusId : job.tempExprId;
+}
+
+function updateFrequency(event: any, job: any) {
+  let selectedFrequency = event.target.value
+  if(selectedFrequency === "CUSTOM") {
+    setCustomFrequency(job);
+    return;
+  }
+
+  job.tempExprId = selectedFrequency
+}
+
+async function setCustomFrequency(currentJob: any) {
+  const customFrequencyModal = await modalController.create({
+    component: CustomFrequencyModal,
+  });
+
+  await customFrequencyModal.present();
+
+  await customFrequencyModal.onDidDismiss().then((result) => {
+    if(result.data?.frequencyId) {
+      currentJob.tempExprId = result.data.frequencyId
+    }
+    generateFrequencyOptions()
+  });
+}
+
+function generateFrequencyOptions() {
+  const frequencyOptions = JSON.parse(JSON.stringify(allowedFrequencies.value));
+
+  shopifyJobs.value.map((job: any) => {
+    const option = frequencyOptions.find((option: any) => option.id === job.tempExprId)
+    if(!option) {
+      const tempExpression = getTemporalExpr.value(job.tempExprId)
+      if(tempExpression) frequencyOptions.push({ id: tempExpression.tempExprId, description: tempExpression.description });
+    }
+  })
+  jobFrequencyOptions.value = frequencyOptions
+}
+
+function generateRuntimeOptions() {
+  const runTimeOptions = JSON.parse(JSON.stringify(allowedRunTimes.value));
+
+  shopifyJobs.value.map((job: any) => {
+    if(job.statusId === "SERVICE_PENDING") {
+      const selectedTime = runTimeOptions.find((option: any) => option.value === job.runTimeValue);
+      if(!selectedTime) {
+        runTimeOptions.push({ label: getTime(job.runTimeValue), value: job.runTimeValue })
+      }
+    }
+  })
+  jobRuntimeOptions.value = runTimeOptions
+}
+
+function updateRunTime(event: CustomEvent, currentJob: any) {
+  const value = event.detail.value
+  if (value != 'CUSTOM') {
+    currentJob.runTimeValue = value
+    generateRuntimeOptions()
+  } else {
+    isDateTimeModalOpen.value = true
+  }
+}
+
+function updateCustomTime(event: CustomEvent, currentJob: any) {
+  const currTime = DateTime.now().toMillis();
+  const setTime = handleDateTimeInput(event.detail.value);
+  if(setTime > currTime) {
+    currentJob.runTimeValue = setTime
+    generateRuntimeOptions()
+  } else {
+    showToast(translate("Provide a future date and time"))
+  }
+}
+
+async function saveChanges(job: any) {
+  const alert = await alertController
+    .create({
+      header: translate("Save changes"),
+      message: translate("Are you sure you want to save these changes?"),
+      buttons: [{
+        text: translate("Cancel"),
+        role: "cancel"
+      }, {
+        text: translate("Save"),
+        handler: async() => {
+          if(isCustomRunTime(job.runTimeValue) && isRuntimePassed(job)) {
+            showToast(translate("Job runtime has passed. Please refresh to get the latest job data in order to perform any action."))
+            return;
+          }
+
+          // return if job has missing data or error
+          if(hasJobDataError(job)) return;
+
+          job['jobStatus'] = job.tempExprId !== 'SERVICE_DRAFT' ? job.tempExprId : 'HOURLY';
+
+          // Handling the case for 'Now'. Sending the now value will fail the API as by the time
+          // the job is ran, the given 'now' time would have passed. Hence, passing empty 'run time'
+          job.runTime = job.runTimeValue != 0 ? (!isCustomRunTime(job.runTimeValue) ? DateTime.now().toMillis() + job.runTimeValue : job.runTimeValue) : ''
+
+          if (job?.statusId === 'SERVICE_DRAFT') {
+            await scheduleService(job)
+          } else if (job?.statusId === 'SERVICE_PENDING') {
+            await updateJob(job);
+            await store.dispatch('channel/updateJob', job)
+          }
+        }
+      }]
+    });
+  return alert.present();
+}
+
+async function scheduleService(job: any) {
+  let resp;
+
+  const payload = {
+    'JOB_NAME': job.jobName,
+    'SERVICE_NAME': job.serviceName,
+    'SERVICE_COUNT': '0',
+    'SERVICE_TEMP_EXPR': job.jobStatus,
+    'SERVICE_RUN_AS_SYSTEM':'Y',
+    'jobFields': {
+      'productStoreId': store.state.user.currentEComStore.productStoreId,
+      'systemJobEnumId': job.systemJobEnumId,
+      'tempExprId': job.jobStatus, // Need to remove this as we are passing frequency in SERVICE_TEMP_EXPR, currently kept it for backward compatibility
+      'maxRecurrenceCount': '-1',
+      'parentJobId': job.parentJobId,
+      'runAsUser': 'system', //default system, but empty in run now.  TODO Need to remove this as we are using SERVICE_RUN_AS_SYSTEM, currently kept it for backward compatibility
+      'recurrenceTimeZone': store.state.user.current.timeZone,
+      'createdByUserLogin': store.state.user.current.username,
+      'lastModifiedByUserLogin': store.state.user.current.username,
+    },
+    'statusId': "SERVICE_PENDING",
+    'systemJobEnumId': job.systemJobEnumId
+  } as any
+
+  Object.keys(job.runtimeData).map((key: any) => {
+    if(key !== "productStoreId" && key !== "shopifyConfigId" && key !== "shopId") {
+      payload[key] = job.runtimeData[key];
+    }
+  })
+
+  const jobRunTimeDataKeys = job?.runtimeData ? Object.keys(job?.runtimeData) : [];
+  if (jobRunTimeDataKeys.includes('shopifyConfigId') || jobRunTimeDataKeys.includes('shopId')) {
+    jobRunTimeDataKeys.includes('shopifyConfigId') && (payload['shopifyConfigId'] = job.shopifyConfigId);
+    jobRunTimeDataKeys.includes('shopId') && (payload['shopId'] = job.shopId);
+    payload['jobFields']['shopId'] = job.shopId;
+  }
+
+  // checking if the runtimeData has productStoreId, and if present then adding it on root level
+  job?.runtimeData?.productStoreId?.length >= 0 && (payload['productStoreId'] = job.productStoreId)
+  job?.priority && (payload['SERVICE_PRIORITY'] = job.priority.toString())
+  job?.runTime && (payload['SERVICE_TIME'] = job.runTime.toString())
+
+  try {
+    resp = await ChannelService.scheduleJob({ ...payload });
+    if (resp.status == 200 && !hasError(resp)) {
+      showToast(translate("Service has been scheduled."));
+      await store.dispatch("channel/fetchJobs");
+      generateFrequencyOptions();
+      generateRuntimeOptions();
+    } else {
+      throw resp.data;
+    }
+  } catch (err) {
+    showToast(translate("Failed to schedule service."))
+    logger.error(err)
+  }
 }
 
+async function updateJob(job: any) {
+  const payload = {
+    'jobId': job.jobId,
+    'systemJobEnumId': job.systemJobEnumId,
+    'recurrenceTimeZone': store.state.user.current.userTimeZone,
+    'tempExprId': job.jobStatus,
+    'statusId': "SERVICE_PENDING",
+    'runTimeEpoch': '',  // when updating a job clearning the epoch time, as job honors epoch time as runTime and the new job created also uses epoch time as runTime
+    'lastModifiedByUserLogin': store.state.user.current.username
+  } as any
+
+  job?.runTime && (payload['runTime'] = job.runTime)
+  job?.jobName && (payload['jobName'] = job.jobName)
+
+  try {
+    const resp = await ChannelService.updateJob(payload)
+    if (!hasError(resp)) {
+      showToast(translate("Service has been scheduled."))
+      await store.dispatch("channel/fetchJobs");
+      generateFrequencyOptions();
+      generateRuntimeOptions();
+    } else {
+      throw resp.data;
+    }
+  } catch(error: any) {
+    showToast(translate("Failed to schedule service."))
+    logger.error(error)
+  }
+}
+
+function isRuntimePassed(currentJob: any) {
+  return currentJob.runTimeValue && currentJob.runTimeValue <= DateTime.now().toMillis()
+}
+
+function handleDateTimeInput(dateTimeValue: any) {
+  // TODO Handle it in a better way
+  // Remove timezone and then convert to timestamp
+  // Current date time picker picks browser timezone and there is no supprt to change it
+  const dateTime = DateTime.fromISO(dateTimeValue, { setZone: true}).toFormat("yyyy-MM-dd'T'HH:mm:ss")
+  return DateTime.fromISO(dateTime).toMillis()
+}
+
+function getDateTime(time: any) {
+  return DateTime.fromMillis(time).toISO()
+}
+
+const getNowTimestamp = () => {
+  return DateTime.now().toISO();
+}
+
+function getTime (time: any) {
+  return DateTime.fromMillis(time).toLocaleString(DateTime.DATETIME_MED);
+}
+
+function timeFromNow(time: any) {
+  const timeDiff = DateTime.fromMillis(time).diff(DateTime.local());
+  return DateTime.local().plus(timeDiff).toRelative();
+}
 </script>
 
 <style scoped>
@@ -234,4 +538,10 @@ ion-card-header {
   display: flex;
   justify-content: space-between;
 }
+
+ion-modal.date-time-modal {
+  --width: 290px;
+  --height: 440px;
+  --border-radius: 8px;
+}
 </style>
\ No newline at end of file