@feedmepos/mf-connect 0.1.0-beta.38 → 0.1.0-beta.39

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-MHFf8UAD.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-D-5xL-yz.js}

@@ -1,39 +1,39 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, computed, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, toRefs, normalizeStyle, resolveDynamicComponent, createSlots } from "vue";
 import { _ } from "./lodash-B5I3zXaY.js";
-import { z } from "./app-BDUi969b.js";
+import { z } from "./app-w0sMrp4G.js";
 import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
-import { b as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-FXpP8n18.js";
-import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-pirGeUnW.js";
-import { u as useMembershipStore } from "./membership-Ja85Dtss.js";
-import { u as useBusinessStore } from "./business-X8rRPAfz.js";
-import "./index-DE2MpHut.js";
-import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-i8OVsDJ3.js";
+import { b as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-Dzzafws6.js";
+import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-BobsXyZ6.js";
+import { u as useMembershipStore } from "./membership-CqV8o_dS.js";
+import { u as useBusinessStore } from "./business-BdDm-WRW.js";
+import "./index-CzppmiuE.js";
+import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-BtMjYV62.js";
 import { J as JsonViewer } from "./JsonViewer-v8_C7l5N.js";
 import { h as hooks } from "./moment-BWErdI6_.js";
-import { f as featureVersionMapping } from "./campaign.enum-DpHc_AKY.js";
+import { f as featureVersionMapping } from "./campaign.enum-DR8RNtRc.js";
 import { _ as _sfc_main$p } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
-import { _ as _sfc_main$n, a as _sfc_main$q, b as _sfc_main$s } from "./EffectSheet.vue_vue_type_style_index_0_lang-DpsYYy14.js";
-import { _ as _sfc_main$r } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DhOWGk5q.js";
-import { _ as _sfc_main$u } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-z4d8Q8Jy.js";
-import { _ as _sfc_main$k, a as _sfc_main$l } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BzF7Dg58.js";
-import { p as prompt, c as cases, f as firebaseStorage, u as useLoading } from "./loading-DNvnRgpP.js";
-import { u as useI18n } from "./vue-i18n-DXJ3bXfe.js";
-import { T as TypeToTriggerOptions, _ as _sfc_main$v } from "./trigger-qTKI0OAW.js";
-import { _ as _sfc_main$t } from "./MessageInput.vue_vue_type_script_setup_true_lang-BPn30LFE.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BdWrXdvd.js";
-import { _ as _sfc_main$m, a as _sfc_main$o } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-BBWktc_y.js";
-import { b as FdoCreditLoyaltyReward, c as FdtoRandomReward, d as F_MISSION_TYPE, e as FdtoThresholdReward, f as FdoMission } from "./index-CpxH7mdN.js";
-import { T as TEMPLATES } from "./index-C8mcPqGM.js";
-import "./index-DFLG_2P9.js";
-import "./index-CYHgJwnc.js";
-import { F as F_GAME_TYPE } from "./collectible.enum-Bc6yW99E.js";
+import { _ as _sfc_main$n, a as _sfc_main$q, b as _sfc_main$s } from "./EffectSheet.vue_vue_type_style_index_0_lang-DJxwB9AL.js";
+import { _ as _sfc_main$r } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-Bb2RdXQT.js";
+import { _ as _sfc_main$u } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-CCB37QTD.js";
+import { _ as _sfc_main$k, a as _sfc_main$l } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CKS6bpIL.js";
+import { p as prompt, c as cases, f as firebaseStorage, u as useLoading } from "./loading-CpPa0n_p.js";
+import { u as useI18n } from "./vue-i18n-D8EwXDiY.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$v } from "./trigger-C_yLCIjw.js";
+import { _ as _sfc_main$t } from "./MessageInput.vue_vue_type_script_setup_true_lang-DxLKpHwU.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-8_C4TMt3.js";
+import { _ as _sfc_main$m, a as _sfc_main$o } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-csXGZS4a.js";
+import { b as FdoCreditLoyaltyReward, c as FdtoRandomReward, d as F_MISSION_TYPE, e as FdoThresholdCreditReward, f as FdtoThresholdReward, g as FdoMission } from "./index-DtJUPEAo.js";
+import { T as TEMPLATES } from "./index-BiXCmng0.js";
+import "./index-Cdkc17X_.js";
+import "./index-QKKJ-rlf.js";
+import { F as F_GAME_TYPE } from "./collectible.enum-M_C5hQMS.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { i as initCollectibleConfig } from "./helper-mK6u9Bg8.js";
-import { C as CollectionUtils } from "./collection.fn--L45oV4w.js";
+import { i as initCollectibleConfig } from "./helper-Xv_E9hJN.js";
+import { C as CollectionUtils } from "./collection.fn-W8XnCG6t.js";
 import { s as sentenceCase$1 } from "./index-CsaQJMAR.js";
 import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-C8KDR1Eb.js";
-import { S as SvcConfig } from "./index-CEZb4fna.js";
+import { u as useCampaignStore } from "./campaign-DcVpiLOT.js";
+import { S as SvcConfig } from "./index-CQehMouz.js";
 import { a as cleanPF } from "./object-qECH92oz.js";
 const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "TimeRuleGroup",
@@ -428,9 +428,9 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
     }
     const i = ref(u()), o = ref(!1), l = computed(() => {
       const y = RuleBuilder.getRules(a.modelValue), v = y.find(
-        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).property == "trigger.date"
+        (f) => isRuleEntry(f) && RuleBuilder.simplify(f).property == "trigger.date"
       ), h = y.find(
-        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).property == "trigger.time"
+        (f) => isRuleEntry(f) && RuleBuilder.simplify(f).property == "trigger.time"
       );
       return {
         date: v ? RuleBuilder.simplify(v).equator : null,
@@ -500,7 +500,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
       );
     }
     return (y, v) => {
-      const h = resolveComponent("FmButtonGroup"), p = resolveComponent("FmTimePicker"), r = resolveComponent("FmIcon"), c = resolveComponent("FmTooltip"), f = resolveComponent("FmField"), b = resolveComponent("FmCard"), x = resolveComponent("FmPopover"), k = resolveComponent("FmDatePicker"), B = resolveComponent("FmHelperText");
+      const h = resolveComponent("FmButtonGroup"), f = resolveComponent("FmTimePicker"), r = resolveComponent("FmIcon"), c = resolveComponent("FmTooltip"), p = resolveComponent("FmField"), b = resolveComponent("FmCard"), x = resolveComponent("FmPopover"), k = resolveComponent("FmDatePicker"), C = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(h, {
           items: [{ label: "Fixed" }, { label: "Repeating" }],
@@ -510,10 +510,10 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
         }, null, 8, ["model-value"]),
         createElementVNode("div", _hoisted_1$d, [
           createElementVNode("div", _hoisted_2$a, [
-            createVNode(p, {
+            createVNode(f, {
               label: "Notify time",
               "model-value": unref(l).time,
-              "onUpdate:modelValue": v[0] || (v[0] = (C) => g({ date: unref(l).date, time: C })),
+              "onUpdate:modelValue": v[0] || (v[0] = (B) => g({ date: unref(l).date, time: B })),
               "helper-text": unref(l).time ? void 0 : "Time is required",
               "helper-state": unref(l).time ? void 0 : "error"
             }, null, 8, ["model-value", "helper-text", "helper-state"]),
@@ -537,10 +537,10 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
               ]),
               createVNode(x, {
                 "show-popover": unref(o),
-                onPopoverChanged: v[3] || (v[3] = (C) => o.value = C)
+                onPopoverChanged: v[3] || (v[3] = (B) => o.value = B)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(f, {
+                  createVNode(p, {
                     class: "cursor-pointer",
                     "helper-text": unref(l).date ? void 0 : "Date is required",
                     "helper-state": unref(l).date ? void 0 : "error"
@@ -557,8 +557,8 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
                       createVNode(_sfc_main$l, {
                         "apply-button": !0,
                         "model-value": unref(l).date || "",
-                        onCancel: v[1] || (v[1] = (C) => o.value = !1),
-                        "onUpdate:modelValue": v[2] || (v[2] = (C) => (g({ date: C, time: unref(l).time }), o.value = !1))
+                        onCancel: v[1] || (v[1] = (B) => o.value = !1),
+                        "onUpdate:modelValue": v[2] || (v[2] = (B) => (g({ date: B, time: unref(l).time }), o.value = !1))
                       }, null, 8, ["model-value"])
                     ]),
                     _: 1
@@ -570,12 +570,12 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
               key: 1,
               label: "Notify date",
               "model-value": unref(l).date || "",
-              "onUpdate:modelValue": v[4] || (v[4] = (C) => g({ date: C, time: unref(l).time })),
+              "onUpdate:modelValue": v[4] || (v[4] = (B) => g({ date: B, time: unref(l).time })),
               "helper-text": unref(l).date ? void 0 : "Date is required",
               "helper-state": unref(l).date ? void 0 : "error"
             }, null, 8, ["model-value", "helper-text", "helper-state"]))
           ]),
-          unref(l).date && unref(l).time && unref(n) ? (openBlock(), createBlock(B, {
+          unref(l).date && unref(l).time && unref(n) ? (openBlock(), createBlock(C, {
             key: 0,
             text: `${unref(hooks)(unref(n)).isAfter(unref(hooks)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(hooks)(unref(n)).format("dddd, DD MMM YYYY")} at
         ${unref(hooks)(unref(n)).format("hh:mmA")} (${unref(hooks)(unref(n)).fromNow()})`
@@ -647,24 +647,24 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
       var r;
       return ((r = s.loyaltyRewards.items.find(
         (c) => {
-          var f;
-          return c.value === ((f = o.value) == null ? void 0 : f.collectible);
+          var p;
+          return c.value === ((p = o.value) == null ? void 0 : p.collectible);
         }
       )) == null ? void 0 : r.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
     }), g = computed(() => {
-      const p = m.value.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
+      const f = m.value.safeParse(o.value);
+      return f.success ? [] : f.error.errors;
     });
-    function y(p, r, c) {
-      p && (o.value = r, n.value = c), i.value = p;
+    function y(f, r, c) {
+      f && (o.value = r, n.value = c), i.value = f;
     }
     const v = a;
     async function h() {
-      const p = m.value.safeParse(o.value);
-      p.success && (await u(
+      const f = m.value.safeParse(o.value);
+      f.success && (await u(
         async () => {
-          p.data.type === "VOUCHER" && l.value && (p.data.collectibleConfig.image = await firebaseStorage.update(
-            p.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
+          f.data.type === "VOUCHER" && l.value && (f.data.collectibleConfig.image = await firebaseStorage.update(
+            f.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
             l.value
           ));
         },
@@ -672,12 +672,12 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), v("update:model-value", p.data, n.value));
+      ), v("update:model-value", f.data, n.value));
     }
     return d({
       showSheet: y
-    }), (p, r) => {
-      const c = resolveComponent("FmSelect"), f = resolveComponent("FmStepperField"), b = resolveComponent("FmButton"), x = resolveComponent("FmSideSheet");
+    }), (f, r) => {
+      const c = resolveComponent("FmSelect"), p = resolveComponent("FmStepperField"), b = resolveComponent("FmButton"), x = resolveComponent("FmSideSheet");
       return openBlock(), createBlock(x, {
         "max-width": 560,
         modelValue: unref(i),
@@ -706,7 +706,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
           ])
         ]),
         default: withCtx(() => {
-          var k, B, C;
+          var k, C, B;
           return [
             unref(o) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
               createVNode(c, {
@@ -758,7 +758,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
                 "model-value": unref(o).collectible,
                 "onUpdate:modelValue": r[1] || (r[1] = (V) => unref(o).collectible = V)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(f, {
+              createVNode(p, {
                 label: "Weight",
                 rules: [unref(ZodHelper).ruleAtPath(unref(m), "weight", [unref(o).type])],
                 "model-value": unref(o).weight,
@@ -792,12 +792,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
                 ], 64)) : createCommentVNode("", !0),
                 r[12] || (r[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$n, {
-                  "for-credit": unref(o).type === "LOYALTY" && ((B = unref(s).loyaltyRewards.items.find(
+                  type: unref(o).type === "LOYALTY" ? "custom" : "range",
+                  "for-credit": unref(o).type === "LOYALTY" && ((C = unref(s).loyaltyRewards.items.find(
                     (V) => {
                       var R;
                       return V.value === ((R = unref(o)) == null ? void 0 : R.collectible);
                     }
-                  )) == null ? void 0 : B.raw.type) === "CREDIT",
+                  )) == null ? void 0 : C.raw.type) === "CREDIT",
                   class: "!gap-24",
                   rules: [unref(ZodHelper).ruleAtPath(unref(m), "validityOption", [unref(o).type])],
                   "model-value": unref(o).validityOption,
@@ -805,12 +806,12 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$j = /* @__PURE__ */ defi
                     ...unref(o),
                     validityOption: V
                   })
-                }, null, 8, ["for-credit", "rules", "model-value"])
+                }, null, 8, ["type", "for-credit", "rules", "model-value"])
               ], 64)) : createCommentVNode("", !0),
               unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$o, {
                 key: 2,
                 "reward-image": unref(l),
-                "model-value": ((C = unref(o)) == null ? void 0 : C.collectibleConfig) ?? void 0,
+                "model-value": ((B = unref(o)) == null ? void 0 : B.collectibleConfig) ?? void 0,
                 "onUpdate:modelValue": r[5] || (r[5] = (V) => o.value = {
                   ...unref(o),
                   collectibleConfig: V
@@ -846,35 +847,35 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   emits: ["update:model-value"],
   setup(e, { emit: d }) {
     const a = e, s = d, u = useMembershipStore(), i = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), o = computed(() => a.modelValue ?? []), l = computed(() => {
-      const p = i.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
+      const f = i.safeParse(o.value);
+      return f.success ? [] : f.error.errors;
     }), n = ref();
-    function m(p, r) {
-      var f;
+    function m(f, r) {
+      var p;
       const c = [...o.value];
-      c[r] = p, (f = n.value) == null || f.showSheet(!1), s("update:model-value", c);
+      c[r] = f, (p = n.value) == null || p.showSheet(!1), s("update:model-value", c);
     }
-    function g(p) {
-      const r = p.type == "VOUCHER" ? p.collectibleConfig : u.collectibles.find(
-        (b) => b._id.toString() == p.collectible
-      ), c = CollectionUtils.formattedType((r == null ? void 0 : r.name) || ""), f = p.weight;
+    function g(f) {
+      const r = f.type == "VOUCHER" ? f.collectibleConfig : u.collectibles.find(
+        (b) => b._id.toString() == f.collectible
+      ), c = CollectionUtils.formattedType((r == null ? void 0 : r.name) || ""), p = f.weight;
       return {
         label: isNullOrEmpty(c) ? "NO REWARD" : c,
-        sublabel: `${f} (${(f / o.value.reduce((b, x) => b + x.weight, 0) * 100).toFixed(2)}%)`
+        sublabel: `${p} (${(p / o.value.reduce((b, x) => b + x.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function y(p) {
+    function y(f) {
       var c;
       const r = [...o.value];
-      (c = n.value) == null || c.showSheet(!0, r[p], p);
+      (c = n.value) == null || c.showSheet(!0, r[f], f);
     }
-    function v(p) {
+    function v(f) {
       const r = [...o.value];
-      r.splice(p, 1), s("update:model-value", r);
+      r.splice(f, 1), s("update:model-value", r);
     }
     function h() {
-      var p;
-      (p = n.value) == null || p.showSheet(
+      var f;
+      (f = n.value) == null || f.showSheet(
         !0,
         {
           type: "NO_REWARD",
@@ -884,8 +885,8 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
         o.value.length
       );
     }
-    return (p, r) => {
-      const c = resolveComponent("FmButton"), f = resolveComponent("FmCard"), b = resolveComponent("FmHelperText");
+    return (f, r) => {
+      const c = resolveComponent("FmButton"), p = resolveComponent("FmCard"), b = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
         r[1] || (r[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type and weightage given to your customer. ", -1)),
         createVNode(c, {
@@ -894,23 +895,23 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
           variant: "plain",
           icon: "add"
         }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (x, k) => (openBlock(), createBlock(f, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (x, k) => (openBlock(), createBlock(p, {
           key: k,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (B) => y(k)
+          onClick: (C) => y(k)
         }, {
           default: withCtx(() => {
-            var B;
+            var C;
             return [
               createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_2$7, toDisplayString(x.type == "LOYALTY" ? (B = x == null ? void 0 : x.earningOption) == null ? void 0 : B.amount : "") + " " + toDisplayString(g(x).label), 1),
+                createElementVNode("div", _hoisted_2$7, toDisplayString(x.type == "LOYALTY" ? (C = x == null ? void 0 : x.earningOption) == null ? void 0 : C.amount : "") + " " + toDisplayString(g(x).label), 1),
                 createElementVNode("div", _hoisted_3$6, toDisplayString(g(x).sublabel), 1)
               ]),
               createVNode(c, {
                 icon: "delete",
                 variant: "tertiary",
-                onClick: (C) => (C.stopPropagation(), v(k))
+                onClick: (B) => (B.stopPropagation(), v(k))
               }, null, 8, ["onClick"])
             ];
           }),
@@ -959,12 +960,12 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
         }, null, 8, ["model-value"]),
         ((y = e.modelValue) == null ? void 0 : y.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (h) => {
-            var p, r;
+            var f, r;
             return openBlock(), createBlock(n, {
               variant: "outlined",
               class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
                 "col-span-2": unref(u).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((p = e.modelValue) == null ? void 0 : p.gameType) == h.value,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((f = e.modelValue) == null ? void 0 : f.gameType) == h.value,
                 "hover:bg-fm-color-opacity-sm": ((r = e.modelValue) == null ? void 0 : r.gameType) != h.value
               }]),
               onClick: () => {
@@ -1077,17 +1078,24 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { expose: d, emit: a }) {
-    const s = e, u = useMembershipStore(), { minor: i } = useLoading, o = ref(!1), l = ref(), n = ref(), m = ref(0), g = FdtoThresholdReward, y = computed(() => {
-      const c = g.safeParse(l.value);
+    const s = e, u = useMembershipStore(), { minor: i } = useLoading, o = ref(!1), l = ref(), n = ref(), m = ref(0), g = computed(() => {
+      var p;
+      return ((p = u.loyaltyRewards.items.find(
+        (b) => {
+          var x;
+          return b.value === ((x = l.value) == null ? void 0 : x.collectible);
+        }
+      )) == null ? void 0 : p.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+    }), y = computed(() => {
+      const c = g.value.safeParse(l.value);
       return c.success ? [] : c.error.errors;
     });
-    function v(c, f, b) {
-      c && (l.value = f, m.value = b), o.value = c;
+    function v(c, p, b) {
+      c && (l.value = p, m.value = b), o.value = c;
     }
     const h = a;
-    async function p() {
-      console.log(l.value);
-      const c = g.safeParse(l.value);
+    async function f() {
+      const c = g.value.safeParse(l.value);
       c.success && (await i(
         async () => {
           c.data.type === "VOUCHER" && n.value && (c.data.collectibleConfig.image = await firebaseStorage.update(
@@ -1104,44 +1112,46 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
     const r = ref();
     return d({
       showSheet: v
-    }), (c, f) => {
-      const b = resolveComponent("FmStepperField"), x = resolveComponent("FmSelect"), k = resolveComponent("FmForm"), B = resolveComponent("FmButton"), C = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(C, {
+    }), (c, p) => {
+      const b = resolveComponent("FmStepperField"), x = resolveComponent("FmSelect"), k = resolveComponent("FmForm"), C = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(B, {
         "max-width": 560,
         modelValue: unref(o),
         "onUpdate:modelValue": [
-          f[10] || (f[10] = (V) => isRef(o) ? o.value = V : null),
-          f[11] || (f[11] = (V) => o.value = V)
+          p[10] || (p[10] = (V) => isRef(o) ? o.value = V : null),
+          p[11] || (p[11] = (V) => o.value = V)
         ],
         header: "Edit reward",
         "dismiss-away": ""
       }, {
         "side-sheet-footer": withCtx(() => [
           createElementVNode("div", _hoisted_1$6, [
-            createVNode(B, {
+            createVNode(C, {
               variant: "primary",
               type: "button",
               label: "Confirm",
-              onClick: f[8] || (f[8] = async () => {
+              disabled: unref(y).length > 0,
+              onClick: p[8] || (p[8] = async () => {
                 var V;
                 return (V = unref(r)) == null ? void 0 : V.validateInputs();
               })
-            }),
-            createVNode(B, {
+            }, null, 8, ["disabled"]),
+            createVNode(C, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: f[9] || (f[9] = (V) => o.value = !1)
+              onClick: p[9] || (p[9] = (V) => o.value = !1)
             })
           ])
         ]),
         default: withCtx(() => [
+          createVNode(JsonViewer, { json: unref(l) }, null, 8, ["json"]),
           unref(l) ? (openBlock(), createBlock(k, {
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
             ref: r,
-            onValidationSuccess: f[7] || (f[7] = (V) => p())
+            onValidationSuccess: p[7] || (p[7] = (V) => f())
           }, {
             default: withCtx(() => {
               var V, R;
@@ -1158,7 +1168,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                     )
                   ],
                   "model-value": unref(l).threshold,
-                  "onUpdate:modelValue": f[0] || (f[0] = (E) => l.value = {
+                  "onUpdate:modelValue": p[0] || (p[0] = (E) => l.value = {
                     ...unref(l),
                     threshold: E
                   })
@@ -1170,7 +1180,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                     { label: "Loyalty", value: "LOYALTY" }
                   ],
                   "model-value": unref(l).type,
-                  "onUpdate:modelValue": f[1] || (f[1] = (E) => {
+                  "onUpdate:modelValue": p[1] || (p[1] = (E) => {
                     var S, w;
                     E === "VOUCHER" ? l.value = {
                       collectible: null,
@@ -1206,10 +1216,10 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                   rules: [unref(ZodHelper).ruleAtPath(unref(g), "collectible", [unref(l).type])],
                   items: unref(u).loyaltyRewards.items,
                   "model-value": unref(l).collectible,
-                  "onUpdate:modelValue": f[2] || (f[2] = (E) => unref(l).collectible = E)
+                  "onUpdate:modelValue": p[2] || (p[2] = (E) => unref(l).collectible = E)
                 }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
                 unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  f[12] || (f[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  p[12] || (p[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$m, {
                     class: "mt-[-8px]",
                     rules: [unref(ZodHelper).ruleAtPath(unref(g), "earningOption", [unref(l).type])],
@@ -1217,13 +1227,14 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                     "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
                     "fixed-type": !0,
                     "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": f[3] || (f[3] = (E) => l.value = {
+                    "onUpdate:modelValue": p[3] || (p[3] = (E) => l.value = {
                       ...unref(l),
                       earningOption: E
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
                   createVNode(_sfc_main$n, {
                     class: "!gap-24",
+                    type: unref(l).type === "LOYALTY" ? "custom" : "range",
                     "for-credit": unref(l).type === "LOYALTY" && ((V = unref(u).loyaltyRewards.items.find(
                       (E) => {
                         var S;
@@ -1232,21 +1243,21 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                     )) == null ? void 0 : V.raw.type) === "CREDIT",
                     rules: [unref(ZodHelper).ruleAtPath(unref(g), "validityOption", [unref(l).type])],
                     "model-value": unref(l).validityOption,
-                    "onUpdate:modelValue": f[4] || (f[4] = (E) => l.value = {
+                    "onUpdate:modelValue": p[4] || (p[4] = (E) => l.value = {
                       ...unref(l),
                       validityOption: E
                     })
-                  }, null, 8, ["for-credit", "rules", "model-value"])
+                  }, null, 8, ["type", "for-credit", "rules", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
                 unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$o, {
                   key: 3,
                   "reward-image": unref(n),
                   "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": f[5] || (f[5] = (E) => l.value = {
+                  "onUpdate:modelValue": p[5] || (p[5] = (E) => l.value = {
                     ...unref(l),
                     collectibleConfig: E
                   }),
-                  "onUpdate:rewardImage": f[6] || (f[6] = (E) => n.value = E)
+                  "onUpdate:rewardImage": p[6] || (p[6] = (E) => n.value = E)
                 }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
                 createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
               ];
@@ -1355,22 +1366,22 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }), n = ref();
     function m(r, c) {
       var b;
-      const f = [...o.value];
-      f[c] = r, (b = n.value) == null || b.showSheet(!1), s("update:model-value", f);
+      const p = [...o.value];
+      p[c] = r, (b = n.value) == null || b.showSheet(!1), s("update:model-value", p);
     }
     function g(r) {
       const c = r.type == "VOUCHER" ? r.collectibleConfig : u.collectibles.find(
         (b) => b._id.toString() == r.collectible
-      ), f = CollectionUtils.formattedType((c == null ? void 0 : c.name) || "");
+      ), p = CollectionUtils.formattedType((c == null ? void 0 : c.name) || "");
       return {
-        label: isNullOrEmpty(f) ? "NO REWARD" : f,
+        label: isNullOrEmpty(p) ? "NO REWARD" : p,
         sublabel: `Reward at ${r.threshold} | Amount: ${r.earningOption.type == "FIXED" ? r.earningOption.amount : `${r.earningOption.amount} for every RM${r.earningOption.every} spent`} `
       };
     }
     function y(r) {
-      var f;
+      var p;
       const c = [...o.value];
-      (f = n.value) == null || f.showSheet(!0, c[r], r);
+      (p = n.value) == null || p.showSheet(!0, c[r], r);
     }
     function v(r) {
       const c = [...o.value];
@@ -1395,39 +1406,39 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         o.value.length
       );
     }
-    function p(r) {
-      var c, f;
+    function f(r) {
+      var c, p;
       return r.type == "VOUCHER" ? (c = r.collectibleConfig) == null ? void 0 : c.name : sentenceCase(
-        ((f = u.loyaltyRewards.items.find(
+        ((p = u.loyaltyRewards.items.find(
           (b) => b.value == r.collectible
-        )) == null ? void 0 : f.label) || ""
+        )) == null ? void 0 : p.label) || ""
       );
     }
     return (r, c) => {
-      const f = resolveComponent("FmButton"), b = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
+      const p = resolveComponent("FmButton"), b = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         c[2] || (c[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type given to your customer. ", -1)),
-        createVNode(f, {
+        createVNode(p, {
           label: "Add Reward",
           onClick: c[0] || (c[0] = (k) => h()),
           variant: "plain",
           icon: "add"
         }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (k, B) => (openBlock(), createBlock(b, {
-          key: B,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (k, C) => (openBlock(), createBlock(b, {
+          key: C,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (C) => y(B)
+          onClick: (B) => y(C)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
               createElementVNode("div", _hoisted_2$3, toDisplayString(g(k).label), 1),
               createElementVNode("div", _hoisted_3$3, toDisplayString(g(k).sublabel), 1)
             ]),
-            createVNode(f, {
+            createVNode(p, {
               icon: "delete",
               variant: "tertiary",
-              onClick: (C) => (C.stopPropagation(), v(B))
+              onClick: (B) => (B.stopPropagation(), v(C))
             }, null, 8, ["onClick"])
           ]),
           _: 2
@@ -1444,11 +1455,11 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           class: "p-24 space-y-16 w-fit"
         }, {
           default: withCtx(() => {
-            var k, B;
+            var k, C;
             return [
               createElementVNode("div", _hoisted_4$2, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_5$2, " Collect " + toDisplayString(e.mission.end) + " stamps to get " + toDisplayString(((k = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : k.earningOption.amount) > 1 ? (B = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : B.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? p(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_5$2, " Collect " + toDisplayString(e.mission.end) + " stamps to get " + toDisplayString(((k = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : k.earningOption.amount) > 1 ? (C = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : C.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? f(e.modelValue[e.modelValue.length - 1]) : ""), 1),
                   c[1] || (c[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Earn a stamp! ", -1))
                 ])
               ]),
@@ -1457,7 +1468,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                   type: e.mission.type,
                   "max-range": e.mission.end,
                   currentRange: e.mission.end / 4,
-                  markers: e.modelValue.map((C) => C.threshold)
+                  markers: e.modelValue.map((B) => B.threshold)
                 }, null, 8, ["type", "max-range", "currentRange", "markers"]),
                 e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_7$1, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
               ])
@@ -1514,8 +1525,8 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                   "hover:bg-fm-color-opacity-sm": ((h = e.modelValue) == null ? void 0 : h.type) != y.value
                 }]),
                 onClick: () => {
-                  var p, r;
-                  ((p = e.modelValue) == null ? void 0 : p.type) != y.value && i("update:model-value", {
+                  var f, r;
+                  ((f = e.modelValue) == null ? void 0 : f.type) != y.value && i("update:model-value", {
                     ...e.modelValue,
                     type: y.value,
                     end: ((r = e.modelValue) == null ? void 0 : r.end) || 1
@@ -1627,8 +1638,8 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       zodLabel: s.schema ? ZodHelper.toInputLabel(s.schema, s.field.label) : void 0
     }));
     return (m, g) => {
-      var c, f, b, x, k;
-      const y = resolveComponent("FmTextField"), v = resolveComponent("FmStepperField"), h = resolveComponent("FmTextarea"), p = resolveComponent("FmHelperText"), r = resolveComponent("FmSwitch");
+      var c, p, b, x, k;
+      const y = resolveComponent("FmTextField"), v = resolveComponent("FmStepperField"), h = resolveComponent("FmTextarea"), f = resolveComponent("FmHelperText"), r = resolveComponent("FmSwitch");
       return e.field.type === "text" ? (openBlock(), createBlock(y, {
         key: 0,
         label: unref(a)(e.field.label),
@@ -1659,7 +1670,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         "model-value": unref(o),
         "onUpdate:modelValue": i,
         "show-word-count": "",
-        "max-length": (k = (x = (b = (f = (c = unref(n)) == null ? void 0 : c.unwrapped) == null ? void 0 : f._def) == null ? void 0 : b.checks) == null ? void 0 : x.find((B) => B.kind == "max")) == null ? void 0 : k.value
+        "max-length": (k = (x = (b = (p = (c = unref(n)) == null ? void 0 : c.unwrapped) == null ? void 0 : p._def) == null ? void 0 : b.checks) == null ? void 0 : x.find((C) => C.kind == "max")) == null ? void 0 : k.value
       }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$g, {
         key: 3,
         "campaign-type": e.extras,
@@ -1671,7 +1682,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        createVNode(p, {
+        createVNode(f, {
           class: "!mt-[8px]",
           text: unref(ZodHelper).helperText(l(), ""),
           state: unref(ZodHelper).helperState(l(), "")
@@ -1713,7 +1724,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "onUpdate:modelValue": i,
           "can-set-auto-apply": e.field.property == "campaign.effect"
         }, null, 8, ["model-value", "can-set-auto-apply"]),
-        unref(o) ? createCommentVNode("", !0) : (openBlock(), createBlock(p, {
+        unref(o) ? createCommentVNode("", !0) : (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: unref(a)("connect.campaign.common.effect_required"),
@@ -1773,7 +1784,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "start-date": e.extras.start,
           "end-date": e.extras.end
         }, null, 8, ["model-value", "start-date", "end-date"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1784,14 +1795,14 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_time" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
-        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(o).rules.g_time).length > 0 ? (openBlock(), createBlock(p, {
+        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(o).rules.g_time).length > 0 ? (openBlock(), createBlock(f, {
           key: 0,
           state: "warning",
           text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
@@ -1800,7 +1811,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 1,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1811,7 +1822,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1822,7 +1833,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1833,7 +1844,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1844,7 +1855,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "model-value": unref(o),
           "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(p, {
+        e.helperText ? (openBlock(), createBlock(f, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,