@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.10

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bs8o9n1V.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-BplJqfmQ.js}

@@ -1,41 +1,41 @@
 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-D3MT1deX.js";
+import { z } from "./app-BpNK9Shm.js";
 import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
-import { c as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-Z3l7BoMg.js";
-import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-D648NN4s.js";
-import { u as useMembershipStore } from "./membership-BHKv29yt.js";
-import { u as useBusinessStore } from "./business-DMALI7ZO.js";
-import "./index-CTPMbFf5.js";
-import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-BSN777PN.js";
+import { c as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-sim1PpwX.js";
+import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-CgQvfjEp.js";
+import { u as useMembershipStore } from "./membership-DetnBa1q.js";
+import { u as useBusinessStore } from "./business-DKrvq1V9.js";
+import "./index-CNB0Lbxl.js";
+import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-fPUwOVc7.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-CVXPc5Pd.js";
-import { _ as _sfc_main$o } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { b as _sfc_main$m, a as _sfc_main$p, _ as _sfc_main$r } from "./EffectSheet.vue_vue_type_style_index_0_lang-koqrPPqM.js";
-import { _ as _sfc_main$q } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D-jL1oGS.js";
-import { _ as _sfc_main$t } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-CwOcZEQX.js";
-import { _ as _sfc_main$j, a as _sfc_main$k } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CRGep1RK.js";
-import { p as prompt, c as cases, f as firebaseStorage } from "./plugins-CVes2wzE.js";
-import { u as useI18n } from "./vue-i18n-BWyHnm4m.js";
-import { b as TypeToTriggerOptions, _ as _sfc_main$u, a as _sfc_main$v } from "./trigger-C7THbt7R.js";
-import { _ as _sfc_main$s } from "./MessageInput.vue_vue_type_script_setup_true_lang-hZUWLTWj.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BvFk5bQg.js";
-import { _ as _sfc_main$l, a as _sfc_main$n } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-Bg-9YqLP.js";
-import { t as FdoCreditLoyaltyReward, u as FdtoRandomReward, v as F_MISSION_TYPE, w as FdoThresholdCreditReward, x as FdtoThresholdReward, y as FdoMission } from "./index-CvoShC5J.js";
-import { T as TEMPLATES } from "./index-BIaCtk8e.js";
-import "./index-BrKXRxe_.js";
-import "./index-B4MqsaBz.js";
-import { a as F_GAME_TYPE } from "./collectible.enum-CDSikBAy.js";
+import { f as featureVersionMapping } from "./campaign.enum-BD2rWUV4.js";
+import { _ as _sfc_main$o } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import { b as _sfc_main$m, a as _sfc_main$p, _ as _sfc_main$r } from "./EffectSheet.vue_vue_type_style_index_0_lang-DKKptxcn.js";
+import { _ as _sfc_main$q } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-zupkP2uw.js";
+import { _ as _sfc_main$t } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-gMC5mLHh.js";
+import { _ as _sfc_main$j, a as _sfc_main$k } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BHSbFQ81.js";
+import { p as prompt, c as cases, f as firebaseStorage } from "./plugins-OrApXSK1.js";
+import { u as useI18n } from "./vue-i18n-DiFFrwf8.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$u, b as _sfc_main$v } from "./trigger-CnST_aOW.js";
+import { _ as _sfc_main$s } from "./MessageInput.vue_vue_type_script_setup_true_lang-CF0IVI5X.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BnAvQkaq.js";
+import { _ as _sfc_main$l, a as _sfc_main$n } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-BZ1uzuZz.js";
+import { T as TEMPLATES } from "./index-DasON_G8.js";
+import { t as FdoCreditLoyaltyReward, u as FdtoRandomReward, v as F_MISSION_TYPE, w as FdoThresholdCreditReward, x as FdtoThresholdReward, y as FdoMission } from "./index-meUmYtul.js";
+import "./index-CDPz2U9g.js";
+import "./index-DFZmjlFv.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-SmUqreZO.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { u as useLoading } from "./loading-vUArhX_O.js";
-import { i as initCollectibleConfig } from "./helper-BYyfcLqw.js";
-import { C as CollectionUtils } from "./collection.fn-Bz38mGMa.js";
-import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
-import "./index-BsCGyJMY.js";
+import { u as useLoading } from "./loading-CWqSCt18.js";
+import { i as initCollectibleConfig } from "./helper-fHTdEmqM.js";
+import { C as CollectionUtils } from "./collection.fn-kt3pF_1n.js";
+import { s as sentenceCase$1 } from "./index-CsaQJMAR.js";
+import "./index-BKs8ARn4.js";
 import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-j1c3ou7l.js";
-import { S as SvcConfig } from "./index-BMl2KZts.js";
+import { u as useCampaignStore } from "./campaign-DmYOJ9S0.js";
+import { S as SvcConfig } from "./index-DR0MjqoO.js";
 import { a as cleanPF } from "./object-qECH92oz.js";
 const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "TimeRuleGroup",
@@ -47,13 +47,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const { t: a } = useI18n(), r = e, u = c, s = ref(
-      !r.modelValue || !r.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(r.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+  setup(e, { emit: d }) {
+    const { t: a } = useI18n(), s = e, u = d, i = ref(
+      !s.modelValue || !s.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(s.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
     );
-    watch(s, async (l, n) => {
-      var d;
-      if (n == "custom" && l == "all_time" && RuleBuilder.getRules((d = r.modelValue) == null ? void 0 : d.rules.g_time).length > 0) {
+    watch(i, async (l, n) => {
+      var m;
+      if (n == "custom" && l == "all_time" && RuleBuilder.getRules((m = s.modelValue) == null ? void 0 : m.rules.g_time).length > 0) {
         const g = await prompt.confirm(
           a("connect.template.rule.time.confirm_remove"),
           a("connect.common.confirm"),
@@ -63,28 +63,28 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
         g && u(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            r.modelValue ?? RuleBuilder.scaffoldGroup(),
+            s.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
-        ), s.value = g ? l : n;
+        ), i.value = g ? l : n;
       }
     });
     async function o(l) {
       var n;
-      if (l == "custom" && RuleBuilder.getRules((n = r.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
+      if (l == "custom" && RuleBuilder.getRules((n = s.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
         if (!await prompt.confirm(
           a("connect.template.rule.time.confirm_remove"),
           a("connect.common.confirm"),
           a("connect.common.confirm"),
           a("connect.common.cancel")
         )) {
-          s.value = "all_time";
+          i.value = "all_time";
           return;
         }
         u(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            r.modelValue ?? RuleBuilder.scaffoldGroup(),
+            s.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
         );
@@ -92,28 +92,28 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
     return (l, n) => {
       var y;
-      const d = resolveComponent("FmRadio"), g = resolveComponent("FmRadioGroup");
+      const m = resolveComponent("FmRadio"), g = resolveComponent("FmRadioGroup");
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(g, {
-          modelValue: unref(s),
+          modelValue: unref(i),
           "onUpdate:modelValue": [
-            n[0] || (n[0] = (v) => isRef(s) ? s.value = v : null),
+            n[0] || (n[0] = (v) => isRef(i) ? i.value = v : null),
             n[1] || (n[1] = (v) => o(v))
           ]
         }, {
           default: withCtx(() => [
-            createVNode(d, {
+            createVNode(m, {
               label: unref(a)("connect.template.rule.time.all_time"),
               value: "all_time"
             }, null, 8, ["label"]),
-            createVNode(d, {
+            createVNode(m, {
               label: unref(a)("connect.template.rule.time.custom"),
               value: "custom"
             }, null, 8, ["label"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        unref(s) == "custom" ? (openBlock(), createBlock(_sfc_main$j, {
+        unref(i) == "custom" ? (openBlock(), createBlock(_sfc_main$j, {
           key: 0,
           class: "!mt-[0px]",
           "include-only": "trigger",
@@ -139,21 +139,21 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = computed(() => {
-      const { property: s, operator: o, equator: l } = RuleBuilder.simplify(
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = computed(() => {
+      const { property: i, operator: o, equator: l } = RuleBuilder.simplify(
         a.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
           op: "before",
           x: 1
         })
       );
       return {
-        property: s,
+        property: i,
         operator: o,
         equator: l
       };
     });
-    return (s, o) => {
+    return (i, o) => {
       const l = resolveComponent("FmRadio"), n = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", null, [
         createVNode(l, {
@@ -161,7 +161,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           value: "_isRange-day",
           "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
           "onUpdate:modelValue": o[0] || (o[0] = () => {
-            r(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -176,7 +176,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           value: "_isDay",
           "model-value": unref(u).operator,
           "onUpdate:modelValue": o[1] || (o[1] = () => {
-            r(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
                 op: "after",
@@ -191,11 +191,11 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           label: "Days before birthday",
           "show-steppers": !1,
           "model-value": unref(u).equator.x,
-          "onUpdate:modelValue": o[2] || (o[2] = (d) => r(
+          "onUpdate:modelValue": o[2] || (o[2] = (m) => s(
             "update:model-value",
             unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
               op: "after",
-              x: d,
+              x: m,
               ignoreYear: !0
             })
           ))
@@ -205,7 +205,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           value: "_isRange-week",
           "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
           "onUpdate:modelValue": o[3] || (o[3] = () => {
-            r(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -220,7 +220,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           value: "_isRange-month",
           "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
           "onUpdate:modelValue": o[4] || (o[4] = () => {
-            r(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -233,7 +233,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       ]);
     };
   }
-}), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$e = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1), _hoisted_3$c = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$b = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$6 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$c = { class: "grid grid-cols-3 gap-16" }, _hoisted_3$a = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CampaignTriggerInput",
   props: {
     campaignType: {
@@ -249,15 +249,15 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = computed(() => a.disabled ? TypeToTriggerOptions[a.campaignType].filter(
-      (s) => s.value == a.modelValue
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = computed(() => a.disabled ? TypeToTriggerOptions[a.campaignType].filter(
+      (i) => i.value == a.modelValue
     ) : TypeToTriggerOptions[a.campaignType]);
-    return (s, o) => {
+    return (i, o) => {
       const l = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        _hoisted_2$e,
-        createElementVNode("div", _hoisted_3$c, [
+        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
+        createElementVNode("div", _hoisted_2$c, [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(l, {
             variant: "outlined",
             disabled: a.disabled,
@@ -267,13 +267,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && !a.disabled && r("update:model-value", n.value);
+              a.modelValue != n.value && !a.disabled && s("update:model-value", n.value);
             },
             key: n.name
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$b, toDisplayString(n.name), 1),
-              createElementVNode("div", _hoisted_5$6, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_3$a, toDisplayString(n.name), 1),
+              createElementVNode("div", _hoisted_4$7, toDisplayString(n.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -294,10 +294,10 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = c;
-    return (r, u) => {
-      const s = resolveComponent("FmButton"), o = resolveComponent("FmField"), l = resolveComponent("FmDatePicker");
+  setup(e, { emit: d }) {
+    const a = d;
+    return (s, u) => {
+      const i = resolveComponent("FmButton"), o = resolveComponent("FmField"), l = resolveComponent("FmDatePicker");
       return openBlock(), createBlock(l, {
         label: e.label,
         "model-value": e.modelValue || "",
@@ -310,11 +310,11 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
             "icon-outlined": !n
           }, {
             append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(s, {
+              e.modelValue ? (openBlock(), createBlock(i, {
                 key: 0,
                 variant: "tertiary",
                 icon: "clear",
-                onClick: u[0] || (u[0] = (d) => (d.stopPropagation(), a("update:model-value", null)))
+                onClick: u[0] || (u[0] = (m) => (m.stopPropagation(), a("update:model-value", null)))
               })) : createCommentVNode("", !0)
             ]),
             default: withCtx(() => [
@@ -329,7 +329,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       }, 8, ["label", "model-value"]);
     };
   }
-}), _hoisted_1$e = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$d = { class: "flex-1 xs:w-full" }, _hoisted_3$b = /* @__PURE__ */ createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1), _hoisted_4$a = { class: "flex-1 xs:w-full" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$e = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$b = { class: "flex-1 xs:w-full" }, _hoisted_3$9 = { class: "flex-1 xs:w-full" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DateRangeInput",
   props: {
     modelValue: {
@@ -338,14 +338,14 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = c;
-    return (r, u) => {
-      var s, o;
+  setup(e, { emit: d }) {
+    const a = d;
+    return (s, u) => {
+      var i, o;
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$d, [
+        createElementVNode("div", _hoisted_2$b, [
           createVNode(_sfc_main$f, {
-            "model-value": ((s = e.modelValue) == null ? void 0 : s.startDate) ?? null,
+            "model-value": ((i = e.modelValue) == null ? void 0 : i.startDate) ?? null,
             label: "Start date",
             "onUpdate:modelValue": u[0] || (u[0] = (l) => {
               var n;
@@ -356,8 +356,8 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
             })
           }, null, 8, ["model-value"])
         ]),
-        _hoisted_3$b,
-        createElementVNode("div", _hoisted_4$a, [
+        u[2] || (u[2] = createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1)),
+        createElementVNode("div", _hoisted_3$9, [
           createVNode(_sfc_main$f, {
             "model-value": ((o = e.modelValue) == null ? void 0 : o.endDate) ?? null,
             label: "End date",
@@ -373,10 +373,10 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       ]);
     };
   }
-}), _hoisted_1$d = { class: "space-y-8" }, _hoisted_2$c = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$a = {
+}), _hoisted_1$d = { class: "space-y-8" }, _hoisted_2$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$8 = {
   key: 0,
   class: "space-y-4"
-}, _hoisted_4$9 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$5 = /* @__PURE__ */ createElementVNode("div", null, "Notify date", -1), _hoisted_6$3 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+}, _hoisted_4$6 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$3 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ScheduleRuleInput",
   props: {
     modelValue: {
@@ -391,19 +391,19 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c;
+  setup(e, { emit: d }) {
+    const a = e, s = d;
     function u() {
       const y = RuleBuilder.getRules(a.modelValue);
       return y.length == 0 ? "fixed" : y.some(
         (v) => isRuleEntry(v) && RuleBuilder.simplify(v).operator == "_rrule"
       ) ? "repeating" : "fixed";
     }
-    const s = ref(u()), o = ref(!1), l = computed(() => {
+    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,
@@ -417,7 +417,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
         a.endDate ? new Date(a.endDate) : void 0
       )
     );
-    function d(y) {
+    function m(y) {
       const v = y.label.toLowerCase(), h = v == "fixed" ? [
         RuleBuilder.constructEntry(
           "trigger.date",
@@ -433,16 +433,16 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
         ),
         RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
       ];
-      r(
+      s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
           h
         )
-      ), s.value = v;
+      ), i.value = v;
     }
     function g(y) {
-      s.value == "fixed" ? r(
+      i.value == "fixed" ? s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
@@ -456,7 +456,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
             y.time
           )
         ])
-      ) : r(
+      ) : s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
@@ -473,33 +473,33 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       );
     }
     return (y, v) => {
-      const h = resolveComponent("FmButtonGroup"), p = resolveComponent("FmTimePicker"), i = resolveComponent("FmIcon"), f = resolveComponent("FmTooltip"), m = resolveComponent("FmField"), b = resolveComponent("FmCard"), x = resolveComponent("FmPopover"), k = resolveComponent("FmDatePicker"), C = 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" }],
-          "model-value": { label: unref(cases).title(unref(s)) },
-          "onUpdate:modelValue": d,
+          "model-value": { label: unref(cases).title(unref(i)) },
+          "onUpdate:modelValue": m,
           class: "mb-8"
         }, null, 8, ["model-value"]),
         createElementVNode("div", _hoisted_1$d, [
-          createElementVNode("div", _hoisted_2$c, [
-            createVNode(p, {
+          createElementVNode("div", _hoisted_2$a, [
+            createVNode(f, {
               label: "Notify time",
               "model-value": unref(l).time,
               "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"]),
-            unref(s) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
-              createElementVNode("div", _hoisted_4$9, [
-                _hoisted_5$5,
-                unref(l).date ? (openBlock(), createBlock(f, {
+            unref(i) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_4$6, [
+                v[5] || (v[5] = createElementVNode("div", null, "Notify date", -1)),
+                unref(l).date ? (openBlock(), createBlock(c, {
                   key: 0,
                   "z-index": 9999,
                   content: unref(SummarizeRrule)(unref(RRule).fromString(unref(l).date).options)
                 }, {
                   default: withCtx(() => [
-                    createVNode(i, {
+                    createVNode(r, {
                       name: "info",
                       size: "sm",
                       outline: !0
@@ -513,13 +513,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                 onPopoverChanged: v[3] || (v[3] = (B) => o.value = B)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(m, {
+                  createVNode(p, {
                     class: "cursor-pointer",
                     "helper-text": unref(l).date ? void 0 : "Date is required",
                     "helper-state": unref(l).date ? void 0 : "error"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_6$3, toDisplayString(unref(l).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(l).date).options) : "Set a repeating date"), 1)
+                      createElementVNode("div", _hoisted_5$3, toDisplayString(unref(l).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(l).date).options) : "Set a repeating date"), 1)
                     ]),
                     _: 1
                   }, 8, ["helper-text", "helper-state"])
@@ -557,7 +557,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       ], 64);
     };
   }
-}), _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$b = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1), _hoisted_3$9 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$8 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "GameTypeInput",
   props: {
     modelValue: {
@@ -565,8 +565,8 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = computed(
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = computed(
       () => [
         {
           label: "Fortune Wheel",
@@ -580,13 +580,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
           hidden: !0
         }
-      ].filter((s) => !s.hidden)
+      ].filter((i) => !i.hidden)
     );
-    return (s, o) => {
+    return (i, o) => {
       const l = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        _hoisted_2$b,
-        createElementVNode("div", _hoisted_3$9, [
+        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
+        createElementVNode("div", _hoisted_2$9, [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(l, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
@@ -595,13 +595,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && r("update:model-value", n.value);
+              a.modelValue != n.value && s("update:model-value", n.value);
             },
             key: n.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$8, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_5$4, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_3$7, toDisplayString(n.label), 1),
+              createElementVNode("div", _hoisted_4$5, toDisplayString(n.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -612,32 +612,32 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
 }), _hoisted_1$b = {
   key: 0,
   class: "flex flex-col gap-y-24"
-}, _hoisted_2$a = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1), _hoisted_3$8 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1), _hoisted_4$7 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+}, _hoisted_2$8 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "EditRewardPoolSheet",
   emits: ["update:model-value"],
-  setup(e, { expose: c, emit: a }) {
-    const r = useMembershipStore(), { minor: u } = useLoading, s = ref(!1), o = ref(), l = ref(), n = ref(0), d = computed(() => {
-      var i;
-      return ((i = r.loyaltyRewards.items.find(
-        (f) => {
-          var m;
-          return f.value === ((m = o.value) == null ? void 0 : m.collectible);
+  setup(e, { expose: d, emit: a }) {
+    const s = useMembershipStore(), { minor: u } = useLoading, i = ref(!1), o = ref(), l = ref(), n = ref(0), m = computed(() => {
+      var r;
+      return ((r = s.loyaltyRewards.items.find(
+        (c) => {
+          var p;
+          return c.value === ((p = o.value) == null ? void 0 : p.collectible);
         }
-      )) == null ? void 0 : i.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+      )) == null ? void 0 : r.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
     }), g = computed(() => {
-      const p = d.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, i, f) {
-      p && (o.value = i, n.value = f), s.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 = d.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
           ));
         },
@@ -645,36 +645,36 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__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 c({
+    return d({
       showSheet: y
-    }), (p, i) => {
-      const f = resolveComponent("FmSelect"), m = 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(s),
+        modelValue: unref(i),
         "onUpdate:modelValue": [
-          i[9] || (i[9] = (k) => isRef(s) ? s.value = k : null),
-          i[10] || (i[10] = (k) => s.value = k)
+          r[9] || (r[9] = (k) => isRef(i) ? i.value = k : null),
+          r[10] || (r[10] = (k) => i.value = k)
         ],
         header: "Edit reward",
         "dismiss-away": ""
       }, {
         "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_4$7, [
+          createElementVNode("div", _hoisted_2$8, [
             createVNode(b, {
               variant: "primary",
               type: "button",
               disabled: unref(g).length > 0,
               label: "Confirm",
-              onClick: i[7] || (i[7] = (k) => h())
+              onClick: r[7] || (r[7] = (k) => h())
             }, null, 8, ["disabled"]),
             createVNode(b, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: i[8] || (i[8] = (k) => s.value = !1)
+              onClick: r[8] || (r[8] = (k) => i.value = !1)
             })
           ])
         ]),
@@ -682,7 +682,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
           var k, C, B;
           return [
             unref(o) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-              createVNode(f, {
+              createVNode(c, {
                 label: "Reward Type",
                 items: [
                   { label: "No Reward", value: "NO_REWARD" },
@@ -690,7 +690,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                   { label: "Loyalty", value: "LOYALTY" }
                 ],
                 "model-value": unref(o).type,
-                "onUpdate:modelValue": i[0] || (i[0] = (V) => {
+                "onUpdate:modelValue": r[0] || (r[0] = (V) => {
                   V == "NO_REWARD" ? o.value = {
                     type: "NO_REWARD",
                     collectible: null,
@@ -710,7 +710,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                     },
                     weight: 1
                   } : o.value = {
-                    collectible: unref(r).loyaltyRewards.raw[0]._id,
+                    collectible: unref(s).loyaltyRewards.raw[0]._id,
                     type: "LOYALTY",
                     earningOption: {
                       amount: 1,
@@ -723,59 +723,59 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                   };
                 })
               }, null, 8, ["model-value"]),
-              unref(o).type == "LOYALTY" ? (openBlock(), createBlock(f, {
+              unref(o).type == "LOYALTY" ? (openBlock(), createBlock(c, {
                 key: 0,
                 label: "Loyalty type",
-                rules: [unref(ZodHelper).ruleAtPath(unref(d), "collectible", [unref(o).type])],
-                items: unref(r).loyaltyRewards.items,
+                rules: [unref(ZodHelper).ruleAtPath(unref(m), "collectible", [unref(o).type])],
+                items: unref(s).loyaltyRewards.items,
                 "model-value": unref(o).collectible,
-                "onUpdate:modelValue": i[1] || (i[1] = (V) => unref(o).collectible = V)
+                "onUpdate:modelValue": r[1] || (r[1] = (V) => unref(o).collectible = V)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(m, {
+              createVNode(p, {
                 label: "Weight",
-                rules: [unref(ZodHelper).ruleAtPath(unref(d), "weight", [unref(o).type])],
+                rules: [unref(ZodHelper).ruleAtPath(unref(m), "weight", [unref(o).type])],
                 "model-value": unref(o).weight,
-                "onUpdate:modelValue": i[2] || (i[2] = (V) => o.value = {
+                "onUpdate:modelValue": r[2] || (r[2] = (V) => o.value = {
                   ...unref(o),
                   weight: V
                 })
               }, null, 8, ["rules", "model-value"]),
               unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((k = unref(r).loyaltyRewards.items.find(
+                ((k = unref(s).loyaltyRewards.items.find(
                   (V) => {
                     var R;
                     return V.value === ((R = unref(o)) == null ? void 0 : R.collectible);
                   }
                 )) == null ? void 0 : k.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_2$a,
+                  r[11] || (r[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$l, {
                     class: "mt-[-8px]",
                     rules: [
-                      unref(ZodHelper).ruleAtPath(unref(d), "earningOption", [unref(o).type])
+                      unref(ZodHelper).ruleAtPath(unref(m), "earningOption", [unref(o).type])
                     ],
                     "helper-state": unref(ZodHelper).helperState(unref(g), "earningOption"),
                     "error-text": unref(ZodHelper).helperText(unref(g), "earningOption"),
                     "fixed-type": !0,
                     "model-value": unref(o).earningOption,
-                    "onUpdate:modelValue": i[3] || (i[3] = (V) => o.value = {
+                    "onUpdate:modelValue": r[3] || (r[3] = (V) => o.value = {
                       ...unref(o),
                       earningOption: V
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                _hoisted_3$8,
+                r[12] || (r[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$m, {
                   type: unref(o).type === "LOYALTY" ? "custom" : "range",
-                  "for-credit": unref(o).type === "LOYALTY" && ((C = unref(r).loyaltyRewards.items.find(
+                  "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 : C.raw.type) === "CREDIT",
                   class: "!gap-24",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(d), "validityOption", [unref(o).type])],
+                  rules: [unref(ZodHelper).ruleAtPath(unref(m), "validityOption", [unref(o).type])],
                   "model-value": unref(o).validityOption,
-                  "onUpdate:modelValue": i[4] || (i[4] = (V) => o.value = {
+                  "onUpdate:modelValue": r[4] || (r[4] = (V) => o.value = {
                     ...unref(o),
                     validityOption: V
                   })
@@ -785,11 +785,11 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                 key: 2,
                 "reward-image": unref(l),
                 "model-value": ((B = unref(o)) == null ? void 0 : B.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": i[5] || (i[5] = (V) => o.value = {
+                "onUpdate:modelValue": r[5] || (r[5] = (V) => o.value = {
                   ...unref(o),
                   collectibleConfig: V
                 }),
-                "onUpdate:rewardImage": i[6] || (i[6] = (V) => l.value = V)
+                "onUpdate:rewardImage": r[6] || (r[6] = (V) => l.value = V)
               }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
               createVNode(JsonViewer, { json: unref(g) }, null, 8, ["json"])
             ])) : createCommentVNode("", !0)
@@ -803,7 +803,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
 function isNullOrEmpty(e) {
   return e == null || e === "";
 }
-const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ 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), _hoisted_3$7 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "RewardPoolInput",
   props: {
     modelValue: {
@@ -818,37 +818,37 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = useMembershipStore(), s = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), o = computed(() => a.modelValue ?? []), l = computed(() => {
-      const p = s.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
+  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 f = i.safeParse(o.value);
+      return f.success ? [] : f.error.errors;
     }), n = ref();
-    function d(p, i) {
-      var m;
-      const f = [...o.value];
-      f[i] = p, (m = n.value) == null || m.showSheet(!1), r("update:model-value", f);
+    function m(f, r) {
+      var p;
+      const c = [...o.value];
+      c[r] = f, (p = n.value) == null || p.showSheet(!1), s("update:model-value", c);
     }
-    function g(p) {
-      const i = p.type == "VOUCHER" ? p.collectibleConfig : u.collectibles.find(
-        (b) => b._id.toString() == p.collectible
-      ), f = CollectionUtils.formattedType((i == null ? void 0 : i.name) || ""), m = 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(f) ? "NO REWARD" : f,
-        sublabel: `${m} (${(m / o.value.reduce((b, x) => b + x.weight, 0) * 100).toFixed(2)}%)`
+        label: isNullOrEmpty(c) ? "NO REWARD" : c,
+        sublabel: `${p} (${(p / o.value.reduce((b, x) => b + x.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function y(p) {
-      var f;
-      const i = [...o.value];
-      (f = n.value) == null || f.showSheet(!0, i[p], p);
+    function y(f) {
+      var c;
+      const r = [...o.value];
+      (c = n.value) == null || c.showSheet(!0, r[f], f);
     }
-    function v(p) {
-      const i = [...o.value];
-      i.splice(p, 1), r("update:model-value", i);
+    function v(f) {
+      const r = [...o.value];
+      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",
@@ -858,17 +858,17 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
         o.value.length
       );
     }
-    return (p, i) => {
-      const f = resolveComponent("FmButton"), m = 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, [
-        _hoisted_2$9,
-        createVNode(f, {
+        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, {
           label: "Add Reward",
-          onClick: i[0] || (i[0] = (x) => h()),
+          onClick: r[0] || (r[0] = (x) => h()),
           variant: "plain",
           icon: "add"
         }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (x, k) => (openBlock(), createBlock(m, {
+        (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",
@@ -878,10 +878,10 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
             var C;
             return [
               createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_3$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_4$6, toDisplayString(g(x).sublabel), 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(f, {
+              createVNode(c, {
                 icon: "delete",
                 variant: "tertiary",
                 onClick: (B) => (B.stopPropagation(), v(k))
@@ -898,15 +898,15 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
         createVNode(_sfc_main$b, {
           ref_key: "sheetRef",
           ref: n,
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": m
         }, null, 512)
       ]);
     };
   }
-}), _hoisted_1$9 = { class: "space-y-16" }, _hoisted_2$8 = {
+}), _hoisted_1$9 = { class: "space-y-16" }, _hoisted_2$6 = {
   key: 0,
   class: "grid grid-cols-2 gap-16"
-}, _hoisted_3$6 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+}, _hoisted_3$5 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PromotionGameTypeInput",
   props: {
     modelValue: {
@@ -914,48 +914,48 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = computed(() => [
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = computed(() => [
       {
         label: "Rock paper scissor",
         description: "Customers play 3 rounds of Rock Paper Scissors against the cashier. If customer won 2 rounds, they will get a discount.",
         value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
       }
     ]);
-    return (s, o) => {
+    return (i, o) => {
       var g, y, v;
-      const l = resolveComponent("FmSwitch"), n = resolveComponent("FmCard"), d = resolveComponent("FmHelperText");
+      const l = resolveComponent("FmSwitch"), n = resolveComponent("FmCard"), m = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(l, {
           label: "Enable game",
           "model-value": !!((g = e.modelValue) != null && g.gameType),
-          "onUpdate:modelValue": o[0] || (o[0] = (h) => h ? r("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : r("update:model-value", null))
+          "onUpdate:modelValue": o[0] || (o[0] = (h) => h ? s("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : s("update:model-value", null))
         }, null, 8, ["model-value"]),
-        ((y = e.modelValue) == null ? void 0 : y.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+        ((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, i;
+            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,
-                "hover:bg-fm-color-opacity-sm": ((i = e.modelValue) == null ? void 0 : i.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: () => {
-                var f;
-                ((f = a.modelValue) == null ? void 0 : f.gameType) != h.value && r("update:model-value", { gameType: h.value });
+                var c;
+                ((c = a.modelValue) == null ? void 0 : c.gameType) != h.value && s("update:model-value", { gameType: h.value });
               },
               key: h.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$6, toDisplayString(h.label), 1),
-                createElementVNode("div", _hoisted_4$5, toDisplayString(h.description), 1)
+                createElementVNode("div", _hoisted_3$5, toDisplayString(h.label), 1),
+                createElementVNode("div", _hoisted_4$4, toDisplayString(h.description), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
           }), 128))
         ])) : createCommentVNode("", !0),
-        ((v = e.modelValue) == null ? void 0 : v.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(d, {
+        ((v = e.modelValue) == null ? void 0 : v.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(m, {
           key: 1,
           text: "Rock paper scissors is only available for POS >= 7.7.4 with dual screen on android devices (Sunmi D3 Pro and Sunmi T3 Pro)",
           state: "warning"
@@ -963,7 +963,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
       ]);
     };
   }
-}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$7 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1), _hoisted_3$5 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$4 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$5 = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$4 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "MissionTypeInput",
   props: {
     modelValue: {
@@ -971,8 +971,8 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = computed(() => [
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = computed(() => [
       {
         label: "Stamp",
         description: "Award stamps for purchases, redeemable after reaching set milestones.",
@@ -984,11 +984,11 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
     ]);
-    return (s, o) => {
+    return (i, o) => {
       const l = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        _hoisted_2$7,
-        createElementVNode("div", _hoisted_3$5, [
+        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
+        createElementVNode("div", _hoisted_2$5, [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(l, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
@@ -997,13 +997,13 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
               "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && r("update:model-value", n.value);
+              a.modelValue != n.value && s("update:model-value", n.value);
             },
             key: n.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$4, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_5$3, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_3$4, toDisplayString(n.label), 1),
+              createElementVNode("div", _hoisted_4$3, toDisplayString(n.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -1011,7 +1011,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
       ]);
     };
   }
-}), _hoisted_1$7 = { class: "space-y-16" }, _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1), _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$7 = { class: "space-y-16" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "MissionEndInput",
   props: {
     modelValue: {
@@ -1025,13 +1025,13 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = c;
-    return (r, u) => {
-      const s = resolveComponent("FmStepperField");
+  setup(e, { emit: d }) {
+    const a = d;
+    return (s, u) => {
+      const i = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        _hoisted_2$6,
-        createVNode(s, {
+        u[1] || (u[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
+        createVNode(i, {
           label: "Maximum to collect",
           "model-value": e.modelValue || null,
           "onUpdate:modelValue": u[0] || (u[0] = (o) => a("update:model-value", o)),
@@ -1041,7 +1041,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
       ]);
     };
   }
-}), _hoisted_1$6 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1), _hoisted_2$5 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$6 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "EditMissionPoolSheet",
   props: {
     maxThreshold: {
@@ -1050,29 +1050,29 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { expose: c, emit: a }) {
-    const r = e, u = useMembershipStore(), { minor: s } = useLoading, o = ref(!1), l = ref(), n = ref(), d = ref(0), g = computed(() => {
-      var m;
-      return ((m = u.loyaltyRewards.items.find(
+  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 = 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 : m.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+      )) == null ? void 0 : p.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
     }), y = computed(() => {
-      const f = g.value.safeParse(l.value);
-      return f.success ? [] : f.error.errors;
+      const c = g.value.safeParse(l.value);
+      return c.success ? [] : c.error.errors;
     });
-    function v(f, m, b) {
-      f && (l.value = m, d.value = b), o.value = f;
+    function v(c, p, b) {
+      c && (l.value = p, m.value = b), o.value = c;
     }
     const h = a;
-    async function p() {
-      const f = g.value.safeParse(l.value);
-      f.success && (await s(
+    async function f() {
+      const c = g.value.safeParse(l.value);
+      c.success && (await i(
         async () => {
-          f.data.type === "VOUCHER" && n.value && (f.data.collectibleConfig.image = await firebaseStorage.update(
-            f.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
+          c.data.type === "VOUCHER" && n.value && (c.data.collectibleConfig.image = await firebaseStorage.update(
+            c.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
             n.value
           ));
         },
@@ -1080,40 +1080,40 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), h("update:model-value", f.data, d.value));
+      ), h("update:model-value", c.data, m.value));
     }
-    const i = ref();
-    return c({
+    const r = ref();
+    return d({
       showSheet: v
-    }), (f, m) => {
+    }), (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": [
-          m[10] || (m[10] = (V) => isRef(o) ? o.value = V : null),
-          m[11] || (m[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_2$5, [
+          createElementVNode("div", _hoisted_1$6, [
             createVNode(C, {
               variant: "primary",
               type: "button",
               label: "Confirm",
               disabled: unref(y).length > 0,
-              onClick: m[8] || (m[8] = async () => {
+              onClick: p[8] || (p[8] = async () => {
                 var V;
-                return (V = unref(i)) == null ? void 0 : V.validateInputs();
+                return (V = unref(r)) == null ? void 0 : V.validateInputs();
               })
             }, null, 8, ["disabled"]),
             createVNode(C, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: m[9] || (m[9] = (V) => o.value = !1)
+              onClick: p[9] || (p[9] = (V) => o.value = !1)
             })
           ])
         ]),
@@ -1123,8 +1123,8 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
-            ref: i,
-            onValidationSuccess: m[7] || (m[7] = (V) => p())
+            ref: r,
+            onValidationSuccess: p[7] || (p[7] = (V) => f())
           }, {
             default: withCtx(() => {
               var V, R;
@@ -1135,13 +1135,13 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                   rules: [
                     unref(ZodHelper).toRule(
                       unref(z).number().min(1).max(
-                        r.maxThreshold,
-                        `Number cannot be more than ${r.maxThreshold}`
+                        s.maxThreshold,
+                        `Number cannot be more than ${s.maxThreshold}`
                       )
                     )
                   ],
                   "model-value": unref(l).threshold,
-                  "onUpdate:modelValue": m[0] || (m[0] = (E) => l.value = {
+                  "onUpdate:modelValue": p[0] || (p[0] = (E) => l.value = {
                     ...unref(l),
                     threshold: E
                   })
@@ -1153,8 +1153,8 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                     { label: "Loyalty", value: "LOYALTY" }
                   ],
                   "model-value": unref(l).type,
-                  "onUpdate:modelValue": m[1] || (m[1] = (E) => {
-                    var S, $;
+                  "onUpdate:modelValue": p[1] || (p[1] = (E) => {
+                    var S, w;
                     E === "VOUCHER" ? l.value = {
                       collectible: null,
                       type: "VOUCHER",
@@ -1179,7 +1179,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: ($ = unref(l)) == null ? void 0 : $.threshold
+                      threshold: (w = unref(l)) == null ? void 0 : w.threshold
                     };
                   })
                 }, null, 8, ["model-value"]),
@@ -1189,10 +1189,10 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                   rules: [unref(ZodHelper).ruleAtPath(unref(g), "collectible", [unref(l).type])],
                   items: unref(u).loyaltyRewards.items,
                   "model-value": unref(l).collectible,
-                  "onUpdate:modelValue": m[2] || (m[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 }, [
-                  _hoisted_1$6,
+                  p[12] || (p[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$l, {
                     class: "mt-[-8px]",
                     rules: [unref(ZodHelper).ruleAtPath(unref(g), "earningOption", [unref(l).type])],
@@ -1200,7 +1200,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                     "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
                     "fixed-type": !0,
                     "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": m[3] || (m[3] = (E) => l.value = {
+                    "onUpdate:modelValue": p[3] || (p[3] = (E) => l.value = {
                       ...unref(l),
                       earningOption: E
                     })
@@ -1216,7 +1216,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                     )) == null ? void 0 : V.raw.type) === "CREDIT",
                     rules: [unref(ZodHelper).ruleAtPath(unref(g), "validityOption", [unref(l).type])],
                     "model-value": unref(l).validityOption,
-                    "onUpdate:modelValue": m[4] || (m[4] = (E) => l.value = {
+                    "onUpdate:modelValue": p[4] || (p[4] = (E) => l.value = {
                       ...unref(l),
                       validityOption: E
                     })
@@ -1226,11 +1226,11 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                   key: 3,
                   "reward-image": unref(n),
                   "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": m[5] || (m[5] = (E) => l.value = {
+                  "onUpdate:modelValue": p[5] || (p[5] = (E) => l.value = {
                     ...unref(l),
                     collectibleConfig: E
                   }),
-                  "onUpdate:rewardImage": m[6] || (m[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"])
               ];
@@ -1245,7 +1245,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
 }), _hoisted_1$5 = {
   key: 0,
   class: "grid grid-cols-5 text-center gap-8 justify-between items-center w-full"
-}, _hoisted_2$4 = { class: "flex flex-col gap-0 items-center justify-center" }, _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", null, "🎁", -1), _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}, _hoisted_2$4 = { class: "flex flex-col gap-0 items-center justify-center" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "MissionProgress",
   props: {
     type: {
@@ -1266,17 +1266,17 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   setup(e) {
-    const c = e, { maxRange: a, currentRange: r, markers: u } = toRefs(c), s = computed(
-      () => Math.min(r.value / a.value * 100, 100)
+    const d = e, { maxRange: a, currentRange: s, markers: u } = toRefs(d), i = computed(
+      () => Math.min(s.value / a.value * 100, 100)
     ), o = (l) => l / a.value * 100;
     return (l, n) => {
-      const d = resolveComponent("FmIcon");
+      const m = resolveComponent("FmIcon");
       return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(a), 40), (g) => (openBlock(), createBlock(d, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(a), 40), (g) => (openBlock(), createBlock(m, {
           class: normalizeClass(
-            unref(r) >= g ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+            unref(s) >= g ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
           ),
-          outline: unref(r) < g,
+          outline: unref(s) < g,
           key: g,
           name: unref(u).some((y) => y === g) ? "featured_seasonal_and_gifts" : "check_circle"
         }, null, 8, ["class", "outline", "name"]))), 128))
@@ -1286,7 +1286,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
       }, [
         createElementVNode("div", {
           class: normalizeClass(["bg-fm-color-primary", "absolute top-0 left-0 h-full rounded-lg"]),
-          style: normalizeStyle({ width: unref(s) + "%" })
+          style: normalizeStyle({ width: unref(i) + "%" })
         }, null, 4),
         (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (g, y) => (openBlock(), createElementBlock("div", {
           key: y,
@@ -1297,7 +1297,7 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
             createElementVNode("div", {
               class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
             }),
-            _hoisted_3$4
+            n[0] || (n[0] = createElementVNode("div", null, "🎁", -1))
           ])
         ], 4))), 128))
       ]));
@@ -1305,19 +1305,19 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
   }
 }), isObject = (e) => e !== null && typeof e == "object";
 function changeKeysFactory(e) {
-  return function c(a, r = 1, u) {
-    if (r === 0 || !isObject(a))
+  return function d(a, s = 1, u) {
+    if (s === 0 || !isObject(a))
       return a;
     if (Array.isArray(a))
-      return a.map((o) => c(o, r - 1, u));
-    const s = Object.create(Object.getPrototypeOf(a));
+      return a.map((o) => d(o, s - 1, u));
+    const i = Object.create(Object.getPrototypeOf(a));
     return Object.keys(a).forEach((o) => {
-      const l = a[o], n = e(o, u), d = c(l, r - 1, u);
-      s[n] = d;
-    }), s;
+      const l = a[o], n = e(o, u), m = d(l, s - 1, u);
+      i[n] = m;
+    }), i;
   };
 }
-const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type given to your customer. ", -1), _hoisted_3$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$3 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$2 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1), _hoisted_6$2 = { class: "flex items-center gap-4" }, _hoisted_7$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_8$2 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Earn a stamp! ", -1), _hoisted_9$2 = { class: "flex items-center gap-16" }, _hoisted_10$2 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$3 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_4$2 = { class: "flex items-center gap-4" }, _hoisted_5$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_6$2 = { class: "flex items-center gap-16" }, _hoisted_7$1 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MissionPoolInput",
   props: {
     modelValue: {
@@ -1330,39 +1330,39 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = c, u = useMembershipStore(), s = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), o = computed(
-      () => a.modelValue.sort((i, f) => i.threshold - f.threshold) ?? []
+  setup(e, { emit: d }) {
+    const a = e, s = d, u = useMembershipStore(), i = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), o = computed(
+      () => a.modelValue.sort((r, c) => r.threshold - c.threshold) ?? []
     ), l = computed(() => {
-      const i = s.safeParse(o.value);
-      return i.success ? [] : i.error.errors;
+      const r = i.safeParse(o.value);
+      return r.success ? [] : r.error.errors;
     }), n = ref();
-    function d(i, f) {
+    function m(r, c) {
       var b;
-      const m = [...o.value];
-      m[f] = i, (b = n.value) == null || b.showSheet(!1), r("update:model-value", m);
+      const p = [...o.value];
+      p[c] = r, (b = n.value) == null || b.showSheet(!1), s("update:model-value", p);
     }
-    function g(i) {
-      const f = i.type == "VOUCHER" ? i.collectibleConfig : u.collectibles.find(
-        (b) => b._id.toString() == i.collectible
-      ), m = CollectionUtils.formattedType((f == null ? void 0 : f.name) || "");
+    function g(r) {
+      const c = r.type == "VOUCHER" ? r.collectibleConfig : u.collectibles.find(
+        (b) => b._id.toString() == r.collectible
+      ), p = CollectionUtils.formattedType((c == null ? void 0 : c.name) || "");
       return {
-        label: isNullOrEmpty(m) ? "NO REWARD" : m,
-        sublabel: `Reward at ${i.threshold} | Amount: ${i.earningOption.type == "FIXED" ? i.earningOption.amount : `${i.earningOption.amount} for every RM${i.earningOption.every} spent`} `
+        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(i) {
-      var m;
-      const f = [...o.value];
-      (m = n.value) == null || m.showSheet(!0, f[i], i);
+    function y(r) {
+      var p;
+      const c = [...o.value];
+      (p = n.value) == null || p.showSheet(!0, c[r], r);
     }
-    function v(i) {
-      const f = [...o.value];
-      f.splice(i, 1), r("update:model-value", f);
+    function v(r) {
+      const c = [...o.value];
+      c.splice(r, 1), s("update:model-value", c);
     }
     function h() {
-      var i;
-      (i = n.value) == null || i.showSheet(
+      var r;
+      (r = n.value) == null || r.showSheet(
         !0,
         {
           type: "LOYALTY",
@@ -1379,21 +1379,21 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         o.value.length
       );
     }
-    function p(i) {
-      var f, m;
-      return i.type == "VOUCHER" ? (f = i.collectibleConfig) == null ? void 0 : f.name : sentenceCase(
-        ((m = u.loyaltyRewards.items.find(
-          (b) => b.value == i.collectible
-        )) == null ? void 0 : m.label) || ""
+    function f(r) {
+      var c, p;
+      return r.type == "VOUCHER" ? (c = r.collectibleConfig) == null ? void 0 : c.name : sentenceCase(
+        ((p = u.loyaltyRewards.items.find(
+          (b) => b.value == r.collectible
+        )) == null ? void 0 : p.label) || ""
       );
     }
-    return (i, f) => {
-      const m = resolveComponent("FmButton"), b = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
+    return (r, c) => {
+      const p = resolveComponent("FmButton"), b = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        _hoisted_2$3,
-        createVNode(m, {
+        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(p, {
           label: "Add Reward",
-          onClick: f[0] || (f[0] = (k) => h()),
+          onClick: c[0] || (c[0] = (k) => h()),
           variant: "plain",
           icon: "add"
         }),
@@ -1405,10 +1405,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3$3, toDisplayString(g(k).label), 1),
-              createElementVNode("div", _hoisted_4$3, toDisplayString(g(k).sublabel), 1)
+              createElementVNode("div", _hoisted_2$3, toDisplayString(g(k).label), 1),
+              createElementVNode("div", _hoisted_3$3, toDisplayString(g(k).sublabel), 1)
             ]),
-            createVNode(m, {
+            createVNode(p, {
               icon: "delete",
               variant: "tertiary",
               onClick: (B) => (B.stopPropagation(), v(C))
@@ -1421,7 +1421,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           text: k.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
-        _hoisted_5$2,
+        c[3] || (c[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1)),
         (openBlock(), createBlock(b, {
           key: 0,
           variant: "outlined",
@@ -1430,20 +1430,20 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           default: withCtx(() => {
             var k, C;
             return [
-              createElementVNode("div", _hoisted_6$2, [
+              createElementVNode("div", _hoisted_4$2, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_7$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] ? p(e.modelValue[e.modelValue.length - 1]) : ""), 1),
-                  _hoisted_8$2
+                  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))
                 ])
               ]),
-              createElementVNode("div", _hoisted_9$2, [
+              createElementVNode("div", _hoisted_6$2, [
                 createVNode(_sfc_main$5, {
                   type: e.mission.type,
                   "max-range": e.mission.end,
                   currentRange: e.mission.end / 4,
                   markers: e.modelValue.map((B) => B.threshold)
                 }, null, 8, ["type", "max-range", "currentRange", "markers"]),
-                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_10$2, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
+                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_7$1, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
               ])
             ];
           }),
@@ -1452,20 +1452,20 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         createVNode(_sfc_main$6, {
           ref_key: "sheetRef",
           ref: n,
-          "onUpdate:modelValue": d,
+          "onUpdate:modelValue": m,
           "max-threshold": e.mission.end
         }, null, 8, ["max-threshold"])
       ]);
     };
   }
-}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1), _hoisted_4$2 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1), _hoisted_5$1 = { class: "grid grid-cols-2 gap-16" }, _hoisted_6$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_7$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_8$1 = { class: "space-y-8" }, _hoisted_9$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1), _hoisted_10$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1), _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_6$1 = { class: "space-y-8" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MissionInput",
   props: {
     modelValue: Object
   },
   emits: ["update:model-value"],
-  setup(e, { emit: c }) {
-    const a = e, r = computed(() => {
+  setup(e, { emit: d }) {
+    const a = e, s = computed(() => {
       const o = FdoMission.safeParse(a.modelValue);
       return o.success ? [] : o.error.errors;
     }), u = computed(() => [
@@ -1479,15 +1479,15 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         description: "Reward customers when they reach a cumulative spending goal.",
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
-    ]), s = c;
+    ]), i = d;
     return (o, l) => {
       var g;
-      const n = resolveComponent("FmCard"), d = resolveComponent("FmStepperField");
+      const n = resolveComponent("FmCard"), m = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("div", _hoisted_2$2, [
-          _hoisted_3$2,
-          _hoisted_4$2,
-          createElementVNode("div", _hoisted_5$1, [
+          l[1] || (l[1] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1)),
+          l[2] || (l[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
+          createElementVNode("div", _hoisted_3$2, [
             (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (y) => {
               var v, h;
               return openBlock(), createBlock(n, {
@@ -1498,40 +1498,40 @@ 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, i;
-                  ((p = e.modelValue) == null ? void 0 : p.type) != y.value && s("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: ((i = e.modelValue) == null ? void 0 : i.end) || 1
+                    end: ((r = e.modelValue) == null ? void 0 : r.end) || 1
                   });
                 },
                 key: y.value
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6$1, toDisplayString(y.label), 1),
-                  createElementVNode("div", _hoisted_7$1, toDisplayString(y.description), 1)
+                  createElementVNode("div", _hoisted_4$1, toDisplayString(y.label), 1),
+                  createElementVNode("div", _hoisted_5$1, toDisplayString(y.description), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "onClick"]);
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_8$1, [
-          _hoisted_9$1,
-          _hoisted_10$1,
-          createVNode(d, {
+        createElementVNode("div", _hoisted_6$1, [
+          l[3] || (l[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1)),
+          l[4] || (l[4] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
+          createVNode(m, {
             label: "Maximum to collect",
             "model-value": ((g = e.modelValue) == null ? void 0 : g.end) || null,
             "onUpdate:modelValue": l[0] || (l[0] = (y) => {
               var v;
-              return s("update:model-value", {
+              return i("update:model-value", {
                 ...e.modelValue,
                 type: ((v = e.modelValue) == null ? void 0 : v.type) || "STAMP",
                 end: y
               });
             }),
-            "helper-text": unref(ZodHelper).helperText(unref(r), "end") || "Set the threshold required for reward eligibility",
-            "helper-state": unref(ZodHelper).helperState(unref(r), "end") || "none"
+            "helper-text": unref(ZodHelper).helperText(unref(s), "end") || "Set the threshold required for reward eligibility",
+            "helper-state": unref(ZodHelper).helperState(unref(s), "end") || "none"
           }, null, 8, ["model-value", "helper-text", "helper-state"])
         ])
       ]);
@@ -1559,12 +1559,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value", "update:file"],
-  setup(e, { emit: c }) {
-    const { t: a } = useI18n(), r = e, u = c;
-    function s(d) {
-      switch (r.field.type) {
+  setup(e, { emit: d }) {
+    const { t: a } = useI18n(), s = e, u = d;
+    function i(m) {
+      switch (s.field.type) {
         case "timeframe":
-          const g = d.startDate ? hooks(d.startDate).startOf("day").toISOString() : void 0, y = d.endDate ? hooks(d.endDate).endOf("day").toISOString() : void 0;
+          const g = m.startDate ? hooks(m.startDate).startOf("day").toISOString() : void 0, y = m.endDate ? hooks(m.endDate).endOf("day").toISOString() : void 0;
           u("update:model-value", {
             type: "timeframe",
             property: "__now",
@@ -1575,63 +1575,63 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         case "image": {
           u(
             "update:file",
-            d,
-            o.value || firebaseStorage.collectibleImagePath(void 0, d)
+            m,
+            o.value || firebaseStorage.collectibleImagePath(void 0, m)
           );
           break;
         }
         default:
-          u("update:model-value", d);
+          u("update:model-value", m);
           break;
       }
     }
     const o = computed(() => {
-      switch (r.field.type) {
+      switch (s.field.type) {
         case "timeframe": {
-          const d = r.modelValue;
+          const m = s.modelValue;
           return {
-            startDate: d != null && d.start ? hooks(d == null ? void 0 : d.start).format("YYYY-MM-DD") : null,
-            endDate: d != null && d.end ? hooks(d == null ? void 0 : d.end).format("YYYY-MM-DD") : null
+            startDate: m != null && m.start ? hooks(m == null ? void 0 : m.start).format("YYYY-MM-DD") : null,
+            endDate: m != null && m.end ? hooks(m == null ? void 0 : m.end).format("YYYY-MM-DD") : null
           };
         }
         default:
-          return r.modelValue;
+          return s.modelValue;
       }
     });
     function l() {
       if (!n.value.schema) return [];
-      const d = n.value.schema.safeParse(r.modelValue);
-      return d.success ? [] : d.error.errors;
+      const m = n.value.schema.safeParse(s.modelValue);
+      return m.success ? [] : m.error.errors;
     }
     const n = computed(() => ({
-      schema: r.schema,
-      unwrapped: r.schema ? ZodHelper.unwrap(r.schema) : void 0,
-      rules: r.schema ? [ZodHelper.ruleAtPath(r.schema, "")] : void 0,
-      labelMark: r.schema && ZodHelper.isRequired(r.schema) == !1 ? "optional" : void 0,
-      zodLabel: r.schema ? ZodHelper.toInputLabel(r.schema, r.field.label) : void 0
+      schema: s.schema,
+      unwrapped: s.schema ? ZodHelper.unwrap(s.schema) : void 0,
+      rules: s.schema ? [ZodHelper.ruleAtPath(s.schema, "")] : void 0,
+      labelMark: s.schema && ZodHelper.isRequired(s.schema) == !1 ? "optional" : void 0,
+      zodLabel: s.schema ? ZodHelper.toInputLabel(s.schema, s.field.label) : void 0
     }));
-    return (d, g) => {
-      var f, m, b, x, k;
-      const y = resolveComponent("FmTextField"), v = resolveComponent("FmStepperField"), h = resolveComponent("FmTextarea"), p = resolveComponent("FmHelperText"), i = resolveComponent("FmSwitch");
+    return (m, g) => {
+      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),
         "label-mark": unref(n).labelMark,
         rules: unref(n).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "helper-state": e.helperText ? "error" : void 0,
         "helper-text": e.helperText
       }, null, 8, ["label", "label-mark", "rules", "model-value", "helper-state", "helper-text"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         createVNode(JsonViewer, {
-          json: { schema: unref(n).unwrapped, props: r }
+          json: { schema: unref(n).unwrapped, props: s }
         }, null, 8, ["json"]),
         createVNode(v, {
           label: unref(a)(e.field.label),
           "label-mark": e.field.isRuleChildren ? void 0 : unref(n).labelMark,
           "model-value": unref(o),
           rules: e.field.isRuleChildren ? [] : unref(n).rules,
-          "onUpdate:modelValue": s,
+          "onUpdate:modelValue": i,
           "helper-state": e.field.isRuleChildren && e.helperText ? "error" : void 0,
           "helper-text": e.field.isRuleChildren ? e.helperText : void 0
         }, null, 8, ["label", "label-mark", "model-value", "rules", "helper-state", "helper-text"])
@@ -1641,21 +1641,21 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         "label-mark": unref(n).labelMark,
         rules: unref(n).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "show-word-count": "",
-        "max-length": (k = (x = (b = (m = (f = unref(n)) == null ? void 0 : f.unwrapped) == null ? void 0 : m._def) == null ? void 0 : b.checks) == null ? void 0 : x.find((C) => C.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,
         "model-value": unref(o),
         disabled: e.disabled,
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createVNode(_sfc_main$e, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        createVNode(p, {
+        createVNode(f, {
           class: "!mt-[8px]",
           text: unref(ZodHelper).helperText(l(), ""),
           state: unref(ZodHelper).helperState(l(), "")
@@ -1665,13 +1665,13 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         thumbnail: unref(o),
         "aspect-ratio": "16 / 9",
         class: "w-1/2 xs:w-2/3",
-        "onUpdate:file": s
+        "onUpdate:file": i
       }, {
         label: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(unref(n).zodLabel)))
         ]),
         _: 1
-      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(i, {
+      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(r, {
         key: 6,
         label: unref(a)(e.field.label),
         "label-placement": "right",
@@ -1679,25 +1679,25 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         "label-mark": unref(n).labelMark,
         rules: unref(n).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$p, {
         key: 7,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "no-campaign": !1,
         schema: unref(n).schema,
         "is-mission": e.extras === "MISSION"
       }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$q, {
         key: 8,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
         createVNode(_sfc_main$r, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s,
+          "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"),
@@ -1706,58 +1706,59 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$s, {
         key: 10,
         "allow-email": !0,
+        "allow-whatsapp": !0,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "helper-text": unref(ZodHelper).helperText(l(), ""),
         "trigger-type": e.field.extras,
         "helper-state": unref(ZodHelper).helperState(l(), "")
       }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$l, {
         key: 11,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         extras: e.extras,
         "error-text": e.helperText
       }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$m, {
         key: 12,
         type: "custom",
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "helper-text": e.helperText || unref(ZodHelper).helperText(l(), "")
       }, null, 8, ["model-value", "helper-text"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$c, {
         key: 13,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$a, {
         key: 14,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
         key: 15,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
         key: 16,
         "model-value": unref(o),
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
         key: 17,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         "helper-text": unref(ZodHelper).helperText(l(), ""),
         "helper-state": unref(ZodHelper).helperState(l(), "")
       }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
         key: 18,
         "model-value": unref(o),
-        "onUpdate:modelValue": s,
+        "onUpdate:modelValue": i,
         mission: e.extras.mission
       }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
         createVNode(_sfc_main$d, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s,
+          "onUpdate:modelValue": i,
           "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,
@@ -1766,25 +1767,25 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
         createVNode(_sfc_main$t, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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}`
         }, null, 8, ["text"])) : createCommentVNode("", !0),
         createVNode(_sfc_main$i, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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,
@@ -1793,9 +1794,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
         createVNode(_sfc_main$u, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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,
@@ -1804,9 +1805,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
         createVNode(_sfc_main$v, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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,
@@ -1815,9 +1816,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 24 }, [
         createVNode(_sfc_main$h, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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,
@@ -1826,18 +1827,18 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
         createVNode(_sfc_main$9, {
           "model-value": unref(o),
-          "onUpdate:modelValue": s
+          "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)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(r.field), 1));
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(s.field), 1));
     };
   }
-}), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = /* @__PURE__ */ createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1), _hoisted_3$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_4$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CampaignSummary",
   props: {
     data: {
@@ -1846,23 +1847,23 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   setup(e) {
-    const { t: c, te: a } = useI18n();
-    return (r, u) => {
-      const s = resolveComponent("FmCard");
-      return openBlock(), createBlock(s, {
+    const { t: d, te: a } = useI18n();
+    return (s, u) => {
+      const i = resolveComponent("FmCard");
+      return openBlock(), createBlock(i, {
         variant: "outlined",
         class: "p-16 space-y-8"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(c)("connect.campaign.common.summary")), 1),
-          _hoisted_2$1,
+          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(d)("connect.campaign.common.summary")), 1),
+          u[0] || (u[0] = createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1)),
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (o, l) => (openBlock(), createElementBlock("div", {
             class: "space-y-4",
             key: l
           }, [
             o ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(c)(`${l}`)), 1),
-              createElementVNode("div", _hoisted_4$1, toDisplayString(unref(a)(`${o}`) ? unref(c)(`${o}`) : o), 1)
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(d)(`${l}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(a)(`${o}`) ? unref(d)(`${o}`) : o), 1)
             ], 64)) : createCommentVNode("", !0)
           ]))), 128))
         ]),
@@ -1873,28 +1874,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
 }), _hoisted_1 = { class: "xs:hidden px-24 pb-[14px] pt-[22px] flex items-center justify-between w-full border-b" }, _hoisted_2 = { class: "flex items-center gap-8" }, _hoisted_3 = {
   key: 0,
   class: "max-w-6xl mx-auto"
-}, _hoisted_4 = { class: "hidden xs:flex gap-8 items-center w-full px-16 py-8 border-b border-fm-color-neutral-gray-100" }, _hoisted_5 = { class: "grid grid-cols-3 gap-40" }, _hoisted_6 = { class: "col-span-2 space-y-40 xs:col-span-3 xs:px-16 xs:pt-16" }, _hoisted_7 = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, _hoisted_8 = { class: "w-full flex items-center justify-end gap-8 pb-24" }, _hoisted_9 = { class: "max-w-6xl mx-auto rounded-md p-4 w-full" }, _hoisted_10 = { class: "animate-pulse flex space-x-4 pt-16" }, _hoisted_11 = { class: "grid grid-cols-3 w-full gap-40" }, _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
-    /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
-    /* @__PURE__ */ createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
-    /* @__PURE__ */ createElementVNode("div", { class: "space-y-3" }, [
-      /* @__PURE__ */ createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
-        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
-        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
-      ]),
-      /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
-    ]),
-    /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
-    /* @__PURE__ */ createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
-    /* @__PURE__ */ createElementVNode("div", { class: "space-y-3" }, [
-      /* @__PURE__ */ createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
-        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
-        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
-      ]),
-      /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
-    ])
-  ])
-], -1), _sfc_main = /* @__PURE__ */ defineComponent({
+}, _hoisted_4 = { class: "hidden xs:flex gap-8 items-center w-full px-16 py-8 border-b border-fm-color-neutral-gray-100" }, _hoisted_5 = { class: "grid grid-cols-3 gap-40" }, _hoisted_6 = { class: "col-span-2 space-y-40 xs:col-span-3 xs:px-16 xs:pt-16" }, _hoisted_7 = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, _hoisted_8 = { class: "w-full flex items-center justify-end gap-8 pb-24" }, _hoisted_9 = { class: "max-w-6xl mx-auto rounded-md p-4 w-full" }, _hoisted_10 = { class: "animate-pulse flex space-x-4 pt-16" }, _hoisted_11 = { class: "grid grid-cols-3 w-full gap-40" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditCampaignSheet",
   emits: ["submit:model-value"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1902,7 +1882,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       TEMPLATES.VOUCHER
     ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign");
     async function showSheet(visible, type, campaign, selectedTemplate) {
-      var e, c;
+      var e, d;
       if (sheetVisible.value = visible, visible == !0) {
         try {
           isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
@@ -1910,16 +1890,16 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         } finally {
           await new Promise((a) => setTimeout(a, 120)), isLoading.value = !1;
         }
-        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((a, r) => {
+        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((a, s) => {
           a.campaign.type === "VOUCHER" && a.campaign.code && useCampaignStore().campaigns.voucher.some(
             (u) => u.code === a.campaign.code && u._id.toString() !== a.campaign._id.toString()
-          ) && r.addIssue({
+          ) && s.addIssue({
             code: "custom",
             message: "Code already exists, please use another code",
             path: ["campaign", "code"]
           });
         })), data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
-          ...(c = template.value) == null ? void 0 : c.defaultValue
+          ...(d = template.value) == null ? void 0 : d.defaultValue
         }), "configs" in data.value && typeof data.value.configs == "string" && (data.value.configs = eval(data.value.configs)), data.value = cleanPF(data.value), data.value.templateId = SvcConfig.getBusinessId(), data.value.campaign.business = SvcConfig.getBusinessId(), data.value.campaign.templateId = SvcConfig.getBusinessId(), "configs" in data.value && (data.value.configs.business = SvcConfig.getBusinessId()), currentStep.value = 1, sheetTitle.value = campaign ? `Edit ${CampaignOptions[type].name} Campaign` : `Create ${CampaignOptions[type].name} Campaign`;
       }
     }
@@ -1946,10 +1926,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       return e.success ? [] : e.error.errors;
     });
     function stepErrors(e = currentStep.value - 1) {
-      const c = template.value.steps[e].groups.flatMap(
-        (a) => a.fields.map((r) => r.property)
+      const d = template.value.steps[e].groups.flatMap(
+        (a) => a.fields.map((s) => s.property)
+      );
+      return errors.value.filter(
+        (a) => d.some((s) => a.path.join(".").includes(s))
       );
-      return errors.value.filter((a) => c.includes(a.path.join(".")));
     }
     __expose({ showSheet });
     function showSummaryDialog() {
@@ -1961,11 +1943,11 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }
       });
     }
-    function onUpdateProperty(e, c) {
-      var a, r, u, s, o, l, n, d;
-      if (_.set(data.value, e, c), e == "campaign.event.type") {
-        const y = ((s = (u = (r = (a = template.value) == null ? void 0 : a.defaultValue) == null ? void 0 : r.campaign) == null ? void 0 : u.event) == null ? void 0 : s.rule) ? _.cloneDeep({
-          ...(d = (n = (l = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : l.campaign) == null ? void 0 : n.event) == null ? void 0 : d.rule
+    function onUpdateProperty(e, d) {
+      var a, s, u, i, o, l, n, m;
+      if (_.set(data.value, e, d), e == "campaign.event.type") {
+        const y = ((i = (u = (s = (a = template.value) == null ? void 0 : a.defaultValue) == null ? void 0 : s.campaign) == null ? void 0 : u.event) == null ? void 0 : i.rule) ? _.cloneDeep({
+          ...(m = (n = (l = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : l.campaign) == null ? void 0 : n.event) == null ? void 0 : m.rule
         }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
           RuleBuilder.scaffoldGroup("g_schedule"),
           RuleBuilder.scaffoldGroup("g_time"),
@@ -1983,7 +1965,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           ],
           "&&"
         );
-        if (c != "SCHEDULE") {
+        if (d != "SCHEDULE") {
           _.set(data.value, "campaign.event.rule", y);
           return;
         }
@@ -1993,19 +1975,19 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           RuleBuilder.setRuleToGroup(y, v)
         );
       }
-      e == "campaign.notify" && c == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+      e == "campaign.notify" && d == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
     }
-    async function onUpdateFile(e, c) {
-      return e ? await minor(async () => firebaseStorage.update(c, e), {
+    async function onUpdateFile(e, d) {
+      return e ? await minor(async () => firebaseStorage.update(d, e), {
         message: `${e ? "Uploading" : "Removing"} file`,
         successMessage: `File ${e ? "uploaded" : "removed"} successfully`
       }) : "";
     }
     function isDisable(e) {
-      var c, a;
+      var d, a;
       switch (e == null ? void 0 : e.property) {
         case "campaign.event.type":
-          return ((a = (c = data.value) == null ? void 0 : c.campaign) == null ? void 0 : a._id) || !1;
+          return ((a = (d = data.value) == null ? void 0 : d.campaign) == null ? void 0 : a._id) || !1;
         default:
           return !1;
       }
@@ -2014,14 +1996,14 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
       e.success && (emits("submit:model-value", cleanPF(JSON.parse(JSON.stringify(e.data)))), sheetVisible.value = !1);
     }
-    return (e, c) => {
-      const a = resolveComponent("FmButton"), r = resolveComponent("FmStep"), u = resolveComponent("FmStepper"), s = resolveComponent("FmCard"), o = resolveComponent("FmTopSheet");
+    return (e, d) => {
+      const a = resolveComponent("FmButton"), s = resolveComponent("FmStep"), u = resolveComponent("FmStepper"), i = resolveComponent("FmCard"), o = resolveComponent("FmTopSheet");
       return openBlock(), createBlock(o, {
         "fullscreen-size": "lg",
         modelValue: unref(sheetVisible),
         "onUpdate:modelValue": [
-          c[7] || (c[7] = (l) => isRef(sheetVisible) ? sheetVisible.value = l : null),
-          c[8] || (c[8] = (l) => sheetVisible.value = l)
+          d[7] || (d[7] = (l) => isRef(sheetVisible) ? sheetVisible.value = l : null),
+          d[8] || (d[8] = (l) => sheetVisible.value = l)
         ]
       }, createSlots({
         "top-sheet-header": withCtx(() => [
@@ -2029,7 +2011,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
             createElementVNode("div", _hoisted_2, [
               createVNode(a, {
-                onClick: c[0] || (c[0] = (l) => hideSheet()),
+                onClick: d[0] || (d[0] = (l) => hideSheet()),
                 label: unref(t)("connect.campaign.common.cancel"),
                 variant: "tertiary"
               }, null, 8, ["label"]),
@@ -2049,8 +2031,29 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             createElementVNode("div", _hoisted_9, [
               createElementVNode("div", _hoisted_10, [
                 createElementVNode("div", _hoisted_11, [
-                  _hoisted_12,
-                  createVNode(s, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                  d[9] || (d[9] = createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
+                    createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ]),
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ])
+                    ])
+                  ], -1)),
+                  createVNode(i, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
                 ])
               ])
             ])
@@ -2062,12 +2065,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createVNode(u, {
                 modelValue: unref(currentStep),
-                "onUpdate:modelValue": c[1] || (c[1] = (l) => isRef(currentStep) ? currentStep.value = l : null),
+                "onUpdate:modelValue": d[1] || (d[1] = (l) => isRef(currentStep) ? currentStep.value = l : null),
                 orientation: "horizontal",
                 class: "xs:hidden mx-[-24px] mt-16 mb-24 flex-1"
               }, {
                 default: withCtx(() => [
-                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, n) => (openBlock(), createBlock(r, {
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, n) => (openBlock(), createBlock(s, {
                     key: l.name,
                     title: unref(t)(l.name),
                     value: n + 1,
@@ -2081,16 +2084,16 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                 createVNode(a, {
                   icon: "close",
                   variant: "tertiary",
-                  onClick: c[2] || (c[2] = (l) => sheetVisible.value = !1)
+                  onClick: d[2] || (d[2] = (l) => sheetVisible.value = !1)
                 }),
                 createVNode(u, {
                   modelValue: unref(currentStep),
-                  "onUpdate:modelValue": c[3] || (c[3] = (l) => isRef(currentStep) ? currentStep.value = l : null),
+                  "onUpdate:modelValue": d[3] || (d[3] = (l) => isRef(currentStep) ? currentStep.value = l : null),
                   orientation: "horizontal",
                   class: "flex-1"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, n) => (openBlock(), createBlock(r, {
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, n) => (openBlock(), createBlock(s, {
                       key: l.name,
                       title: unref(sheetTitle),
                       description: unref(t)(l.name),
@@ -2104,7 +2107,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                 createVNode(a, {
                   icon: "info",
                   variant: "tertiary",
-                  onClick: c[4] || (c[4] = () => showSummaryDialog())
+                  onClick: d[4] || (d[4] = () => showSummaryDialog())
                 })
               ]),
               createElementVNode("div", _hoisted_5, [
@@ -2128,25 +2131,25 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                     class: "space-y-24"
                   }, [
                     createElementVNode("div", _hoisted_7, toDisplayString(l.name ? unref(t)(l.name) : ""), 1),
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(l.fields, (d, g) => (openBlock(), createElementBlock("div", { key: g }, [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(l.fields, (m, g) => (openBlock(), createElementBlock("div", { key: g }, [
                       (openBlock(), createBlock(_sfc_main$2, {
                         key: g,
-                        field: d,
-                        modelValue: unref(_).get(unref(data), d.property),
-                        disabled: isDisable(d),
-                        "onUpdate:modelValue": (y) => onUpdateProperty(d.property, y),
+                        field: m,
+                        modelValue: unref(_).get(unref(data), m.property),
+                        disabled: isDisable(m),
+                        "onUpdate:modelValue": (y) => onUpdateProperty(m.property, y),
                         "onUpdate:file": async (y, v) => {
                           const h = await onUpdateFile(y, v);
-                          onUpdateProperty(d.property, h || "");
+                          onUpdateProperty(m.property, h || "");
                         },
                         schema: unref(ZodHelper).typeAtPath(
                           unref(schema),
-                          d.property,
+                          m.property,
                           unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
                         ),
-                        "helper-state": unref(ZodHelper).helperState(unref(errors), d.property),
-                        "helper-text": unref(ZodHelper).helperText(unref(errors), d.property),
-                        extras: d.extras != null ? d.extras == "" ? unref(data) : unref(_).get(unref(data), d.extras) : void 0
+                        "helper-state": unref(ZodHelper).helperState(unref(errors), m.property),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), m.property),
+                        extras: m.extras != null ? m.extras == "" ? unref(data) : unref(_).get(unref(data), m.extras) : void 0
                       }, null, 8, ["field", "modelValue", "disabled", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
                     ]))), 128))
                   ]))), 128)),
@@ -2155,12 +2158,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                       label: "Back",
                       variant: "tertiary",
                       disabled: unref(currentStep) == 1,
-                      onClick: c[5] || (c[5] = (l) => currentStep.value--)
+                      onClick: d[5] || (d[5] = (l) => currentStep.value--)
                     }, null, 8, ["disabled"]),
                     createVNode(a, {
                       disabled: unref(currentStep) - 1 < unref(template).steps.length - 1 ? stepErrors().length > 0 : unref(errors).length > 0,
                       label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? "Next" : "Submit",
-                      onClick: c[6] || (c[6] = (l) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                      onClick: d[6] || (d[6] = (l) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
                     }, null, 8, ["disabled", "label"])
                   ])
                 ]),