@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-DoZyevfa.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-BYoaa_-x.js}

@@ -1,33 +1,36 @@
 import { defineComponent, computed, openBlock, createBlock, unref, ref, watch, resolveComponent, createElementBlock, createElementVNode, Fragment, renderList, createVNode, isRef, createCommentVNode, withCtx, normalizeClass, toDisplayString, renderSlot, createTextVNode, resolveDynamicComponent, toRefs, normalizeStyle, createSlots } from "vue";
 import { _ } from "./lodash-B5I3zXaY.js";
-import { z } from "./app--1Ks5Hms.js";
-import { Z as ZodHelper, _ as _sfc_main$u } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
-import { c as getCampaignSummaryObject, d as campaignRefinement, e as CampaignDtos, C as CampaignOptions, f as campaignTransform } from "./dto-X0Eeujxx.js";
-import { u as useMembershipStore, C as CollectibleOptions } from "./membership-BHWJVI3e.js";
-import { u as useBusinessStore } from "./business-DGL4Ayx0.js";
-import { a as FdoEarningOption, b as F_GAME_TYPE, F as FdtoCollectibleConfig } from "./index-BQ6isIeo.js";
-import { i as isRuleGroup, R as RuleBuilder, a as isRuleEntry } from "./rule-builder-BsBCWzq_.js";
+import { z } from "./app-wE5HTF_Y.js";
+import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
+import { c as getCampaignSummaryObject, d as campaignRefinement, e as CampaignDtos, C as CampaignOptions, f as campaignTransform } from "./dto-Ew1QwLci.js";
+import { u as useMembershipStore, C as CollectibleOptions } from "./membership-DaiVw9qF.js";
+import { u as useBusinessStore } from "./business-DSv8zM8C.js";
+import { a as FdoEarningOption, b as F_GAME_TYPE, F as FdtoCollectibleConfig } from "./index-_3qBsogG.js";
+import { i as isRuleGroup, R as RuleBuilder, a as isRuleEntry } from "./rule-builder-B6og27Q1.js";
 import { J as JsonViewer } from "./JsonViewer-v8_C7l5N.js";
 import { h as hooks } from "./moment-BWErdI6_.js";
-import { b as F_CAMPAIGN_TRIGGER_TYPE, C as CAMPAIGN_TRIGGER, c as FdoCreditLoyaltyReward, d as FdtoRandomReward, e as F_MISSION_TYPE, f as FdtoThresholdReward, g as FdoMission, h as featureVersionMapping } from "./index-BPEV5Tzg.js";
-import { _ as _sfc_main$v } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { _ as _sfc_main$w, a as _sfc_main$x, b as _sfc_main$z } from "./EffectSheet.vue_vue_type_style_index_0_lang-D5DNTBSQ.js";
-import { _ as _sfc_main$y } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-CoMQBL4P.js";
-import { _ as _sfc_main$r, a as _sfc_main$s, b as _sfc_main$t } from "./RuleGroup.vue_vue_type_script_setup_true_lang-_RX1J0Br.js";
-import { p as prompt, c as cases, f as firebaseStorage, u as useLoading } from "./loading-GuXe5bYG.js";
-import { _ as _sfc_main$q, T as TEMPLATES } from "./index-tZ1aqhks.js";
-import { _ as _sfc_main$A } from "./MessageInput.vue_vue_type_script_setup_true_lang-Bk2HLVmt.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-MgNa_8FF.js";
-import { c as core, S as SvcConfig } from "./index-DWM9MWGj.js";
-import "./index-CFMBSL24.js";
-import "./index-CpwFQFTV.js";
-import "./index-BGuLhEym.js";
-import "./index-BcWJcD9f.js";
+import { b as F_CAMPAIGN_TRIGGER_TYPE, C as CAMPAIGN_TRIGGER, c as FdoCreditLoyaltyReward, d as FdtoRandomReward, e as F_MISSION_TYPE, f as FdtoThresholdReward, g as FdoMission, h as featureVersionMapping } from "./index-D-2nFLsg.js";
+import { _ as _sfc_main$v } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import { _ as _sfc_main$w, a as _sfc_main$x, b as _sfc_main$z } from "./EffectSheet.vue_vue_type_style_index_0_lang-CzEtOmp0.js";
+import { _ as _sfc_main$y } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DEb4OBcX.js";
+import { _ as _sfc_main$r, a as _sfc_main$s, b as _sfc_main$t } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Bruh-umZ.js";
+import { p as prompt, c as cases, f as firebaseStorage, u as useLoading } from "./loading-Ds-yFYhc.js";
+import { _ as _sfc_main$q, T as TEMPLATES } from "./index-z0IfdrZk.js";
+import { u as useI18n } from "./vue-i18n-BTlOChXs.js";
+import { _ as _sfc_main$A } from "./MessageInput.vue_vue_type_script_setup_true_lang-e-zWg08J.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-Cd2M6Ri2.js";
+import { r, S as SvcConfig } from "./index-Dy4pmQpt.js";
+import "./index-DBMaUGYI.js";
+import "./index-DH_1nOJ_.js";
+import "./index-BQm0C3Jm.js";
+import "./index-C0lpADCo.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { i as initCollectibleConfig } from "./helper-CUDWQ8vq.js";
-import { C as CollectionUtils } from "./collection.fn-BHJ1ISqO.js";
+import { _ as _sfc_main$u } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DWuAODUF.js";
+import { i as initCollectibleConfig } from "./helper-Sz7oQ0F4.js";
+import { C as CollectionUtils } from "./collection.fn-BxVZQAx0.js";
 import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
 import { useDialog } from "@feedmepos/ui-library";
+import { u as useCampaignStore } from "./campaign-7y5qquHZ.js";
 import { a as cleanPF } from "./object-qECH92oz.js";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SegmentConfigurator",
@@ -38,27 +41,27 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = computed(() => {
-      var t;
-      const [s] = isRuleGroup(n.modelValue) ? Object.values(((t = n.modelValue) == null ? void 0 : t.rules) ?? {}) : [null];
-      return (s ?? RuleBuilder.constructEntry("user.segment", "_hasAny", [])).conditions._hasAny;
-    }), o = i;
-    return (s, l) => (openBlock(), createBlock(_sfc_main$q, {
+  setup(e, { emit: c }) {
+    const s = e, u = computed(() => {
+      var o;
+      const [i] = isRuleGroup(s.modelValue) ? Object.values(((o = s.modelValue) == null ? void 0 : o.rules) ?? {}) : [null];
+      return (i ?? RuleBuilder.constructEntry("user.segment", "_hasAny", [])).conditions._hasAny;
+    }), a = c;
+    return (i, l) => (openBlock(), createBlock(_sfc_main$q, {
       multiselect: !0,
       items: unref(useMembershipStore)().segmentOptions,
-      "model-value": unref(r),
-      "onUpdate:modelValue": l[0] || (l[0] = (t) => o(
+      "model-value": unref(u),
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => a(
         "update:model-value",
         unref(RuleBuilder).setRuleToGroup(
           unref(RuleBuilder).scaffoldGroup("g_segment"),
-          unref(RuleBuilder).constructEntry("user.segment", "_hasAny", t)
+          unref(RuleBuilder).constructEntry("user.segment", "_hasAny", o)
         )
       )),
       label: "Select segment(s) to match"
     }, null, 8, ["items", "model-value"]));
   }
-}), _hoisted_1$k = { class: "space-y-16" }, _hoisted_2$h = { key: 0 }, _sfc_main$o = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$k = { class: "space-y-16" }, _hoisted_2$e = { key: 0 }, _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "UserRuleGroup",
   props: {
     modelValue: {
@@ -68,75 +71,78 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = ref(
-      n.modelValue ? RuleBuilder.getRules(n.modelValue.rules.g_user).length > 0 ? "custom" : RuleBuilder.getRules(n.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
-    ), s = [
+  setup(e, { emit: c }) {
+    const { t: s } = useI18n(), u = e, a = c, i = ref(
+      u.modelValue ? RuleBuilder.getRules(u.modelValue.rules.g_user).length > 0 ? "custom" : RuleBuilder.getRules(u.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
+    ), l = [
       {
         value: "all_users",
-        label: "All audience"
+        label: s("connect.template.rule.audience.all")
       },
       {
         value: "segment",
-        label: "Member segment"
+        label: s("connect.template.rule.audience.member_segment")
       },
       {
         value: "custom",
-        label: "Custom audience"
+        label: s("connect.template.rule.audience.custom_audience")
       }
     ];
-    return watch(o, async (l, t) => {
-      var a;
-      if (t != "all_users" && t != l && RuleBuilder.getRules(
-        (a = n.modelValue) == null ? void 0 : a.rules[t == "custom" ? "g_user" : "g_segment"]
+    return watch(i, async (o, n) => {
+      var p;
+      if (n != "all_users" && n != o && RuleBuilder.getRules(
+        (p = u.modelValue) == null ? void 0 : p.rules[n == "custom" ? "g_user" : "g_segment"]
       ).length > 0) {
-        const f = await prompt.confirm(
-          "Are you sure you want to change the audience type? This will remove all the rules you have set."
+        const h = await prompt.confirm(
+          s("connect.template.rule.audience.confirm_remove"),
+          s("connect.common.confirm"),
+          s("connect.common.confirm"),
+          s("connect.common.cancel")
         );
-        f && r(
+        h && a(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            n.modelValue ?? RuleBuilder.scaffoldGroup(),
-            RuleBuilder.scaffoldGroup(t == "custom" ? "g_user" : "g_segment")
+            u.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup(n == "custom" ? "g_user" : "g_segment")
           )
-        ), o.value = f ? l : t;
+        ), i.value = h ? o : n;
       }
-    }), (l, t) => {
-      var f, v;
-      const a = resolveComponent("FmRadio");
+    }), (o, n) => {
+      var h, y;
+      const p = resolveComponent("FmRadio");
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("div", null, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(s, (m) => createVNode(a, {
-            key: m.value,
-            value: m.value,
-            label: m.label,
-            modelValue: unref(o),
-            "onUpdate:modelValue": t[0] || (t[0] = (g) => isRef(o) ? o.value = g : null)
+          (openBlock(), createElementBlock(Fragment, null, renderList(l, (g) => createVNode(p, {
+            key: g.value,
+            value: g.value,
+            label: g.label,
+            modelValue: unref(i),
+            "onUpdate:modelValue": n[0] || (n[0] = (V) => isRef(i) ? i.value = V : null)
           }, null, 8, ["value", "label", "modelValue"])), 64))
         ]),
-        unref(o) == "segment" ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+        unref(i) == "segment" ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createVNode(_sfc_main$p, {
-            modelValue: ((f = e.modelValue) == null ? void 0 : f.rules.g_segment) ?? unref(RuleBuilder).scaffoldGroup("g_segment"),
-            "onUpdate:modelValue": t[1] || (t[1] = (m) => r(
+            modelValue: ((h = e.modelValue) == null ? void 0 : h.rules.g_segment) ?? unref(RuleBuilder).scaffoldGroup("g_segment"),
+            "onUpdate:modelValue": n[1] || (n[1] = (g) => a(
               "update:model-value",
               unref(RuleBuilder).setRuleToGroup(
                 e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-                m,
+                g,
                 "&&"
               )
             ))
           }, null, 8, ["modelValue"])
         ])) : createCommentVNode("", !0),
-        unref(o) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
+        unref(i) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
           key: 1,
           "include-only": "user",
           "trigger-type": "MEMBERSHIP_JOINED",
-          "model-value": ((v = e.modelValue) == null ? void 0 : v.rules.g_user) ?? unref(RuleBuilder).scaffoldGroup("g_user"),
-          "onUpdate:modelValue": t[2] || (t[2] = (m) => r(
+          "model-value": ((y = e.modelValue) == null ? void 0 : y.rules.g_user) ?? unref(RuleBuilder).scaffoldGroup("g_user"),
+          "onUpdate:modelValue": n[2] || (n[2] = (g) => a(
             "update:model-value",
             unref(RuleBuilder).setRuleToGroup(
               e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              m,
+              g,
               "&&"
             )
           ))
@@ -154,77 +160,83 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = ref(
-      !n.modelValue || !n.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(n.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+  setup(e, { emit: c }) {
+    const { t: s } = useI18n(), u = e, a = c, i = ref(
+      !u.modelValue || !u.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(u.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
     );
-    watch(o, async (l, t) => {
-      var a;
-      if (t == "custom" && l == "all_time" && RuleBuilder.getRules((a = n.modelValue) == null ? void 0 : a.rules.g_time).length > 0) {
-        const f = await prompt.confirm(
-          "Are you sure you want to turn off custom conditons? This will remove all the rules you have set."
+    watch(i, async (o, n) => {
+      var p;
+      if (n == "custom" && o == "all_time" && RuleBuilder.getRules((p = u.modelValue) == null ? void 0 : p.rules.g_time).length > 0) {
+        const h = await prompt.confirm(
+          s("connect.template.rule.time.confirm_remove"),
+          s("connect.common.confirm"),
+          s("connect.common.confirm"),
+          s("connect.common.cancel")
         );
-        f && r(
+        h && a(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            n.modelValue ?? RuleBuilder.scaffoldGroup(),
+            u.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
-        ), o.value = f ? l : t;
+        ), i.value = h ? o : n;
       }
     });
-    async function s(l) {
-      var t;
-      if (l == "custom" && RuleBuilder.getRules((t = n.modelValue) == null ? void 0 : t.rules.g_time).length > 0) {
+    async function l(o) {
+      var n;
+      if (o == "custom" && RuleBuilder.getRules((n = u.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
         if (!await prompt.confirm(
-          "Are you sure you want to turn off custom conditons? This will remove all the rules you have set."
+          s("connect.template.rule.time.confirm_remove"),
+          s("connect.common.confirm"),
+          s("connect.common.confirm"),
+          s("connect.common.cancel")
         )) {
-          o.value = "all_time";
+          i.value = "all_time";
           return;
         }
-        r(
+        a(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            n.modelValue ?? RuleBuilder.scaffoldGroup(),
+            u.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
         );
       }
     }
-    return (l, t) => {
-      var v;
-      const a = resolveComponent("FmRadio"), f = resolveComponent("FmRadioGroup");
+    return (o, n) => {
+      var y;
+      const p = resolveComponent("FmRadio"), h = resolveComponent("FmRadioGroup");
       return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createVNode(f, {
-          modelValue: unref(o),
+        createVNode(h, {
+          modelValue: unref(i),
           "onUpdate:modelValue": [
-            t[0] || (t[0] = (m) => isRef(o) ? o.value = m : null),
-            t[1] || (t[1] = (m) => s(m))
+            n[0] || (n[0] = (g) => isRef(i) ? i.value = g : null),
+            n[1] || (n[1] = (g) => l(g))
           ]
         }, {
           default: withCtx(() => [
-            createVNode(a, {
-              label: "All time",
+            createVNode(p, {
+              label: unref(s)("connect.template.rule.time.all_time"),
               value: "all_time"
-            }),
-            createVNode(a, {
-              label: "Custom date/time",
+            }, null, 8, ["label"]),
+            createVNode(p, {
+              label: unref(s)("connect.template.rule.time.custom"),
               value: "custom"
-            })
+            }, null, 8, ["label"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        unref(o) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
+        unref(i) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
           key: 0,
           class: "!mt-[0px]",
           "include-only": "trigger",
           "trigger-type": "SCHEDULE",
-          "model-value": ((v = e.modelValue) == null ? void 0 : v.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
-          "onUpdate:modelValue": t[2] || (t[2] = (m) => r(
+          "model-value": ((y = e.modelValue) == null ? void 0 : y.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": n[2] || (n[2] = (g) => a(
             "update:model-value",
             unref(RuleBuilder).setRuleToGroup(
               e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              m,
+              g,
               "&&"
             )
           ))
@@ -242,15 +254,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = i;
-    return (r, o) => {
-      var s;
+  setup(e, { emit: c }) {
+    const s = c;
+    return (u, a) => {
+      var i;
       return openBlock(), createBlock(_sfc_main$r, {
         "include-only": "bill",
         "trigger-type": "BILL_COMPLETED",
-        "model-value": ((s = e.modelValue) == null ? void 0 : s.rules.g_bill) ?? unref(RuleBuilder).scaffoldGroup("g_bill"),
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => n(
+        "model-value": ((i = e.modelValue) == null ? void 0 : i.rules.g_bill) ?? unref(RuleBuilder).scaffoldGroup("g_bill"),
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => s(
           "update:model-value",
           unref(RuleBuilder).setRuleToGroup(
             e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
@@ -269,29 +281,29 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = computed(() => {
-      const { property: s, operator: l, equator: t } = RuleBuilder.simplify(
-        n.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = computed(() => {
+      const { property: i, operator: l, equator: o } = RuleBuilder.simplify(
+        s.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
           op: "before",
           x: 1
         })
       );
       return {
-        property: s,
+        property: i,
         operator: l,
-        equator: t
+        equator: o
       };
     });
-    return (s, l) => {
-      const t = resolveComponent("FmRadio"), a = resolveComponent("FmStepperField");
+    return (i, l) => {
+      const o = resolveComponent("FmRadio"), n = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", null, [
-        createVNode(t, {
+        createVNode(o, {
           label: "On birthday",
           value: "_isRange-day",
-          "model-value": `${unref(o).operator}-${unref(o).equator.unit}`,
+          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
           "onUpdate:modelValue": l[0] || (l[0] = () => {
-            r(
+            u(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -301,12 +313,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             );
           })
         }, null, 8, ["model-value"]),
-        createVNode(t, {
+        createVNode(o, {
           label: "N days before birthday",
           value: "_isDay",
-          "model-value": unref(o).operator,
+          "model-value": unref(a).operator,
           "onUpdate:modelValue": l[1] || (l[1] = () => {
-            r(
+            u(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
                 op: "after",
@@ -316,26 +328,26 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             );
           })
         }, null, 8, ["model-value"]),
-        unref(o).operator == "_isDay" ? (openBlock(), createBlock(a, {
+        unref(a).operator == "_isDay" ? (openBlock(), createBlock(n, {
           key: 0,
           label: "Days before birthday",
           "show-steppers": !1,
-          "model-value": unref(o).equator.x,
-          "onUpdate:modelValue": l[2] || (l[2] = (f) => r(
+          "model-value": unref(a).equator.x,
+          "onUpdate:modelValue": l[2] || (l[2] = (p) => u(
             "update:model-value",
             unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
               op: "after",
-              x: f,
+              x: p,
               ignoreYear: !0
             })
           ))
         }, null, 8, ["model-value"])) : createCommentVNode("", !0),
-        createVNode(t, {
+        createVNode(o, {
           label: "In birthday week",
           value: "_isRange-week",
-          "model-value": `${unref(o).operator}-${unref(o).equator.unit}`,
+          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
           "onUpdate:modelValue": l[3] || (l[3] = () => {
-            r(
+            u(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -345,12 +357,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             );
           })
         }, null, 8, ["model-value"]),
-        createVNode(t, {
+        createVNode(o, {
           label: "In birthday month",
           value: "_isRange-month",
-          "model-value": `${unref(o).operator}-${unref(o).equator.unit}`,
+          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
           "onUpdate:modelValue": l[4] || (l[4] = () => {
-            r(
+            u(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -373,15 +385,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = i;
-    return (r, o) => {
-      var s;
+  setup(e, { emit: c }) {
+    const s = c;
+    return (u, a) => {
+      var i;
       return openBlock(), createBlock(_sfc_main$r, {
         "include-only": "feedback",
         "trigger-type": "FEEDBACK",
-        "model-value": ((s = e.modelValue) == null ? void 0 : s.rules.g_feedback) ?? unref(RuleBuilder).scaffoldGroup("g_feedback"),
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => n(
+        "model-value": ((i = e.modelValue) == null ? void 0 : i.rules.g_feedback) ?? unref(RuleBuilder).scaffoldGroup("g_feedback"),
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => s(
           "update:model-value",
           unref(RuleBuilder).setRuleToGroup(
             e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
@@ -460,13 +472,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     "GAME",
     "MISSION"
   ].map((e) => {
-    const i = CAMPAIGN_TRIGGER[e];
+    const c = CAMPAIGN_TRIGGER[e];
     return [
       e,
-      (i == null ? void 0 : i.map((n) => TriggerOptions[n]).filter((n) => !n.hidden)) ?? []
+      (c == null ? void 0 : c.map((s) => TriggerOptions[s]).filter((s) => !s.hidden)) ?? []
     ];
   })
-), _hoisted_1$i = { class: "space-y-16" }, _hoisted_2$g = /* @__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$e = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$d = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$8 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
+), _hoisted_1$i = { class: "space-y-16" }, _hoisted_2$d = { class: "grid grid-cols-3 gap-16" }, _hoisted_3$b = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$8 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CampaignTriggerInput",
   props: {
     campaignType: {
@@ -482,31 +494,31 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = computed(() => n.disabled ? TypeToTriggerOptions[n.campaignType].filter(
-      (s) => s.value == n.modelValue
-    ) : TypeToTriggerOptions[n.campaignType]);
-    return (s, l) => {
-      const t = resolveComponent("FmCard");
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = computed(() => s.disabled ? TypeToTriggerOptions[s.campaignType].filter(
+      (i) => i.value == s.modelValue
+    ) : TypeToTriggerOptions[s.campaignType]);
+    return (i, l) => {
+      const o = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        _hoisted_2$g,
-        createElementVNode("div", _hoisted_3$e, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (a) => (openBlock(), createBlock(t, {
+        l[0] || (l[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$d, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (n) => (openBlock(), createBlock(o, {
             variant: "outlined",
-            disabled: n.disabled,
+            disabled: s.disabled,
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-3": unref(o).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+              "col-span-3": unref(a).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              n.modelValue != a.value && !n.disabled && r("update:model-value", a.value);
+              s.modelValue != n.value && !s.disabled && u("update:model-value", n.value);
             },
-            key: a.name
+            key: n.name
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$d, toDisplayString(a.name), 1),
-              createElementVNode("div", _hoisted_5$8, toDisplayString(a.description), 1)
+              createElementVNode("div", _hoisted_3$b, toDisplayString(n.name), 1),
+              createElementVNode("div", _hoisted_4$8, toDisplayString(n.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -527,27 +539,27 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = i;
-    return (r, o) => {
-      const s = resolveComponent("FmButton"), l = resolveComponent("FmField"), t = resolveComponent("FmDatePicker");
-      return openBlock(), createBlock(t, {
+  setup(e, { emit: c }) {
+    const s = c;
+    return (u, a) => {
+      const i = resolveComponent("FmButton"), l = resolveComponent("FmField"), o = resolveComponent("FmDatePicker");
+      return openBlock(), createBlock(o, {
         label: e.label,
         "model-value": e.modelValue || "",
-        "onUpdate:modelValue": o[1] || (o[1] = (a) => n("update:model-value", a))
+        "onUpdate:modelValue": a[1] || (a[1] = (n) => s("update:model-value", n))
       }, {
-        "trigger-button": withCtx(({ opened: a }) => [
+        "trigger-button": withCtx(({ opened: n }) => [
           createVNode(l, {
             class: "flex items-center",
             "prepend-icon": "calendar_month",
-            "icon-outlined": !a
+            "icon-outlined": !n
           }, {
             append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(s, {
+              e.modelValue ? (openBlock(), createBlock(i, {
                 key: 0,
                 variant: "tertiary",
                 icon: "clear",
-                onClick: o[0] || (o[0] = (f) => (f.stopPropagation(), n("update:model-value", null)))
+                onClick: a[0] || (a[0] = (p) => (p.stopPropagation(), s("update:model-value", null)))
               })) : createCommentVNode("", !0)
             ]),
             default: withCtx(() => [
@@ -562,7 +574,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }, 8, ["label", "model-value"]);
     };
   }
-}), _hoisted_1$h = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$f = { class: "flex-1 xs:w-full" }, _hoisted_3$d = /* @__PURE__ */ createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1), _hoisted_4$c = { class: "flex-1 xs:w-full" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$h = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$c = { class: "flex-1 xs:w-full" }, _hoisted_3$a = { class: "flex-1 xs:w-full" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DateRangeInput",
   props: {
     modelValue: {
@@ -571,34 +583,34 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = i;
-    return (r, o) => {
-      var s, l;
+  setup(e, { emit: c }) {
+    const s = c;
+    return (u, a) => {
+      var i, l;
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_2$c, [
           createVNode(_sfc_main$i, {
-            "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": o[0] || (o[0] = (t) => {
-              var a;
-              return n("update:model-value", {
-                startDate: t,
-                endDate: ((a = e.modelValue) == null ? void 0 : a.endDate) ?? null
+            "onUpdate:modelValue": a[0] || (a[0] = (o) => {
+              var n;
+              return s("update:model-value", {
+                startDate: o,
+                endDate: ((n = e.modelValue) == null ? void 0 : n.endDate) ?? null
               });
             })
           }, null, 8, ["model-value"])
         ]),
-        _hoisted_3$d,
-        createElementVNode("div", _hoisted_4$c, [
+        a[2] || (a[2] = createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1)),
+        createElementVNode("div", _hoisted_3$a, [
           createVNode(_sfc_main$i, {
             "model-value": ((l = e.modelValue) == null ? void 0 : l.endDate) ?? null,
             label: "End date",
-            "onUpdate:modelValue": o[1] || (o[1] = (t) => {
-              var a;
-              return n("update:model-value", {
-                startDate: ((a = e.modelValue) == null ? void 0 : a.startDate) ?? null,
-                endDate: t
+            "onUpdate:modelValue": a[1] || (a[1] = (o) => {
+              var n;
+              return s("update:model-value", {
+                startDate: ((n = e.modelValue) == null ? void 0 : n.startDate) ?? null,
+                endDate: o
               });
             })
           }, null, 8, ["model-value"])
@@ -606,10 +618,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       ]);
     };
   }
-}), _hoisted_1$g = { class: "space-y-8" }, _hoisted_2$e = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$c = {
+}), _hoisted_1$g = { class: "space-y-8" }, _hoisted_2$b = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$9 = {
   key: 0,
   class: "space-y-4"
-}, _hoisted_4$b = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$7 = /* @__PURE__ */ createElementVNode("div", null, "Notify date", -1), _hoisted_6$4 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$4 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ScheduleRuleInput",
   props: {
     modelValue: {
@@ -624,34 +636,34 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i;
-    function o() {
-      const m = RuleBuilder.getRules(n.modelValue);
-      return m.length == 0 ? "fixed" : m.some(
+  setup(e, { emit: c }) {
+    const s = e, u = c;
+    function a() {
+      const y = RuleBuilder.getRules(s.modelValue);
+      return y.length == 0 ? "fixed" : y.some(
         (g) => isRuleEntry(g) && RuleBuilder.simplify(g).operator == "_rrule"
       ) ? "repeating" : "fixed";
     }
-    const s = ref(o()), l = ref(!1), t = computed(() => {
-      const m = RuleBuilder.getRules(n.modelValue), g = m.find(
+    const i = ref(a()), l = ref(!1), o = computed(() => {
+      const y = RuleBuilder.getRules(s.modelValue), g = y.find(
         (d) => isRuleEntry(d) && RuleBuilder.simplify(d).property == "trigger.date"
-      ), c = m.find(
+      ), V = y.find(
         (d) => isRuleEntry(d) && RuleBuilder.simplify(d).property == "trigger.time"
       );
       return {
         date: g ? RuleBuilder.simplify(g).equator : null,
-        time: c ? RuleBuilder.simplify(c).equator : null
+        time: V ? RuleBuilder.simplify(V).equator : null
       };
-    }), a = computed(
+    }), n = computed(
       () => calculateNextScheduleAt(
-        n.modelValue,
+        s.modelValue,
         /* @__PURE__ */ new Date(),
-        n.startDate ? new Date(n.startDate) : void 0,
-        n.endDate ? new Date(n.endDate) : void 0
+        s.startDate ? new Date(s.startDate) : void 0,
+        s.endDate ? new Date(s.endDate) : void 0
       )
     );
-    function f(m) {
-      const g = m.label.toLowerCase(), c = g == "fixed" ? [
+    function p(y) {
+      const g = y.label.toLowerCase(), V = g == "fixed" ? [
         RuleBuilder.constructEntry(
           "trigger.date",
           "_isOnDate",
@@ -666,73 +678,73 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         ),
         RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
       ];
-      r(
+      u(
         "update:model-value",
         RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
-          c
+          V
         )
-      ), s.value = g;
+      ), i.value = g;
     }
-    function v(m) {
-      s.value == "fixed" ? r(
+    function h(y) {
+      i.value == "fixed" ? u(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
             "trigger.date",
             "_isOnDate",
-            m.date
+            y.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            m.time
+            y.time
           )
         ])
-      ) : r(
+      ) : u(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
             "trigger.date",
             "_rrule",
-            m.date
+            y.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            m.time
+            y.time
           )
         ])
       );
     }
-    return (m, g) => {
-      const c = resolveComponent("FmButtonGroup"), d = resolveComponent("FmTimePicker"), u = resolveComponent("FmIcon"), p = resolveComponent("FmTooltip"), y = resolveComponent("FmField"), k = resolveComponent("FmCard"), C = resolveComponent("FmPopover"), b = resolveComponent("FmDatePicker"), x = resolveComponent("FmHelperText");
+    return (y, g) => {
+      const V = resolveComponent("FmButtonGroup"), d = resolveComponent("FmTimePicker"), m = resolveComponent("FmIcon"), f = resolveComponent("FmTooltip"), v = resolveComponent("FmField"), E = resolveComponent("FmCard"), x = resolveComponent("FmPopover"), C = resolveComponent("FmDatePicker"), R = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(c, {
+        createVNode(V, {
           items: [{ label: "Fixed" }, { label: "Repeating" }],
-          "model-value": { label: unref(cases).title(unref(s)) },
-          "onUpdate:modelValue": f,
+          "model-value": { label: unref(cases).title(unref(i)) },
+          "onUpdate:modelValue": p,
           class: "mb-8"
         }, null, 8, ["model-value"]),
         createElementVNode("div", _hoisted_1$g, [
-          createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_2$b, [
             createVNode(d, {
               label: "Notify time",
-              "model-value": unref(t).time,
-              "onUpdate:modelValue": g[0] || (g[0] = (E) => v({ date: unref(t).date, time: E })),
-              "helper-text": unref(t).time ? void 0 : "Time is required",
-              "helper-state": unref(t).time ? void 0 : "error"
+              "model-value": unref(o).time,
+              "onUpdate:modelValue": g[0] || (g[0] = (B) => h({ date: unref(o).date, time: B })),
+              "helper-text": unref(o).time ? void 0 : "Time is required",
+              "helper-state": unref(o).time ? void 0 : "error"
             }, null, 8, ["model-value", "helper-text", "helper-state"]),
-            unref(s) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
-              createElementVNode("div", _hoisted_4$b, [
-                _hoisted_5$7,
-                unref(t).date ? (openBlock(), createBlock(p, {
+            unref(i) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+              createElementVNode("div", _hoisted_4$7, [
+                g[5] || (g[5] = createElementVNode("div", null, "Notify date", -1)),
+                unref(o).date ? (openBlock(), createBlock(f, {
                   key: 0,
                   "z-index": 9999,
-                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(t).date).options)
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(o).date).options)
                 }, {
                   default: withCtx(() => [
-                    createVNode(u, {
+                    createVNode(m, {
                       name: "info",
                       size: "sm",
                       outline: !0
@@ -741,30 +753,30 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["content"])) : createCommentVNode("", !0)
               ]),
-              createVNode(C, {
+              createVNode(x, {
                 "show-popover": unref(l),
-                onPopoverChanged: g[3] || (g[3] = (E) => l.value = E)
+                onPopoverChanged: g[3] || (g[3] = (B) => l.value = B)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(y, {
+                  createVNode(v, {
                     class: "cursor-pointer",
-                    "helper-text": unref(t).date ? void 0 : "Date is required",
-                    "helper-state": unref(t).date ? void 0 : "error"
+                    "helper-text": unref(o).date ? void 0 : "Date is required",
+                    "helper-state": unref(o).date ? void 0 : "error"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_6$4, toDisplayString(unref(t).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(t).date).options) : "Set a repeating date"), 1)
+                      createElementVNode("div", _hoisted_5$4, toDisplayString(unref(o).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(o).date).options) : "Set a repeating date"), 1)
                     ]),
                     _: 1
                   }, 8, ["helper-text", "helper-state"])
                 ]),
                 default: withCtx(() => [
-                  createVNode(k, { class: "elevated p-8 w-[450px]" }, {
+                  createVNode(E, { class: "elevated p-8 w-[450px]" }, {
                     default: withCtx(() => [
                       createVNode(_sfc_main$s, {
                         "apply-button": !0,
-                        "model-value": unref(t).date || "",
-                        onCancel: g[1] || (g[1] = (E) => l.value = !1),
-                        "onUpdate:modelValue": g[2] || (g[2] = (E) => (v({ date: E, time: unref(t).time }), l.value = !1))
+                        "model-value": unref(o).date || "",
+                        onCancel: g[1] || (g[1] = (B) => l.value = !1),
+                        "onUpdate:modelValue": g[2] || (g[2] = (B) => (h({ date: B, time: unref(o).time }), l.value = !1))
                       }, null, 8, ["model-value"])
                     ]),
                     _: 1
@@ -772,19 +784,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["show-popover"])
-            ])) : (openBlock(), createBlock(b, {
+            ])) : (openBlock(), createBlock(C, {
               key: 1,
               label: "Notify date",
-              "model-value": unref(t).date || "",
-              "onUpdate:modelValue": g[4] || (g[4] = (E) => v({ date: E, time: unref(t).time })),
-              "helper-text": unref(t).date ? void 0 : "Date is required",
-              "helper-state": unref(t).date ? void 0 : "error"
+              "model-value": unref(o).date || "",
+              "onUpdate:modelValue": g[4] || (g[4] = (B) => h({ date: B, time: unref(o).time })),
+              "helper-text": unref(o).date ? void 0 : "Date is required",
+              "helper-state": unref(o).date ? void 0 : "error"
             }, null, 8, ["model-value", "helper-text", "helper-state"]))
           ]),
-          unref(t).date && unref(t).time && unref(a) ? (openBlock(), createBlock(x, {
+          unref(o).date && unref(o).time && unref(n) ? (openBlock(), createBlock(R, {
             key: 0,
-            text: `${unref(hooks)(unref(a)).isAfter(unref(hooks)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(hooks)(unref(a)).format("dddd, DD MMM YYYY")} at
-        ${unref(hooks)(unref(a)).format("hh:mmA")} (${unref(hooks)(unref(a)).fromNow()})`
+            text: `${unref(hooks)(unref(n)).isAfter(unref(hooks)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(hooks)(unref(n)).format("dddd, DD MMM YYYY")} at
+        ${unref(hooks)(unref(n)).format("hh:mmA")} (${unref(hooks)(unref(n)).fromNow()})`
           }, null, 8, ["text"])) : createCommentVNode("", !0)
         ])
       ], 64);
@@ -797,18 +809,18 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     filterItems: { type: Function }
   },
   emits: ["confirm"],
-  setup(e, { emit: i }) {
-    const n = ref(), r = ref(!1);
-    function o() {
+  setup(e, { emit: c }) {
+    const s = ref(), u = ref(!1);
+    function a() {
       var l;
-      (l = n.value) == null || l.onConfirm();
+      (l = s.value) == null || l.onConfirm();
     }
-    const s = i;
-    return (l, t) => {
-      const a = resolveComponent("FmField"), f = resolveComponent("FmButton"), v = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(v, {
-        modelValue: r.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (m) => r.value = m),
+    const i = c;
+    return (l, o) => {
+      const n = resolveComponent("FmField"), p = resolveComponent("FmButton"), h = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(h, {
+        modelValue: u.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (y) => u.value = y),
         title: "Select Items",
         "close-button": !1,
         "dismiss-away": !0,
@@ -816,7 +828,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }, {
         "side-sheet-button": withCtx(() => [
           renderSlot(l.$slots, "side-sheet-button", {}, () => [
-            createVNode(a, { class: "text-fm-color-typo-tertiary cursor-pointer" }, {
+            createVNode(n, { class: "text-fm-color-typo-tertiary cursor-pointer" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(l.modelValue.length) + " item(s) selected ", 1)
               ]),
@@ -826,14 +838,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         ]),
         "side-sheet-footer": withCtx(() => [
           createElementVNode("div", _hoisted_1$f, [
-            createVNode(f, {
+            createVNode(p, {
               variant: "tertiary",
-              onClick: t[0] || (t[0] = (m) => r.value = !1),
+              onClick: o[0] || (o[0] = (y) => u.value = !1),
               label: "Cancel"
             }),
-            createVNode(f, {
+            createVNode(p, {
               variant: "primary",
-              onClick: o,
+              onClick: a,
               label: "Confirm"
             })
           ])
@@ -843,11 +855,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             class: "h-full",
             "max-height": 0,
             ref_key: "selectItemRef",
-            ref: n,
+            ref: s,
             "initial-value": l.modelValue,
             "filter-items": l.filterItems,
-            "on-complete": (m) => {
-              s("confirm", m), r.value = !1;
+            "on-complete": (y) => {
+              i("confirm", y), u.value = !1;
             }
           }, null, 8, ["initial-value", "filter-items", "on-complete"])
         ]),
@@ -855,13 +867,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }, 8, ["modelValue"]);
     };
   }
-}), _hoisted_1$e = { class: "space-y-24" }, _hoisted_2$d = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$b = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$a = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$6 = { class: "space-y-16" }, _hoisted_6$3 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-600" }, "Spending type", -1), _hoisted_7$3 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400" }, "Amount spent", -1), _hoisted_8$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_9$3 = {
+}), _hoisted_1$e = { class: "space-y-24" }, _hoisted_2$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$8 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$6 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$3 = { class: "space-y-16" }, _hoisted_6$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_7$2 = {
   key: 0,
   class: "xs:!block flex gap-16 items-center pt-8"
-}, _hoisted_10$3 = /* @__PURE__ */ createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1), _hoisted_11$1 = { class: "fm-typo-en-body-lg-400" }, _hoisted_12$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_13 = {
+}, _hoisted_8$1 = { class: "fm-typo-en-body-lg-400" }, _hoisted_9$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_10$1 = {
   key: 0,
   class: "pt-8 space-y-8"
-}, _hoisted_14 = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, _hoisted_15 = { class: "xs:!block flex gap-16 items-center" }, _hoisted_16 = /* @__PURE__ */ createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1), _sfc_main$e = /* @__PURE__ */ defineComponent({
+}, _hoisted_11$1 = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, _hoisted_12 = { class: "xs:!block flex gap-16 items-center" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "EarningOptionInput",
   props: {
     modelValue: {
@@ -878,9 +890,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    var v, m, g;
-    const n = useBusinessStore(), r = e, o = i, s = [
+  setup(e, { emit: c }) {
+    var h, y, g;
+    const s = useBusinessStore(), u = e, a = c, i = [
       {
         label: "Based on spending",
         sublabel: "Customers earn rewards based on how much they spend.",
@@ -891,22 +903,22 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         sublabel: "Customers earn a set amount of rewards for specific actions.",
         value: "FIXED"
       }
-    ].filter((c) => {
-      var d, u;
-      return r.fixedType || ((u = (d = r.extras) == null ? void 0 : d.campaign) == null ? void 0 : u.event.type) != "BILL_COMPLETED" ? c.value == "FIXED" : !0;
+    ].filter((V) => {
+      var d, m;
+      return u.fixedType || ((m = (d = u.extras) == null ? void 0 : d.campaign) == null ? void 0 : m.event.type) != "BILL_COMPLETED" ? V.value == "FIXED" : !0;
     }), l = computed(() => {
-      var d, u;
-      const c = r.extras && "configs" in r.extras ? r.extras.configs.type : (d = r.extras) == null ? void 0 : d.campaign.type;
-      return (((u = CollectibleOptions[c]) == null ? void 0 : u.name) || "reward").toLowerCase();
-    }), t = computed(() => {
-      const c = FdoEarningOption.safeParse(r.modelValue);
-      return c.success ? [] : c.error.errors;
+      var d, m;
+      const V = u.extras && "configs" in u.extras ? u.extras.configs.type : (d = u.extras) == null ? void 0 : d.campaign.type;
+      return (((m = CollectibleOptions[V]) == null ? void 0 : m.name) || "reward").toLowerCase();
+    }), o = computed(() => {
+      const V = FdoEarningOption.safeParse(u.modelValue);
+      return V.success ? [] : V.error.errors;
     });
-    function a(c) {
+    function n(V) {
       var d;
-      c != ((d = r.modelValue) == null ? void 0 : d.type) && o(
+      V != ((d = u.modelValue) == null ? void 0 : d.type) && a(
         "update:model-value",
-        c === "FIXED" ? {
+        V === "FIXED" ? {
           type: "FIXED",
           amount: 1
         } : {
@@ -916,95 +928,95 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }
       );
     }
-    const f = ref(
-      ((v = r.modelValue) == null ? void 0 : v.type) === "PROPORTIONAL" && !!((g = (m = r.modelValue) == null ? void 0 : m.property) != null && g.length) || !1
+    const p = ref(
+      ((h = u.modelValue) == null ? void 0 : h.type) === "PROPORTIONAL" && !!((g = (y = u.modelValue) == null ? void 0 : y.property) != null && g.length) || !1
     );
-    return (c, d) => {
-      var E, V, N;
-      const u = resolveComponent("FmCard"), p = resolveComponent("FmStepperField"), y = resolveComponent("FmRadio"), k = resolveComponent("FmPill"), C = resolveComponent("FmButton"), b = resolveComponent("FmRadioGroup"), x = resolveComponent("FmHelperText");
+    return (V, d) => {
+      var B, k, w;
+      const m = resolveComponent("FmCard"), f = resolveComponent("FmStepperField"), v = resolveComponent("FmRadio"), E = resolveComponent("FmPill"), x = resolveComponent("FmButton"), C = resolveComponent("FmRadioGroup"), R = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$d, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (h) => {
-            var R, B;
-            return openBlock(), createBlock(u, {
+        createElementVNode("div", _hoisted_2$a, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (b) => {
+            var S, N;
+            return openBlock(), createBlock(m, {
               variant: "outlined",
               class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-2", {
-                "col-span-2": unref(s).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((R = e.modelValue) == null ? void 0 : R.type) === h.value,
-                "hover:bg-fm-color-opacity-sm": ((B = e.modelValue) == null ? void 0 : B.type) != h.value
+                "col-span-2": unref(i).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((S = e.modelValue) == null ? void 0 : S.type) === b.value,
+                "hover:bg-fm-color-opacity-sm": ((N = e.modelValue) == null ? void 0 : N.type) != b.value
               }]),
-              onClick: ($) => a(h.value),
-              key: h.value
+              onClick: (F) => n(b.value),
+              key: b.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$b, toDisplayString(h.label), 1),
-                createElementVNode("div", _hoisted_4$a, toDisplayString(h.sublabel), 1)
+                createElementVNode("div", _hoisted_3$8, toDisplayString(b.label), 1),
+                createElementVNode("div", _hoisted_4$6, toDisplayString(b.sublabel), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_5$6, [
-          ((E = e.modelValue) == null ? void 0 : E.type) === "FIXED" ? (openBlock(), createBlock(p, {
+        createElementVNode("div", _hoisted_5$3, [
+          ((B = e.modelValue) == null ? void 0 : B.type) === "FIXED" ? (openBlock(), createBlock(f, {
             key: 0,
             label: `Receive ${unref(l)}(s)`,
             class: "flex-1",
-            "model-value": ((V = e.modelValue) == null ? void 0 : V.amount) ?? null,
-            "onUpdate:modelValue": d[0] || (d[0] = (h) => o("update:model-value", {
+            "model-value": ((k = e.modelValue) == null ? void 0 : k.amount) ?? null,
+            "onUpdate:modelValue": d[0] || (d[0] = (b) => a("update:model-value", {
               ...e.modelValue ?? { type: "FIXED" },
-              amount: h
+              amount: b
             }))
-          }, null, 8, ["label", "model-value"])) : ((N = e.modelValue) == null ? void 0 : N.type) === "PROPORTIONAL" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            _hoisted_6$3,
-            createVNode(b, {
-              "model-value": unref(f),
-              "onUpdate:modelValue": d[6] || (d[6] = (h) => {
-                unref(f) != h && (o("update:model-value", {
+          }, null, 8, ["label", "model-value"])) : ((w = e.modelValue) == null ? void 0 : w.type) === "PROPORTIONAL" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            d[11] || (d[11] = createElementVNode("div", { class: "fm-typo-en-body-lg-600" }, "Spending type", -1)),
+            createVNode(C, {
+              "model-value": unref(p),
+              "onUpdate:modelValue": d[6] || (d[6] = (b) => {
+                unref(p) != b && (a("update:model-value", {
                   ...e.modelValue ?? {
                     type: "PROPORTIONAL",
                     amount: 1,
                     every: 1
                   },
-                  property: h ? [] : void 0,
+                  property: b ? [] : void 0,
                   every: 1
-                }), f.value = h);
+                }), p.value = b);
               })
             }, {
               default: withCtx(() => [
-                createVNode(y, {
+                createVNode(v, {
                   label: "Amount spent",
                   sublabel: `Receive ${unref(l)} by amount spent`,
                   value: !1
                 }, {
                   label: withCtx(() => {
-                    var h, R;
+                    var b, S;
                     return [
-                      _hoisted_7$3,
-                      createElementVNode("div", _hoisted_8$3, " Receive " + toDisplayString(unref(l)) + " by amount spent ", 1),
-                      unref(f) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_9$3, [
-                        createVNode(p, {
+                      d[8] || (d[8] = createElementVNode("div", { class: "fm-typo-en-body-lg-400" }, "Amount spent", -1)),
+                      createElementVNode("div", _hoisted_6$3, " Receive " + toDisplayString(unref(l)) + " by amount spent ", 1),
+                      unref(p) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
+                        createVNode(f, {
                           label: `Receive ${unref(l)}(s)`,
                           inputmode: "decimal",
                           class: "flex-1",
-                          "model-value": ((h = e.modelValue) == null ? void 0 : h.amount) ?? null,
-                          "onUpdate:modelValue": d[1] || (d[1] = (B) => o("update:model-value", {
+                          "model-value": ((b = e.modelValue) == null ? void 0 : b.amount) ?? null,
+                          "onUpdate:modelValue": d[1] || (d[1] = (N) => a("update:model-value", {
                             ...e.modelValue ?? { type: "FIXED" },
-                            amount: B
+                            amount: N
                           }))
                         }, null, 8, ["label", "model-value"]),
-                        _hoisted_10$3,
-                        createVNode(p, {
-                          label: `Amount spend (${unref(core.Config).getCountry().currency.symbol})`,
+                        d[7] || (d[7] = createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1)),
+                        createVNode(f, {
+                          label: `Amount spend (${unref(r).getCountry().currency.symbol})`,
                           class: "flex-1",
                           inputmode: "decimal",
-                          "model-value": ((R = e.modelValue) == null ? void 0 : R.every) ?? null,
-                          "onUpdate:modelValue": d[2] || (d[2] = (B) => o("update:model-value", {
+                          "model-value": ((S = e.modelValue) == null ? void 0 : S.every) ?? null,
+                          "onUpdate:modelValue": d[2] || (d[2] = (N) => a("update:model-value", {
                             ...e.modelValue,
-                            every: B
+                            every: N
                           }))
                         }, {
                           prepend: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(core.Config).getCountry().currency.symbol), 1)
+                            createTextVNode(toDisplayString(unref(r).getCountry().currency.symbol), 1)
                           ]),
                           _: 1
                         }, 8, ["label", "model-value"])
@@ -1013,34 +1025,34 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   }),
                   _: 1
                 }, 8, ["sublabel"]),
-                createVNode(y, {
+                createVNode(v, {
                   label: "Product bought",
                   sublabel: `Receive ${unref(l)} by product bought`,
                   value: !0,
-                  disabled: !unref(n).isPremium
+                  disabled: !unref(s).isPremium
                 }, {
                   label: withCtx(() => {
-                    var h, R;
+                    var b, S;
                     return [
-                      createElementVNode("div", _hoisted_11$1, [
-                        createTextVNode(" Product bought "),
-                        createVNode(k, { variant: "premium" })
+                      createElementVNode("div", _hoisted_8$1, [
+                        d[9] || (d[9] = createTextVNode(" Product bought ")),
+                        createVNode(E, { variant: "premium" })
                       ]),
-                      createElementVNode("div", _hoisted_12$1, " Receive " + toDisplayString(unref(l)) + " by product bought ", 1),
-                      unref(f) ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                        createElementVNode("div", _hoisted_14, [
+                      createElementVNode("div", _hoisted_9$1, " Receive " + toDisplayString(unref(l)) + " by product bought ", 1),
+                      unref(p) ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                        createElementVNode("div", _hoisted_11$1, [
                           createVNode(_sfc_main$f, {
-                            "model-value": r.modelValue.property || [],
-                            onConfirm: d[3] || (d[3] = (B) => o("update:model-value", {
+                            "model-value": u.modelValue.property || [],
+                            onConfirm: d[3] || (d[3] = (N) => a("update:model-value", {
                               ...e.modelValue,
-                              property: B
+                              property: N
                             }))
                           }, {
                             "side-sheet-button": withCtx(() => {
-                              var B, $;
+                              var N, F;
                               return [
-                                createVNode(C, {
-                                  label: (B = r.modelValue.property) != null && B.length ? `${($ = r.modelValue.property) == null ? void 0 : $.length} product(s) selected` : "Select product",
+                                createVNode(x, {
+                                  label: (N = u.modelValue.property) != null && N.length ? `${(F = u.modelValue.property) == null ? void 0 : F.length} product(s) selected` : "Select product",
                                   icon: "link",
                                   variant: "secondary"
                                 }, null, 8, ["label"])
@@ -1049,27 +1061,27 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                             _: 1
                           }, 8, ["model-value"])
                         ]),
-                        createElementVNode("div", _hoisted_15, [
-                          createVNode(p, {
+                        createElementVNode("div", _hoisted_12, [
+                          createVNode(f, {
                             inputmode: "decimal",
                             label: `Receive ${unref(l)}(s)`,
                             class: "flex-1",
-                            "model-value": ((h = e.modelValue) == null ? void 0 : h.amount) ?? null,
-                            "onUpdate:modelValue": d[4] || (d[4] = (B) => o("update:model-value", {
+                            "model-value": ((b = e.modelValue) == null ? void 0 : b.amount) ?? null,
+                            "onUpdate:modelValue": d[4] || (d[4] = (N) => a("update:model-value", {
                               ...e.modelValue ?? { type: "FIXED" },
-                              amount: B
+                              amount: N
                             }))
                           }, null, 8, ["label", "model-value"]),
-                          _hoisted_16,
-                          createVNode(p, {
+                          d[10] || (d[10] = createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1)),
+                          createVNode(f, {
                             label: "Item purchased",
                             class: "flex-1",
-                            "model-value": ((R = e.modelValue) == null ? void 0 : R.every) ?? null,
+                            "model-value": ((S = e.modelValue) == null ? void 0 : S.every) ?? null,
                             inputmode: "numeric",
                             "max-fraction-digits": 0,
-                            "onUpdate:modelValue": d[5] || (d[5] = (B) => o("update:model-value", {
+                            "onUpdate:modelValue": d[5] || (d[5] = (N) => a("update:model-value", {
                               ...e.modelValue,
-                              every: B
+                              every: N
                             }))
                           }, null, 8, ["model-value"])
                         ])
@@ -1083,16 +1095,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             }, 8, ["model-value"])
           ], 64)) : createCommentVNode("", !0)
         ]),
-        e.errorText || unref(t).length > 0 ? (openBlock(), createBlock(x, {
+        e.errorText || unref(o).length > 0 ? (openBlock(), createBlock(R, {
           key: 0,
           class: "!mt-4",
-          text: e.errorText || unref(ZodHelper).helperText(unref(t), ""),
+          text: e.errorText || unref(ZodHelper).helperText(unref(o), ""),
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ]);
     };
   }
-}), _hoisted_1$d = { class: "space-y-16" }, _hoisted_2$c = /* @__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$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$9 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$d = { 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$d = /* @__PURE__ */ defineComponent({
   __name: "GameTypeInput",
   props: {
     modelValue: {
@@ -1100,8 +1112,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = computed(
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = computed(
       () => [
         {
           label: "Fortune Wheel",
@@ -1115,28 +1127,28 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
           hidden: !0
         }
-      ].filter((s) => !s.hidden)
+      ].filter((i) => !i.hidden)
     );
-    return (s, l) => {
-      const t = resolveComponent("FmCard");
+    return (i, l) => {
+      const o = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        _hoisted_2$c,
-        createElementVNode("div", _hoisted_3$a, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (a) => (openBlock(), createBlock(t, {
+        l[0] || (l[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(a), (n) => (openBlock(), createBlock(o, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(o).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+              "col-span-2": unref(a).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              n.modelValue != a.value && r("update:model-value", a.value);
+              s.modelValue != n.value && u("update:model-value", n.value);
             },
-            key: a.value
+            key: n.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$9, toDisplayString(a.label), 1),
-              createElementVNode("div", _hoisted_5$5, toDisplayString(a.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))
@@ -1144,7 +1156,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       ]);
     };
   }
-}), _hoisted_1$c = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _hoisted_2$b = /* @__PURE__ */ createElementVNode("div", null, "Voucher description should not exceed 200 characters.", -1), _hoisted_3$9 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1), _hoisted_4$8 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Usage configuration", -1), _hoisted_5$4 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1), _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$c = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "VoucherEditor",
   props: {
     modelValue: {
@@ -1155,33 +1167,33 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:model-value", "update:reward-image"],
-  setup(e, { emit: i }) {
-    const r = ref(
+  setup(e, { emit: c }) {
+    const { t: s } = useI18n(), a = ref(
       e.modelValue ?? initCollectibleConfig("VOUCHER", {
         business: useCoreStore().currentBusiness.value._id,
         name: ""
       })
-    ), o = FdtoCollectibleConfig, s = i;
-    return (l, t) => {
-      var v, m, g;
-      const a = resolveComponent("FmTextarea"), f = resolveComponent("FmHelperText");
+    ), i = FdtoCollectibleConfig, l = c;
+    return (o, n) => {
+      var y, g, V;
+      const p = resolveComponent("FmTextarea"), h = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_sfc_main$u, {
-          modelValue: unref(r).name,
-          "onUpdate:modelValue": t[0] || (t[0] = (c) => unref(r).name = c),
+          modelValue: unref(a).name,
+          "onUpdate:modelValue": n[0] || (n[0] = (d) => unref(a).name = d),
           label: "Voucher name",
-          schema: unref(ZodHelper).typeAtPath(unref(o), "name", [unref(r).type])
+          schema: unref(ZodHelper).typeAtPath(unref(i), "name", [unref(a).type])
         }, null, 8, ["modelValue", "schema"]),
-        createVNode(a, {
+        createVNode(p, {
           class: "!mb-[-16px]",
-          modelValue: unref(r).description,
-          "onUpdate:modelValue": t[1] || (t[1] = (c) => unref(r).description = c),
-          rules: [unref(ZodHelper).ruleAtPath(unref(o), "description", [unref(r).type])]
+          modelValue: unref(a).description,
+          "onUpdate:modelValue": n[1] || (n[1] = (d) => unref(a).description = d),
+          rules: [unref(ZodHelper).ruleAtPath(unref(i), "description", [unref(a).type])]
         }, {
           label: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(
               unref(ZodHelper).toInputLabel(
-                unref(ZodHelper).typeAtPath(unref(o), "description", [unref(r).type]),
+                unref(ZodHelper).typeAtPath(unref(i), "description", [unref(a).type]),
                 "Voucher description"
               )
             )))
@@ -1189,55 +1201,55 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["modelValue", "rules"]),
         createElementVNode("div", _hoisted_1$c, [
-          _hoisted_2$b,
-          createElementVNode("div", null, toDisplayString(((v = unref(r).description) == null ? void 0 : v.length) ?? 0) + "/200", 1)
+          n[6] || (n[6] = createElementVNode("div", null, "Voucher description should not exceed 200 characters.", -1)),
+          createElementVNode("div", null, toDisplayString(((y = unref(a).description) == null ? void 0 : y.length) ?? 0) + "/200", 1)
         ]),
         createVNode(_sfc_main$v, {
           class: "w-1/2 xs:w-2/3",
           "aspect-ratio": "16/9",
           file: e.rewardImage ?? void 0,
-          thumbnail: unref(r).image ?? void 0,
-          "onUpdate:file": t[2] || (t[2] = async (c) => {
-            s("update:reward-image", c), c || (unref(r).image = null);
+          thumbnail: unref(a).image ?? void 0,
+          "onUpdate:file": n[2] || (n[2] = async (d) => {
+            l("update:reward-image", d), d || (unref(a).image = null);
           })
         }, {
           label: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(
               unref(ZodHelper).toInputLabel(
-                unref(ZodHelper).typeAtPath(unref(o), "image", [unref(r).type]),
+                unref(ZodHelper).typeAtPath(unref(i), "image", [unref(a).type]),
                 "Voucher image"
               )
             )))
           ]),
           _: 1
         }, 8, ["file", "thumbnail"]),
-        _hoisted_3$9,
+        n[7] || (n[7] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
         createVNode(_sfc_main$w, {
-          "model-value": unref(r).extras.effect,
-          "onUpdate:modelValue": t[3] || (t[3] = (c) => unref(r).extras.effect = c)
+          "model-value": unref(a).extras.effect,
+          "onUpdate:modelValue": n[3] || (n[3] = (d) => unref(a).extras.effect = d)
         }, null, 8, ["model-value"]),
-        unref(r).extras.effect == null ? (openBlock(), createBlock(f, {
+        unref(a).extras.effect == null ? (openBlock(), createBlock(h, {
           key: 0,
           class: "!mt-8",
-          text: "Effect is required",
+          text: unref(s)("connect.campaign.common.effect_required"),
           state: "error"
-        })) : createCommentVNode("", !0),
-        _hoisted_4$8,
+        }, null, 8, ["text"])) : createCommentVNode("", !0),
+        n[8] || (n[8] = createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Usage configuration", -1)),
         createVNode(_sfc_main$x, {
-          "model-value": unref(r).options,
-          "no-campaign": unref(r).noCampaign,
-          "onUpdate:modelValue": t[4] || (t[4] = (c) => unref(r).options = c),
-          schema: unref(ZodHelper).typeAtPath(unref(o), "options", ["VOUCHER"])
+          "model-value": unref(a).options,
+          "no-campaign": unref(a).noCampaign,
+          "onUpdate:modelValue": n[4] || (n[4] = (d) => unref(a).options = d),
+          schema: unref(ZodHelper).typeAtPath(unref(i), "options", ["VOUCHER"])
         }, null, 8, ["model-value", "no-campaign", "schema"]),
-        _hoisted_5$4,
-        unref(r).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$y, {
+        n[9] || (n[9] = createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
+        unref(a).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$y, {
           key: 1,
-          "model-value": ((g = (m = unref(r).extras) == null ? void 0 : m.targetLocation) == null ? void 0 : g.map(String)) ?? null,
+          "model-value": ((V = (g = unref(a).extras) == null ? void 0 : g.targetLocation) == null ? void 0 : V.map(String)) ?? null,
           type: "select",
-          "onUpdate:modelValue": t[5] || (t[5] = (c) => {
-            unref(r).extras.targetLocation = c;
+          "onUpdate:modelValue": n[5] || (n[5] = (d) => {
+            unref(a).extras.targetLocation = d;
           }),
-          rules: [unref(ZodHelper).ruleAtPath(unref(o), "extras.targetLocation")]
+          rules: [unref(ZodHelper).ruleAtPath(unref(i), "extras.targetLocation")]
         }, null, 8, ["model-value", "rules"])) : createCommentVNode("", !0)
       ], 64);
     };
@@ -1245,77 +1257,77 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 }), _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: i, emit: n }) {
-    const r = useMembershipStore(), { minor: o } = useLoading, s = ref(!1), l = ref(), t = ref(), a = ref(0), f = computed(() => {
-      var u;
-      return ((u = r.loyaltyRewards.items.find(
-        (p) => {
-          var y;
-          return p.value === ((y = l.value) == null ? void 0 : y.collectible);
+  setup(e, { expose: c, emit: s }) {
+    const u = useMembershipStore(), { minor: a } = useLoading, i = ref(!1), l = ref(), o = ref(), n = ref(0), p = computed(() => {
+      var m;
+      return ((m = u.loyaltyRewards.items.find(
+        (f) => {
+          var v;
+          return f.value === ((v = l.value) == null ? void 0 : v.collectible);
         }
-      )) == null ? void 0 : u.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
-    }), v = computed(() => {
-      const d = f.value.safeParse(l.value);
+      )) == null ? void 0 : m.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+    }), h = computed(() => {
+      const d = p.value.safeParse(l.value);
       return d.success ? [] : d.error.errors;
     });
-    function m(d, u, p) {
-      d && (l.value = u, a.value = p), s.value = d;
+    function y(d, m, f) {
+      d && (l.value = m, n.value = f), i.value = d;
     }
-    const g = n;
-    async function c() {
-      const d = f.value.safeParse(l.value);
-      d.success && (await o(
+    const g = s;
+    async function V() {
+      const d = p.value.safeParse(l.value);
+      d.success && (await a(
         async () => {
-          d.data.type === "VOUCHER" && t.value && (d.data.collectibleConfig.image = await firebaseStorage.update(
-            d.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, t.value),
-            t.value
+          d.data.type === "VOUCHER" && o.value && (d.data.collectibleConfig.image = await firebaseStorage.update(
+            d.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, o.value),
+            o.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), g("update:model-value", d.data, a.value));
+      ), g("update:model-value", d.data, n.value));
     }
-    return i({
-      showSheet: m
-    }), (d, u) => {
-      const p = resolveComponent("FmSelect"), y = resolveComponent("FmStepperField"), k = resolveComponent("FmButton"), C = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(C, {
+    return c({
+      showSheet: y
+    }), (d, m) => {
+      const f = resolveComponent("FmSelect"), v = resolveComponent("FmStepperField"), E = resolveComponent("FmButton"), x = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(x, {
         "max-width": 560,
-        modelValue: unref(s),
+        modelValue: unref(i),
         "onUpdate:modelValue": [
-          u[9] || (u[9] = (b) => isRef(s) ? s.value = b : null),
-          u[10] || (u[10] = (b) => s.value = b)
+          m[9] || (m[9] = (C) => isRef(i) ? i.value = C : null),
+          m[10] || (m[10] = (C) => i.value = C)
         ],
         header: "Edit reward",
         "dismiss-away": ""
       }, {
         "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_4$7, [
-            createVNode(k, {
+          createElementVNode("div", _hoisted_2$8, [
+            createVNode(E, {
               variant: "primary",
               type: "button",
-              disabled: unref(v).length > 0,
+              disabled: unref(h).length > 0,
               label: "Confirm",
-              onClick: u[7] || (u[7] = (b) => c())
+              onClick: m[7] || (m[7] = (C) => V())
             }, null, 8, ["disabled"]),
-            createVNode(k, {
+            createVNode(E, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: u[8] || (u[8] = (b) => s.value = !1)
+              onClick: m[8] || (m[8] = (C) => i.value = !1)
             })
           ])
         ]),
         default: withCtx(() => {
-          var b, x, E;
+          var C, R, B;
           return [
             unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-              createVNode(p, {
+              createVNode(f, {
                 label: "Reward Type",
                 items: [
                   { label: "No Reward", value: "NO_REWARD" },
@@ -1323,12 +1335,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   { label: "Loyalty", value: "LOYALTY" }
                 ],
                 "model-value": unref(l).type,
-                "onUpdate:modelValue": u[0] || (u[0] = (V) => {
-                  V == "NO_REWARD" ? l.value = {
+                "onUpdate:modelValue": m[0] || (m[0] = (k) => {
+                  k == "NO_REWARD" ? l.value = {
                     type: "NO_REWARD",
                     collectible: null,
                     weight: 1
-                  } : V === "VOUCHER" ? l.value = {
+                  } : k === "VOUCHER" ? l.value = {
                     collectible: null,
                     type: "VOUCHER",
                     collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -1343,7 +1355,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     },
                     weight: 1
                   } : l.value = {
-                    collectible: unref(r).loyaltyRewards.raw[0]._id,
+                    collectible: unref(u).loyaltyRewards.raw[0]._id,
                     type: "LOYALTY",
                     earningOption: {
                       amount: 1,
@@ -1356,74 +1368,74 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   };
                 })
               }, null, 8, ["model-value"]),
-              unref(l).type == "LOYALTY" ? (openBlock(), createBlock(p, {
+              unref(l).type == "LOYALTY" ? (openBlock(), createBlock(f, {
                 key: 0,
                 label: "Loyalty type",
-                rules: [unref(ZodHelper).ruleAtPath(unref(f), "collectible", [unref(l).type])],
-                items: unref(r).loyaltyRewards.items,
+                rules: [unref(ZodHelper).ruleAtPath(unref(p), "collectible", [unref(l).type])],
+                items: unref(u).loyaltyRewards.items,
                 "model-value": unref(l).collectible,
-                "onUpdate:modelValue": u[1] || (u[1] = (V) => unref(l).collectible = V)
+                "onUpdate:modelValue": m[1] || (m[1] = (k) => unref(l).collectible = k)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(y, {
+              createVNode(v, {
                 label: "Weight",
-                rules: [unref(ZodHelper).ruleAtPath(unref(f), "weight", [unref(l).type])],
+                rules: [unref(ZodHelper).ruleAtPath(unref(p), "weight", [unref(l).type])],
                 "model-value": unref(l).weight,
-                "onUpdate:modelValue": u[2] || (u[2] = (V) => l.value = {
+                "onUpdate:modelValue": m[2] || (m[2] = (k) => l.value = {
                   ...unref(l),
-                  weight: V
+                  weight: k
                 })
               }, null, 8, ["rules", "model-value"]),
               unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((b = unref(r).loyaltyRewards.items.find(
-                  (V) => {
-                    var N;
-                    return V.value === ((N = unref(l)) == null ? void 0 : N.collectible);
+                ((C = unref(u).loyaltyRewards.items.find(
+                  (k) => {
+                    var w;
+                    return k.value === ((w = unref(l)) == null ? void 0 : w.collectible);
                   }
-                )) == null ? void 0 : b.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_2$a,
+                )) == null ? void 0 : C.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  m[11] || (m[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$e, {
                     class: "mt-[-8px]",
                     rules: [
-                      unref(ZodHelper).ruleAtPath(unref(f), "earningOption", [unref(l).type])
+                      unref(ZodHelper).ruleAtPath(unref(p), "earningOption", [unref(l).type])
                     ],
-                    "helper-state": unref(ZodHelper).helperState(unref(v), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(v), "earningOption"),
+                    "helper-state": unref(ZodHelper).helperState(unref(h), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(h), "earningOption"),
                     "fixed-type": !0,
                     "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": u[3] || (u[3] = (V) => l.value = {
+                    "onUpdate:modelValue": m[3] || (m[3] = (k) => l.value = {
                       ...unref(l),
-                      earningOption: V
+                      earningOption: k
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                _hoisted_3$8,
+                m[12] || (m[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$z, {
-                  "for-credit": unref(l).type === "LOYALTY" && ((x = unref(r).loyaltyRewards.items.find(
-                    (V) => {
-                      var N;
-                      return V.value === ((N = unref(l)) == null ? void 0 : N.collectible);
+                  "for-credit": unref(l).type === "LOYALTY" && ((R = unref(u).loyaltyRewards.items.find(
+                    (k) => {
+                      var w;
+                      return k.value === ((w = unref(l)) == null ? void 0 : w.collectible);
                     }
-                  )) == null ? void 0 : x.raw.type) === "CREDIT",
+                  )) == null ? void 0 : R.raw.type) === "CREDIT",
                   class: "!gap-24",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(f), "validityOption", [unref(l).type])],
+                  rules: [unref(ZodHelper).ruleAtPath(unref(p), "validityOption", [unref(l).type])],
                   "model-value": unref(l).validityOption,
-                  "onUpdate:modelValue": u[4] || (u[4] = (V) => l.value = {
+                  "onUpdate:modelValue": m[4] || (m[4] = (k) => l.value = {
                     ...unref(l),
-                    validityOption: V
+                    validityOption: k
                   })
                 }, null, 8, ["for-credit", "rules", "model-value"])
               ], 64)) : createCommentVNode("", !0),
               unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$c, {
                 key: 2,
-                "reward-image": unref(t),
-                "model-value": ((E = unref(l)) == null ? void 0 : E.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": u[5] || (u[5] = (V) => l.value = {
+                "reward-image": unref(o),
+                "model-value": ((B = unref(l)) == null ? void 0 : B.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": m[5] || (m[5] = (k) => l.value = {
                   ...unref(l),
-                  collectibleConfig: V
+                  collectibleConfig: k
                 }),
-                "onUpdate:rewardImage": u[6] || (u[6] = (V) => t.value = V)
+                "onUpdate:rewardImage": m[6] || (m[6] = (k) => o.value = k)
               }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-              createVNode(JsonViewer, { json: unref(v) }, null, 8, ["json"])
+              createVNode(JsonViewer, { json: unref(h) }, null, 8, ["json"])
             ])) : createCommentVNode("", !0)
           ];
         }),
@@ -1435,7 +1447,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 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: {
@@ -1450,37 +1462,37 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = useMembershipStore(), s = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => n.modelValue ?? []), t = computed(() => {
-      const d = s.safeParse(l.value);
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = useMembershipStore(), i = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => s.modelValue ?? []), o = computed(() => {
+      const d = i.safeParse(l.value);
       return d.success ? [] : d.error.errors;
-    }), a = ref();
-    function f(d, u) {
-      var y;
-      const p = [...l.value];
-      p[u] = d, (y = a.value) == null || y.showSheet(!1), r("update:model-value", p);
+    }), n = ref();
+    function p(d, m) {
+      var v;
+      const f = [...l.value];
+      f[m] = d, (v = n.value) == null || v.showSheet(!1), u("update:model-value", f);
     }
-    function v(d) {
-      const u = d.type == "VOUCHER" ? d.collectibleConfig : o.collectibles.find(
-        (k) => k._id.toString() == d.collectible
-      ), p = CollectionUtils.formattedType((u == null ? void 0 : u.name) || ""), y = d.weight;
+    function h(d) {
+      const m = d.type == "VOUCHER" ? d.collectibleConfig : a.collectibles.find(
+        (E) => E._id.toString() == d.collectible
+      ), f = CollectionUtils.formattedType((m == null ? void 0 : m.name) || ""), v = d.weight;
       return {
-        label: isNullOrEmpty(p) ? "NO REWARD" : p,
-        sublabel: `${y} (${(y / l.value.reduce((k, C) => k + C.weight, 0) * 100).toFixed(2)}%)`
+        label: isNullOrEmpty(f) ? "NO REWARD" : f,
+        sublabel: `${v} (${(v / l.value.reduce((E, x) => E + x.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function m(d) {
-      var p;
-      const u = [...l.value];
-      (p = a.value) == null || p.showSheet(!0, u[d], d);
+    function y(d) {
+      var f;
+      const m = [...l.value];
+      (f = n.value) == null || f.showSheet(!0, m[d], d);
     }
     function g(d) {
-      const u = [...l.value];
-      u.splice(d, 1), r("update:model-value", u);
+      const m = [...l.value];
+      m.splice(d, 1), u("update:model-value", m);
     }
-    function c() {
+    function V() {
       var d;
-      (d = a.value) == null || d.showSheet(
+      (d = n.value) == null || d.showSheet(
         !0,
         {
           type: "NO_REWARD",
@@ -1490,52 +1502,52 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
         l.value.length
       );
     }
-    return (d, u) => {
-      const p = resolveComponent("FmButton"), y = resolveComponent("FmCard"), k = resolveComponent("FmHelperText");
+    return (d, m) => {
+      const f = resolveComponent("FmButton"), v = resolveComponent("FmCard"), E = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _hoisted_2$9,
-        createVNode(p, {
+        m[1] || (m[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(f, {
           label: "Add Reward",
-          onClick: u[0] || (u[0] = (C) => c()),
+          onClick: m[0] || (m[0] = (x) => V()),
           variant: "plain",
           icon: "add"
         }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (C, b) => (openBlock(), createBlock(y, {
-          key: b,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (x, C) => (openBlock(), createBlock(v, {
+          key: C,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (x) => m(b)
+          onClick: (R) => y(C)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3$7, toDisplayString(v(C).label), 1),
-              createElementVNode("div", _hoisted_4$6, toDisplayString(v(C).sublabel), 1)
+              createElementVNode("div", _hoisted_2$7, toDisplayString(h(x).label), 1),
+              createElementVNode("div", _hoisted_3$6, toDisplayString(h(x).sublabel), 1)
             ]),
-            createVNode(p, {
+            createVNode(f, {
               icon: "delete",
               variant: "tertiary",
-              onClick: (x) => (x.stopPropagation(), g(b))
+              onClick: (R) => (R.stopPropagation(), g(C))
             }, null, 8, ["onClick"])
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(t).filter((C) => C.path.join(".") == ""), (C) => (openBlock(), createBlock(k, {
-          key: C.message,
-          text: C.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((x) => x.path.join(".") == ""), (x) => (openBlock(), createBlock(E, {
+          key: x.message,
+          text: x.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
         createVNode(_sfc_main$b, {
           ref_key: "sheetRef",
-          ref: a,
-          "onUpdate:modelValue": f
+          ref: n,
+          "onUpdate:modelValue": p
         }, 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: {
@@ -1543,48 +1555,48 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = computed(() => [
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = 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, l) => {
-      var v, m, g;
-      const t = resolveComponent("FmSwitch"), a = resolveComponent("FmCard"), f = resolveComponent("FmHelperText");
+    return (i, l) => {
+      var h, y, g;
+      const o = resolveComponent("FmSwitch"), n = resolveComponent("FmCard"), p = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createVNode(t, {
+        createVNode(o, {
           label: "Enable game",
-          "model-value": !!((v = e.modelValue) != null && v.gameType),
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => c ? r("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : r("update:model-value", null))
+          "model-value": !!((h = e.modelValue) != null && h.gameType),
+          "onUpdate:modelValue": l[0] || (l[0] = (V) => V ? u("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : u("update:model-value", null))
         }, null, 8, ["model-value"]),
-        ((m = e.modelValue) == null ? void 0 : m.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (c) => {
-            var d, u;
-            return openBlock(), createBlock(a, {
+        ((y = e.modelValue) == null ? void 0 : y.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (V) => {
+            var d, m;
+            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(o).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((d = e.modelValue) == null ? void 0 : d.gameType) == c.value,
-                "hover:bg-fm-color-opacity-sm": ((u = e.modelValue) == null ? void 0 : u.gameType) != c.value
+                "col-span-2": unref(a).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((d = e.modelValue) == null ? void 0 : d.gameType) == V.value,
+                "hover:bg-fm-color-opacity-sm": ((m = e.modelValue) == null ? void 0 : m.gameType) != V.value
               }]),
               onClick: () => {
-                var p;
-                ((p = n.modelValue) == null ? void 0 : p.gameType) != c.value && r("update:model-value", { gameType: c.value });
+                var f;
+                ((f = s.modelValue) == null ? void 0 : f.gameType) != V.value && u("update:model-value", { gameType: V.value });
               },
-              key: c.value
+              key: V.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$6, toDisplayString(c.label), 1),
-                createElementVNode("div", _hoisted_4$5, toDisplayString(c.description), 1)
+                createElementVNode("div", _hoisted_3$5, toDisplayString(V.label), 1),
+                createElementVNode("div", _hoisted_4$4, toDisplayString(V.description), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
           }), 128))
         ])) : createCommentVNode("", !0),
-        ((g = e.modelValue) == null ? void 0 : g.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(f, {
+        ((g = e.modelValue) == null ? void 0 : g.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(p, {
           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"
@@ -1592,7 +1604,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: {
@@ -1600,8 +1612,8 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = computed(() => [
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = computed(() => [
       {
         label: "Stamp",
         description: "Award stamps for purchases, redeemable after reaching set milestones.",
@@ -1613,26 +1625,26 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
     ]);
-    return (s, l) => {
-      const t = resolveComponent("FmCard");
+    return (i, l) => {
+      const o = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        _hoisted_2$7,
-        createElementVNode("div", _hoisted_3$5, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (a) => (openBlock(), createBlock(t, {
+        l[0] || (l[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(a), (n) => (openBlock(), createBlock(o, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(o).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+              "col-span-2": unref(a).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
             }]),
             onClick: () => {
-              n.modelValue != a.value && r("update:model-value", a.value);
+              s.modelValue != n.value && u("update:model-value", n.value);
             },
-            key: a.value
+            key: n.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$4, toDisplayString(a.label), 1),
-              createElementVNode("div", _hoisted_5$3, toDisplayString(a.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))
@@ -1640,7 +1652,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: {
@@ -1654,23 +1666,23 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = i;
-    return (r, o) => {
-      const s = resolveComponent("FmStepperField");
+  setup(e, { emit: c }) {
+    const s = c;
+    return (u, a) => {
+      const i = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        _hoisted_2$6,
-        createVNode(s, {
+        a[1] || (a[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": o[0] || (o[0] = (l) => n("update:model-value", l)),
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => s("update:model-value", l)),
           "helper-text": e.helperText || "Set the threshold required for reward eligibility",
           "helper-state": e.helperState || "none"
         }, null, 8, ["model-value", "helper-text", "helper-state"])
       ]);
     };
   }
-}), _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: {
@@ -1679,103 +1691,103 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   emits: ["update:model-value"],
-  setup(e, { expose: i, emit: n }) {
-    const r = e, o = useMembershipStore(), { minor: s } = useLoading, l = ref(!1), t = ref(), a = ref(), f = ref(0), v = FdtoThresholdReward, m = computed(() => {
-      const p = v.safeParse(t.value);
-      return p.success ? [] : p.error.errors;
+  setup(e, { expose: c, emit: s }) {
+    const u = e, a = useMembershipStore(), { minor: i } = useLoading, l = ref(!1), o = ref(), n = ref(), p = ref(0), h = FdtoThresholdReward, y = computed(() => {
+      const f = h.safeParse(o.value);
+      return f.success ? [] : f.error.errors;
     });
-    function g(p, y, k) {
-      p && (t.value = y, f.value = k), l.value = p;
+    function g(f, v, E) {
+      f && (o.value = v, p.value = E), l.value = f;
     }
-    const c = n;
+    const V = s;
     async function d() {
-      console.log(t.value);
-      const p = v.safeParse(t.value);
-      p.success && (await s(
+      console.log(o.value);
+      const f = h.safeParse(o.value);
+      f.success && (await i(
         async () => {
-          p.data.type === "VOUCHER" && a.value && (p.data.collectibleConfig.image = await firebaseStorage.update(
-            p.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, a.value),
-            a.value
+          f.data.type === "VOUCHER" && n.value && (f.data.collectibleConfig.image = await firebaseStorage.update(
+            f.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
+            n.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), c("update:model-value", p.data, f.value));
+      ), V("update:model-value", f.data, p.value));
     }
-    const u = ref();
-    return i({
+    const m = ref();
+    return c({
       showSheet: g
-    }), (p, y) => {
-      const k = resolveComponent("FmStepperField"), C = resolveComponent("FmSelect"), b = resolveComponent("FmForm"), x = resolveComponent("FmButton"), E = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(E, {
+    }), (f, v) => {
+      const E = resolveComponent("FmStepperField"), x = resolveComponent("FmSelect"), C = resolveComponent("FmForm"), R = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(B, {
         "max-width": 560,
         modelValue: unref(l),
         "onUpdate:modelValue": [
-          y[10] || (y[10] = (V) => isRef(l) ? l.value = V : null),
-          y[11] || (y[11] = (V) => l.value = V)
+          v[10] || (v[10] = (k) => isRef(l) ? l.value = k : null),
+          v[11] || (v[11] = (k) => l.value = k)
         ],
         header: "Edit reward",
         "dismiss-away": ""
       }, {
         "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_2$5, [
-            createVNode(x, {
+          createElementVNode("div", _hoisted_1$6, [
+            createVNode(R, {
               variant: "primary",
               type: "button",
               label: "Confirm",
-              onClick: y[8] || (y[8] = async () => {
-                var V;
-                return (V = unref(u)) == null ? void 0 : V.validateInputs();
+              onClick: v[8] || (v[8] = async () => {
+                var k;
+                return (k = unref(m)) == null ? void 0 : k.validateInputs();
               })
             }),
-            createVNode(x, {
+            createVNode(R, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: y[9] || (y[9] = (V) => l.value = !1)
+              onClick: v[9] || (v[9] = (k) => l.value = !1)
             })
           ])
         ]),
         default: withCtx(() => [
-          unref(t) ? (openBlock(), createBlock(b, {
+          unref(o) ? (openBlock(), createBlock(C, {
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
-            ref: u,
-            onValidationSuccess: y[7] || (y[7] = (V) => d())
+            ref: m,
+            onValidationSuccess: v[7] || (v[7] = (k) => d())
           }, {
             default: withCtx(() => {
-              var V, N;
+              var k, w;
               return [
-                unref(t).type ? (openBlock(), createBlock(k, {
+                unref(o).type ? (openBlock(), createBlock(E, {
                   key: 0,
                   label: "Threshold",
                   rules: [
                     unref(ZodHelper).toRule(
                       unref(z).number().min(1).max(
-                        r.maxThreshold,
-                        `Number cannot be more than ${r.maxThreshold}`
+                        u.maxThreshold,
+                        `Number cannot be more than ${u.maxThreshold}`
                       )
                     )
                   ],
-                  "model-value": unref(t).threshold,
-                  "onUpdate:modelValue": y[0] || (y[0] = (h) => t.value = {
-                    ...unref(t),
-                    threshold: h
+                  "model-value": unref(o).threshold,
+                  "onUpdate:modelValue": v[0] || (v[0] = (b) => o.value = {
+                    ...unref(o),
+                    threshold: b
                   })
                 }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
-                createVNode(C, {
+                createVNode(x, {
                   label: "Reward Type",
                   items: [
                     { label: "Voucher", value: "VOUCHER" },
                     { label: "Loyalty", value: "LOYALTY" }
                   ],
-                  "model-value": unref(t).type,
-                  "onUpdate:modelValue": y[1] || (y[1] = (h) => {
-                    var R, B;
-                    h === "VOUCHER" ? t.value = {
+                  "model-value": unref(o).type,
+                  "onUpdate:modelValue": v[1] || (v[1] = (b) => {
+                    var S, N;
+                    b === "VOUCHER" ? o.value = {
                       collectible: null,
                       type: "VOUCHER",
                       collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -1788,9 +1800,9 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (R = unref(t)) == null ? void 0 : R.threshold
-                    } : t.value = {
-                      collectible: unref(o).loyaltyRewards.raw[0]._id,
+                      threshold: (S = unref(o)) == null ? void 0 : S.threshold
+                    } : o.value = {
+                      collectible: unref(a).loyaltyRewards.raw[0]._id,
                       type: "LOYALTY",
                       earningOption: {
                         amount: 1,
@@ -1799,59 +1811,59 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (B = unref(t)) == null ? void 0 : B.threshold
+                      threshold: (N = unref(o)) == null ? void 0 : N.threshold
                     };
                   })
                 }, null, 8, ["model-value"]),
-                unref(t).type == "LOYALTY" ? (openBlock(), createBlock(C, {
+                unref(o).type == "LOYALTY" ? (openBlock(), createBlock(x, {
                   key: 1,
                   label: "Loyalty type",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(v), "collectible", [unref(t).type])],
-                  items: unref(o).loyaltyRewards.items,
-                  "model-value": unref(t).collectible,
-                  "onUpdate:modelValue": y[2] || (y[2] = (h) => unref(t).collectible = h)
+                  rules: [unref(ZodHelper).ruleAtPath(unref(h), "collectible", [unref(o).type])],
+                  items: unref(a).loyaltyRewards.items,
+                  "model-value": unref(o).collectible,
+                  "onUpdate:modelValue": v[2] || (v[2] = (b) => unref(o).collectible = b)
                 }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-                unref(t).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  _hoisted_1$6,
+                unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  v[12] || (v[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$e, {
                     class: "mt-[-8px]",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(v), "earningOption", [unref(t).type])],
-                    "helper-state": unref(ZodHelper).helperState(unref(m), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(m), "earningOption"),
+                    rules: [unref(ZodHelper).ruleAtPath(unref(h), "earningOption", [unref(o).type])],
+                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
                     "fixed-type": !0,
-                    "model-value": unref(t).earningOption,
-                    "onUpdate:modelValue": y[3] || (y[3] = (h) => t.value = {
-                      ...unref(t),
-                      earningOption: h
+                    "model-value": unref(o).earningOption,
+                    "onUpdate:modelValue": v[3] || (v[3] = (b) => o.value = {
+                      ...unref(o),
+                      earningOption: b
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
                   createVNode(_sfc_main$z, {
                     class: "!gap-24",
-                    "for-credit": unref(t).type === "LOYALTY" && ((V = unref(o).loyaltyRewards.items.find(
-                      (h) => {
-                        var R;
-                        return h.value === ((R = unref(t)) == null ? void 0 : R.collectible);
+                    "for-credit": unref(o).type === "LOYALTY" && ((k = unref(a).loyaltyRewards.items.find(
+                      (b) => {
+                        var S;
+                        return b.value === ((S = unref(o)) == null ? void 0 : S.collectible);
                       }
-                    )) == null ? void 0 : V.raw.type) === "CREDIT",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(v), "validityOption", [unref(t).type])],
-                    "model-value": unref(t).validityOption,
-                    "onUpdate:modelValue": y[4] || (y[4] = (h) => t.value = {
-                      ...unref(t),
-                      validityOption: h
+                    )) == null ? void 0 : k.raw.type) === "CREDIT",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(h), "validityOption", [unref(o).type])],
+                    "model-value": unref(o).validityOption,
+                    "onUpdate:modelValue": v[4] || (v[4] = (b) => o.value = {
+                      ...unref(o),
+                      validityOption: b
                     })
                   }, null, 8, ["for-credit", "rules", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                unref(t).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$c, {
+                unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$c, {
                   key: 3,
-                  "reward-image": unref(a),
-                  "model-value": ((N = unref(t)) == null ? void 0 : N.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": y[5] || (y[5] = (h) => t.value = {
-                    ...unref(t),
-                    collectibleConfig: h
+                  "reward-image": unref(n),
+                  "model-value": ((w = unref(o)) == null ? void 0 : w.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": v[5] || (v[5] = (b) => o.value = {
+                    ...unref(o),
+                    collectibleConfig: b
                   }),
-                  "onUpdate:rewardImage": y[6] || (y[6] = (h) => a.value = h)
+                  "onUpdate:rewardImage": v[6] || (v[6] = (b) => n.value = b)
                 }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-                createVNode(JsonViewer, { json: unref(m) }, null, 8, ["json"])
+                createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
               ];
             }),
             _: 1
@@ -1864,7 +1876,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: {
@@ -1885,19 +1897,19 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$9 = /* @__PURE__ */ cre
     }
   },
   setup(e) {
-    const i = e, { maxRange: n, currentRange: r, markers: o } = toRefs(i), s = computed(
-      () => Math.min(r.value / n.value * 100, 100)
-    ), l = (t) => t / n.value * 100;
-    return (t, a) => {
-      const f = resolveComponent("FmIcon");
+    const c = e, { maxRange: s, currentRange: u, markers: a } = toRefs(c), i = computed(
+      () => Math.min(u.value / s.value * 100, 100)
+    ), l = (o) => o / s.value * 100;
+    return (o, n) => {
+      const p = resolveComponent("FmIcon");
       return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(n), 40), (v) => (openBlock(), createBlock(f, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(s), 40), (h) => (openBlock(), createBlock(p, {
           class: normalizeClass(
-            unref(r) >= v ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+            unref(u) >= h ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
           ),
-          outline: unref(r) < v,
-          key: v,
-          name: unref(o).some((m) => m === v) ? "featured_seasonal_and_gifts" : "check_circle"
+          outline: unref(u) < h,
+          key: h,
+          name: unref(a).some((y) => y === h) ? "featured_seasonal_and_gifts" : "check_circle"
         }, null, 8, ["class", "outline", "name"]))), 128))
       ])) : (openBlock(), createElementBlock("div", {
         key: 1,
@@ -1905,18 +1917,18 @@ 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(o), (v, m) => (openBlock(), createElementBlock("div", {
-          key: m,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (h, y) => (openBlock(), createElementBlock("div", {
+          key: y,
           class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
-          style: normalizeStyle({ left: l(v) + "%" })
+          style: normalizeStyle({ left: l(h) + "%" })
         }, [
           createElementVNode("div", _hoisted_2$4, [
             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))
       ]));
@@ -1924,19 +1936,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 i(n, r = 1, o) {
-    if (r === 0 || !isObject(n))
-      return n;
-    if (Array.isArray(n))
-      return n.map((l) => i(l, r - 1, o));
-    const s = Object.create(Object.getPrototypeOf(n));
-    return Object.keys(n).forEach((l) => {
-      const t = n[l], a = e(l, o), f = i(t, r - 1, o);
-      s[a] = f;
-    }), s;
+  return function c(s, u = 1, a) {
+    if (u === 0 || !isObject(s))
+      return s;
+    if (Array.isArray(s))
+      return s.map((l) => c(l, u - 1, a));
+    const i = Object.create(Object.getPrototypeOf(s));
+    return Object.keys(s).forEach((l) => {
+      const o = s[l], n = e(l, a), p = c(o, u - 1, a);
+      i[n] = p;
+    }), 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: {
@@ -1949,43 +1961,43 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, o = useMembershipStore(), s = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
-      () => n.modelValue.sort((u, p) => u.threshold - p.threshold) ?? []
-    ), t = computed(() => {
-      const u = s.safeParse(l.value);
-      return u.success ? [] : u.error.errors;
-    }), a = ref();
-    function f(u, p) {
-      var k;
-      const y = [...l.value];
-      y[p] = u, (k = a.value) == null || k.showSheet(!1), r("update:model-value", y);
+  setup(e, { emit: c }) {
+    const s = e, u = c, a = useMembershipStore(), i = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
+      () => s.modelValue.sort((m, f) => m.threshold - f.threshold) ?? []
+    ), o = computed(() => {
+      const m = i.safeParse(l.value);
+      return m.success ? [] : m.error.errors;
+    }), n = ref();
+    function p(m, f) {
+      var E;
+      const v = [...l.value];
+      v[f] = m, (E = n.value) == null || E.showSheet(!1), u("update:model-value", v);
     }
-    function v(u) {
-      const p = u.type == "VOUCHER" ? u.collectibleConfig : o.collectibles.find(
-        (k) => k._id.toString() == u.collectible
-      ), y = CollectionUtils.formattedType((p == null ? void 0 : p.name) || "");
+    function h(m) {
+      const f = m.type == "VOUCHER" ? m.collectibleConfig : a.collectibles.find(
+        (E) => E._id.toString() == m.collectible
+      ), v = CollectionUtils.formattedType((f == null ? void 0 : f.name) || "");
       return {
-        label: isNullOrEmpty(y) ? "NO REWARD" : y,
-        sublabel: `Reward at ${u.threshold} | Amount: ${u.earningOption.type == "FIXED" ? u.earningOption.amount : `${u.earningOption.amount} for every RM${u.earningOption.every} spent`} `
+        label: isNullOrEmpty(v) ? "NO REWARD" : v,
+        sublabel: `Reward at ${m.threshold} | Amount: ${m.earningOption.type == "FIXED" ? m.earningOption.amount : `${m.earningOption.amount} for every RM${m.earningOption.every} spent`} `
       };
     }
-    function m(u) {
-      var y;
-      const p = [...l.value];
-      (y = a.value) == null || y.showSheet(!0, p[u], u);
+    function y(m) {
+      var v;
+      const f = [...l.value];
+      (v = n.value) == null || v.showSheet(!0, f[m], m);
     }
-    function g(u) {
-      const p = [...l.value];
-      p.splice(u, 1), r("update:model-value", p);
+    function g(m) {
+      const f = [...l.value];
+      f.splice(m, 1), u("update:model-value", f);
     }
-    function c() {
-      var u;
-      (u = a.value) == null || u.showSheet(
+    function V() {
+      var m;
+      (m = n.value) == null || m.showSheet(
         !0,
         {
           type: "LOYALTY",
-          collectible: o.loyaltyRewards.items[0].value,
+          collectible: a.loyaltyRewards.items[0].value,
           threshold: null,
           validityOption: {
             validForDay: 7
@@ -1998,92 +2010,92 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         l.value.length
       );
     }
-    function d(u) {
-      var p, y;
-      return u.type == "VOUCHER" ? (p = u.collectibleConfig) == null ? void 0 : p.name : sentenceCase(
-        ((y = o.loyaltyRewards.items.find(
-          (k) => k.value == u.collectible
-        )) == null ? void 0 : y.label) || ""
+    function d(m) {
+      var f, v;
+      return m.type == "VOUCHER" ? (f = m.collectibleConfig) == null ? void 0 : f.name : sentenceCase(
+        ((v = a.loyaltyRewards.items.find(
+          (E) => E.value == m.collectible
+        )) == null ? void 0 : v.label) || ""
       );
     }
-    return (u, p) => {
-      const y = resolveComponent("FmButton"), k = resolveComponent("FmCard"), C = resolveComponent("FmHelperText");
+    return (m, f) => {
+      const v = resolveComponent("FmButton"), E = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        _hoisted_2$3,
-        createVNode(y, {
+        f[2] || (f[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(v, {
           label: "Add Reward",
-          onClick: p[0] || (p[0] = (b) => c()),
+          onClick: f[0] || (f[0] = (C) => V()),
           variant: "plain",
           icon: "add"
         }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (b, x) => (openBlock(), createBlock(k, {
-          key: x,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (C, R) => (openBlock(), createBlock(E, {
+          key: R,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (E) => m(x)
+          onClick: (B) => y(R)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3$3, toDisplayString(v(b).label), 1),
-              createElementVNode("div", _hoisted_4$3, toDisplayString(v(b).sublabel), 1)
+              createElementVNode("div", _hoisted_2$3, toDisplayString(h(C).label), 1),
+              createElementVNode("div", _hoisted_3$3, toDisplayString(h(C).sublabel), 1)
             ]),
-            createVNode(y, {
+            createVNode(v, {
               icon: "delete",
               variant: "tertiary",
-              onClick: (E) => (E.stopPropagation(), g(x))
+              onClick: (B) => (B.stopPropagation(), g(R))
             }, null, 8, ["onClick"])
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(t).filter((b) => b.path.join(".") == ""), (b) => (openBlock(), createBlock(C, {
-          key: b.message,
-          text: b.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((C) => C.path.join(".") == ""), (C) => (openBlock(), createBlock(x, {
+          key: C.message,
+          text: C.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
-        _hoisted_5$2,
-        createVNode(k, {
+        f[3] || (f[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1)),
+        createVNode(E, {
           variant: "outlined",
           class: "p-24 space-y-16 w-fit"
         }, {
           default: withCtx(() => [
-            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(e.modelValue[e.modelValue.length - 1].earningOption.amount > 1 ? e.modelValue[e.modelValue.length - 1].earningOption.amount : "") + " " + toDisplayString(d(e.modelValue[e.modelValue.length - 1])), 1),
-                _hoisted_8$2
+                createElementVNode("div", _hoisted_5$2, " Collect " + toDisplayString(e.mission.end) + " stamps to get " + toDisplayString(e.modelValue[e.modelValue.length - 1].earningOption.amount > 1 ? e.modelValue[e.modelValue.length - 1].earningOption.amount : "") + " " + toDisplayString(d(e.modelValue[e.modelValue.length - 1])), 1),
+                f[1] || (f[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)
+                markers: e.modelValue.map((C) => C.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)
             ])
           ]),
           _: 1
         }),
         createVNode(_sfc_main$6, {
           ref_key: "sheetRef",
-          ref: a,
-          "onUpdate:modelValue": f,
+          ref: n,
+          "onUpdate:modelValue": p,
           "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: i }) {
-    const n = e, r = computed(() => {
-      const l = FdoMission.safeParse(n.modelValue);
+  setup(e, { emit: c }) {
+    const s = e, u = computed(() => {
+      const l = FdoMission.safeParse(s.modelValue);
       return l.success ? [] : l.error.errors;
-    }), o = computed(() => [
+    }), a = computed(() => [
       {
         label: "Stamp",
         description: "Award stamps for purchases, redeemable after reaching set milestones.",
@@ -2094,59 +2106,59 @@ 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 = i;
-    return (l, t) => {
-      var v;
-      const a = resolveComponent("FmCard"), f = resolveComponent("FmStepperField");
+    ]), i = c;
+    return (l, o) => {
+      var h;
+      const n = resolveComponent("FmCard"), p = 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, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (m) => {
-              var g, c;
-              return openBlock(), createBlock(a, {
+          o[1] || (o[1] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1)),
+          o[2] || (o[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(a), (y) => {
+              var g, V;
+              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(o).length == 1,
-                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((g = e.modelValue) == null ? void 0 : g.type) == m.value,
-                  "hover:bg-fm-color-opacity-sm": ((c = e.modelValue) == null ? void 0 : c.type) != m.value
+                  "col-span-2": unref(a).length == 1,
+                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((g = e.modelValue) == null ? void 0 : g.type) == y.value,
+                  "hover:bg-fm-color-opacity-sm": ((V = e.modelValue) == null ? void 0 : V.type) != y.value
                 }]),
                 onClick: () => {
-                  var d, u;
-                  ((d = e.modelValue) == null ? void 0 : d.type) != m.value && s("update:model-value", {
+                  var d, m;
+                  ((d = e.modelValue) == null ? void 0 : d.type) != y.value && i("update:model-value", {
                     ...e.modelValue,
-                    type: m.value,
-                    end: ((u = e.modelValue) == null ? void 0 : u.end) || 1
+                    type: y.value,
+                    end: ((m = e.modelValue) == null ? void 0 : m.end) || 1
                   });
                 },
-                key: m.value
+                key: y.value
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6$1, toDisplayString(m.label), 1),
-                  createElementVNode("div", _hoisted_7$1, toDisplayString(m.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(f, {
+        createElementVNode("div", _hoisted_6$1, [
+          o[3] || (o[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1)),
+          o[4] || (o[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(p, {
             label: "Maximum to collect",
-            "model-value": ((v = e.modelValue) == null ? void 0 : v.end) || null,
-            "onUpdate:modelValue": t[0] || (t[0] = (m) => {
+            "model-value": ((h = e.modelValue) == null ? void 0 : h.end) || null,
+            "onUpdate:modelValue": o[0] || (o[0] = (y) => {
               var g;
-              return s("update:model-value", {
+              return i("update:model-value", {
                 ...e.modelValue,
                 type: ((g = e.modelValue) == null ? void 0 : g.type) || "STAMP",
-                end: m
+                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(u), "end") || "Set the threshold required for reward eligibility",
+            "helper-state": unref(ZodHelper).helperState(unref(u), "end") || "none"
           }, null, 8, ["model-value", "helper-text", "helper-state"])
         ])
       ]);
@@ -2174,202 +2186,205 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value", "update:file"],
-  setup(e, { emit: i }) {
-    const n = e, r = i;
-    function o(a) {
-      switch (n.field.type) {
+  setup(e, { emit: c }) {
+    const { t: s } = useI18n(), u = e, a = c;
+    function i(p) {
+      switch (u.field.type) {
         case "timeframe":
-          const f = a.startDate ? hooks(a.startDate).startOf("day").toISOString() : void 0, v = a.endDate ? hooks(a.endDate).endOf("day").toISOString() : void 0;
-          r("update:model-value", {
+          const h = p.startDate ? hooks(p.startDate).startOf("day").toISOString() : void 0, y = p.endDate ? hooks(p.endDate).endOf("day").toISOString() : void 0;
+          a("update:model-value", {
             type: "timeframe",
             property: "__now",
-            start: f,
-            end: v
+            start: h,
+            end: y
           });
           break;
         case "image": {
-          r(
+          a(
             "update:file",
-            a,
-            s.value || firebaseStorage.collectibleImagePath(void 0, a)
+            p,
+            l.value || firebaseStorage.collectibleImagePath(void 0, p)
           );
           break;
         }
         default:
-          r("update:model-value", a);
+          a("update:model-value", p);
           break;
       }
     }
-    const s = computed(() => {
-      switch (n.field.type) {
+    const l = computed(() => {
+      switch (u.field.type) {
         case "timeframe": {
-          const a = n.modelValue;
+          const p = u.modelValue;
           return {
-            startDate: a != null && a.start ? hooks(a == null ? void 0 : a.start).format("YYYY-MM-DD") : null,
-            endDate: a != null && a.end ? hooks(a == null ? void 0 : a.end).format("YYYY-MM-DD") : null
+            startDate: p != null && p.start ? hooks(p == null ? void 0 : p.start).format("YYYY-MM-DD") : null,
+            endDate: p != null && p.end ? hooks(p == null ? void 0 : p.end).format("YYYY-MM-DD") : null
           };
         }
         default:
-          return n.modelValue;
+          return u.modelValue;
       }
     });
-    function l() {
-      if (!t.value.schema) return [];
-      const a = t.value.schema.safeParse(n.modelValue);
-      return a.success ? [] : a.error.errors;
+    function o() {
+      if (!n.value.schema) return [];
+      const p = n.value.schema.safeParse(u.modelValue);
+      return p.success ? [] : p.error.errors;
     }
-    const t = computed(() => ({
-      schema: n.schema,
-      unwrapped: n.schema ? ZodHelper.unwrap(n.schema) : void 0,
-      rules: n.schema ? [ZodHelper.ruleAtPath(n.schema, "")] : void 0,
-      labelMark: n.schema && ZodHelper.isRequired(n.schema) == !1 ? "optional" : void 0,
-      zodLabel: n.schema ? ZodHelper.toInputLabel(n.schema, n.field.label) : void 0
+    const n = computed(() => ({
+      schema: u.schema,
+      unwrapped: u.schema ? ZodHelper.unwrap(u.schema) : void 0,
+      rules: u.schema ? [ZodHelper.ruleAtPath(u.schema, "")] : void 0,
+      labelMark: u.schema && ZodHelper.isRequired(u.schema) == !1 ? "optional" : void 0,
+      zodLabel: u.schema ? ZodHelper.toInputLabel(u.schema, u.field.label) : void 0
     }));
-    return (a, f) => {
-      var u, p, y, k, C;
-      const v = resolveComponent("FmTextField"), m = resolveComponent("FmStepperField"), g = resolveComponent("FmTextarea"), c = resolveComponent("FmHelperText"), d = resolveComponent("FmSwitch");
-      return e.field.type === "text" ? (openBlock(), createBlock(v, {
+    return (p, h) => {
+      var f, v, E, x, C;
+      const y = resolveComponent("FmTextField"), g = resolveComponent("FmStepperField"), V = resolveComponent("FmTextarea"), d = resolveComponent("FmHelperText"), m = resolveComponent("FmSwitch");
+      return e.field.type === "text" ? (openBlock(), createBlock(y, {
         key: 0,
-        label: e.field.label,
-        "label-mark": unref(t).labelMark,
-        rules: unref(t).rules,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
-      }, null, 8, ["label", "label-mark", "rules", "model-value"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        label: unref(s)(e.field.label),
+        "label-mark": unref(n).labelMark,
+        rules: unref(n).rules,
+        "model-value": unref(l),
+        "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(t).unwrapped, props: n }
+          json: { schema: unref(n).unwrapped, props: u }
         }, null, 8, ["json"]),
-        createVNode(m, {
-          label: e.field.label,
-          "label-mark": e.field.isRuleChildren ? void 0 : unref(t).labelMark,
-          "model-value": unref(s),
-          rules: e.field.isRuleChildren ? [] : unref(t).rules,
-          "onUpdate:modelValue": o,
+        createVNode(g, {
+          label: unref(s)(e.field.label),
+          "label-mark": e.field.isRuleChildren ? void 0 : unref(n).labelMark,
+          "model-value": unref(l),
+          rules: e.field.isRuleChildren ? [] : unref(n).rules,
+          "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"])
-      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(g, {
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(V, {
         key: 2,
-        label: e.field.label,
-        "label-mark": unref(t).labelMark,
-        rules: unref(t).rules,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
+        label: unref(s)(e.field.label),
+        "label-mark": unref(n).labelMark,
+        rules: unref(n).rules,
+        "model-value": unref(l),
+        "onUpdate:modelValue": i,
         "show-word-count": "",
-        "max-length": (C = (k = (y = (p = (u = unref(t)) == null ? void 0 : u.unwrapped) == null ? void 0 : p._def) == null ? void 0 : y.checks) == null ? void 0 : k.find((b) => b.kind == "max")) == null ? void 0 : C.value
+        "max-length": (C = (x = (E = (v = (f = unref(n)) == null ? void 0 : f.unwrapped) == null ? void 0 : v._def) == null ? void 0 : E.checks) == null ? void 0 : x.find((R) => R.kind == "max")) == null ? void 0 : C.value
       }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$j, {
         key: 3,
         "campaign-type": e.extras,
-        "model-value": unref(s),
+        "model-value": unref(l),
         disabled: e.disabled,
-        "onUpdate:modelValue": o
+        "onUpdate:modelValue": i
       }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createVNode(_sfc_main$h, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        createVNode(c, {
+        createVNode(d, {
           class: "!mt-[8px]",
-          text: unref(ZodHelper).helperText(l(), ""),
-          state: unref(ZodHelper).helperState(l(), "")
+          text: unref(ZodHelper).helperText(o(), ""),
+          state: unref(ZodHelper).helperState(o(), "")
         }, null, 8, ["text", "state"])
       ], 64)) : e.field.type === "image" ? (openBlock(), createBlock(_sfc_main$v, {
         key: 5,
-        thumbnail: unref(s),
+        thumbnail: unref(l),
         "aspect-ratio": "16 / 9",
         class: "w-1/2 xs:w-2/3",
-        "onUpdate:file": o
+        "onUpdate:file": i
       }, {
         label: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(t).zodLabel)))
+          (openBlock(), createBlock(resolveDynamicComponent(unref(n).zodLabel)))
         ]),
         _: 1
-      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(d, {
+      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(m, {
         key: 6,
-        label: e.field.label,
+        label: unref(s)(e.field.label),
         "label-placement": "right",
         sublabel: e.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
-        "label-mark": unref(t).labelMark,
-        rules: unref(t).rules,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "label-mark": unref(n).labelMark,
+        rules: unref(n).rules,
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$x, {
         key: 7,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
+        "model-value": unref(l),
+        "onUpdate:modelValue": i,
         "no-campaign": !1,
-        schema: unref(t).schema,
+        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$y, {
         key: 8,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
         createVNode(_sfc_main$w, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o,
+          "model-value": unref(l),
+          "onUpdate:modelValue": i,
           "can-set-auto-apply": e.field.property == "campaign.effect"
         }, null, 8, ["model-value", "can-set-auto-apply"]),
-        unref(s) ? createCommentVNode("", !0) : (openBlock(), createBlock(c, {
+        unref(l) ? createCommentVNode("", !0) : (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
-          text: "Effect is required",
+          text: unref(s)("connect.campaign.common.effect_required"),
           state: "error"
-        }))
+        }, null, 8, ["text"]))
       ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$A, {
         key: 10,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
-        "helper-text": unref(ZodHelper).helperText(l(), ""),
+        "allow-email": !0,
+        "model-value": unref(l),
+        "onUpdate:modelValue": i,
+        "helper-text": unref(ZodHelper).helperText(o(), ""),
         "trigger-type": e.field.extras,
-        "helper-state": unref(ZodHelper).helperState(l(), "")
+        "helper-state": unref(ZodHelper).helperState(o(), "")
       }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$e, {
         key: 11,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
+        "model-value": unref(l),
+        "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$z, {
         key: 12,
         type: "custom",
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
-        "helper-text": e.helperText || unref(ZodHelper).helperText(l(), "")
+        "model-value": unref(l),
+        "onUpdate:modelValue": i,
+        "helper-text": e.helperText || unref(ZodHelper).helperText(o(), "")
       }, null, 8, ["model-value", "helper-text"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$d, {
         key: 13,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$a, {
         key: 14,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
         key: 15,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
         key: 16,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o
+        "model-value": unref(l),
+        "onUpdate:modelValue": i
       }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
         key: 17,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
-        "helper-text": unref(ZodHelper).helperText(l(), ""),
-        "helper-state": unref(ZodHelper).helperState(l(), "")
+        "model-value": unref(l),
+        "onUpdate:modelValue": i,
+        "helper-text": unref(ZodHelper).helperText(o(), ""),
+        "helper-state": unref(ZodHelper).helperState(o(), "")
       }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
         key: 18,
-        "model-value": unref(s),
-        "onUpdate:modelValue": o,
+        "model-value": unref(l),
+        "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$g, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o,
+          "model-value": unref(l),
+          "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(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -2377,26 +2392,26 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
         createVNode(_sfc_main$o, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           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(s).rules.g_time).length > 0 ? (openBlock(), createBlock(c, {
+        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(l).rules.g_time).length > 0 ? (openBlock(), createBlock(d, {
           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$n, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 1,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -2404,10 +2419,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
         createVNode(_sfc_main$m, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -2415,10 +2430,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
         createVNode(_sfc_main$k, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -2426,10 +2441,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 24 }, [
         createVNode(_sfc_main$l, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -2437,19 +2452,19 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
         createVNode(_sfc_main$9, {
-          "model-value": unref(s),
-          "onUpdate:modelValue": o
+          "model-value": unref(l),
+          "onUpdate:modelValue": i
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(d, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(n.field), 1));
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(u.field), 1));
     };
   }
-}), _hoisted_1$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-600" }, "Campaign summary", -1), _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: {
@@ -2458,22 +2473,23 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   setup(e) {
-    return (i, n) => {
-      const r = resolveComponent("FmCard");
-      return openBlock(), createBlock(r, {
+    const { t: c, te: s } = useI18n();
+    return (u, a) => {
+      const i = resolveComponent("FmCard");
+      return openBlock(), createBlock(i, {
         variant: "outlined",
         class: "p-16 space-y-8"
       }, {
         default: withCtx(() => [
-          _hoisted_1$1,
-          _hoisted_2$1,
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (o, s) => (openBlock(), createElementBlock("div", {
+          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(c)("connect.campaign.common.summary")), 1),
+          a[0] || (a[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), (l, o) => (openBlock(), createElementBlock("div", {
             class: "space-y-4",
-            key: s
+            key: o
           }, [
-            o ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_3$1, toDisplayString(s), 1),
-              createElementVNode("div", _hoisted_4$1, toDisplayString(o), 1)
+            l ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(c)(`${o}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(s)(`${l}`) ? unref(c)(`${l}`) : l), 1)
             ], 64)) : createCommentVNode("", !0)
           ]))), 128))
         ]),
@@ -2484,54 +2500,47 @@ 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 }) {
-    const Dialog = useDialog(), sheetVisible = ref(!1), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
+    const Dialog = useDialog(), sheetVisible = ref(!1), { t } = useI18n(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
       TEMPLATES.VOUCHER
     ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign");
     async function showSheet(visible, type, campaign, selectedTemplate) {
-      var e, i;
+      var e, c;
       if (sheetVisible.value = visible, visible == !0) {
         try {
           isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
         } catch {
         } finally {
-          await new Promise((n) => setTimeout(n, 120)), isLoading.value = !1;
+          await new Promise((s) => setTimeout(s, 120)), isLoading.value = !1;
         }
-        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
-          ...(i = template.value) == null ? void 0 : i.defaultValue
+        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((s, u) => {
+          s.campaign.type === "VOUCHER" && s.campaign.code && useCampaignStore().campaigns.voucher.some(
+            (a) => a.code === s.campaign.code
+          ) && u.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
         }), "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`;
       }
     }
     async function hideSheet() {
       Dialog.open({
-        title: "Unsaved Changes",
-        message: "Are you sure you want to discard this changes?",
-        primaryActions: { text: "Discard", close: !0 },
-        secondaryActions: { text: "Cancel", close: !1 }
+        title: t("connect.campaign.common.unsaved_changes"),
+        message: t("connect.campaign.common.unsaved_changes"),
+        primaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_cancel"),
+          close: !1
+        }
       }).onPrimary(() => {
         sheetVisible.value = !1;
       }).onSecondary(() => {
@@ -2543,10 +2552,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       return e.success ? [] : e.error.errors;
     });
     function stepErrors(e = currentStep.value - 1) {
-      const i = template.value.steps[e].groups.flatMap(
-        (n) => n.fields.map((r) => r.property)
+      const c = template.value.steps[e].groups.flatMap(
+        (s) => s.fields.map((u) => u.property)
       );
-      return errors.value.filter((n) => i.includes(n.path.join(".")));
+      return errors.value.filter((s) => c.includes(s.path.join(".")));
     }
     __expose({ showSheet });
     function showSummaryDialog() {
@@ -2558,9 +2567,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }
       });
     }
-    function onUpdateProperty(e, i) {
-      if (_.set(data.value, e, i), e == "campaign.event.type") {
-        const n = RuleBuilder.setRuleToGroup(
+    function onUpdateProperty(e, c) {
+      if (_.set(data.value, e, c), e == "campaign.event.type") {
+        const s = RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup(),
           [
             RuleBuilder.scaffoldGroup("g_schedule"),
@@ -2568,7 +2577,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             RuleBuilder.scaffoldGroup("g_user"),
             RuleBuilder.scaffoldGroup("g_bill")
           ]
-        ), r = RuleBuilder.setRuleToGroup(
+        ), u = RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
           [
             RuleBuilder.constructEntry(
@@ -2580,29 +2589,29 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           ],
           "&&"
         );
-        if (i != "SCHEDULE") {
-          _.set(data.value, "campaign.event.rule", n);
+        if (c != "SCHEDULE") {
+          _.set(data.value, "campaign.event.rule", s);
           return;
         }
         _.set(
           data.value,
           "campaign.event.rule",
-          RuleBuilder.setRuleToGroup(n, r)
+          RuleBuilder.setRuleToGroup(s, u)
         );
       }
-      e == "campaign.notify" && i == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+      e == "campaign.notify" && c == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
     }
-    async function onUpdateFile(e, i) {
-      return e ? await minor(async () => firebaseStorage.update(i, e), {
+    async function onUpdateFile(e, c) {
+      return e ? await minor(async () => firebaseStorage.update(c, e), {
         message: `${e ? "Uploading" : "Removing"} file`,
         successMessage: `File ${e ? "uploaded" : "removed"} successfully`
       }) : "";
     }
     function isDisable(e) {
-      var i, n;
+      var c, s;
       switch (e == null ? void 0 : e.property) {
         case "campaign.event.type":
-          return ((n = (i = data.value) == null ? void 0 : i.campaign) == null ? void 0 : n._id) || !1;
+          return ((s = (c = data.value) == null ? void 0 : c.campaign) == null ? void 0 : s._id) || !1;
         default:
           return !1;
       }
@@ -2611,30 +2620,30 @@ 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, i) => {
-      const n = resolveComponent("FmButton"), r = resolveComponent("FmStep"), o = resolveComponent("FmStepper"), s = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
+    return (e, c) => {
+      const s = resolveComponent("FmButton"), u = resolveComponent("FmStep"), a = resolveComponent("FmStepper"), i = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
       return openBlock(), createBlock(l, {
         "fullscreen-size": "lg",
         modelValue: unref(sheetVisible),
         "onUpdate:modelValue": [
-          i[7] || (i[7] = (t) => isRef(sheetVisible) ? sheetVisible.value = t : null),
-          i[8] || (i[8] = (t) => sheetVisible.value = t)
+          c[7] || (c[7] = (o) => isRef(sheetVisible) ? sheetVisible.value = o : null),
+          c[8] || (c[8] = (o) => sheetVisible.value = o)
         ]
       }, createSlots({
         "top-sheet-header": withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
             createElementVNode("div", _hoisted_2, [
-              createVNode(n, {
-                onClick: i[0] || (i[0] = (t) => hideSheet()),
-                label: "Cancel",
+              createVNode(s, {
+                onClick: c[0] || (c[0] = (o) => hideSheet()),
+                label: unref(t)("connect.campaign.common.cancel"),
                 variant: "tertiary"
-              }),
-              createVNode(n, {
+              }, null, 8, ["label"]),
+              createVNode(s, {
                 onClick: onSubmit,
-                label: "Save",
+                label: unref(t)("connect.campaign.common.save"),
                 disabled: unref(errors).length > 0
-              }, null, 8, ["disabled"])
+              }, null, 8, ["label", "disabled"])
             ])
           ])
         ]),
@@ -2646,8 +2655,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" })
+                  c[9] || (c[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" })
                 ])
               ])
             ])
@@ -2657,51 +2687,51 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           name: "default",
           fn: withCtx(() => [
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(o, {
+              createVNode(a, {
                 modelValue: unref(currentStep),
-                "onUpdate:modelValue": i[1] || (i[1] = (t) => isRef(currentStep) ? currentStep.value = t : null),
+                "onUpdate:modelValue": c[1] || (c[1] = (o) => isRef(currentStep) ? currentStep.value = o : 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, (t, a) => (openBlock(), createBlock(r, {
-                    key: t.name,
-                    title: t.name,
-                    value: a + 1,
-                    error: () => stepErrors(a).length > 0,
-                    complete: () => a + 1 <= unref(currentStep)
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(u, {
+                    key: o.name,
+                    title: unref(t)(o.name),
+                    value: n + 1,
+                    error: () => stepErrors(n).length > 0,
+                    complete: () => n + 1 <= unref(currentStep)
                   }, null, 8, ["title", "value", "error", "complete"]))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               createElementVNode("div", _hoisted_4, [
-                createVNode(n, {
+                createVNode(s, {
                   icon: "close",
                   variant: "tertiary",
-                  onClick: i[2] || (i[2] = (t) => sheetVisible.value = !1)
+                  onClick: c[2] || (c[2] = (o) => sheetVisible.value = !1)
                 }),
-                createVNode(o, {
+                createVNode(a, {
                   modelValue: unref(currentStep),
-                  "onUpdate:modelValue": i[3] || (i[3] = (t) => isRef(currentStep) ? currentStep.value = t : null),
+                  "onUpdate:modelValue": c[3] || (c[3] = (o) => isRef(currentStep) ? currentStep.value = o : null),
                   orientation: "horizontal",
                   class: "flex-1"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (t, a) => (openBlock(), createBlock(r, {
-                      key: t.name,
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(u, {
+                      key: o.name,
                       title: unref(sheetTitle),
-                      description: t.name,
-                      value: a + 1,
-                      error: () => stepErrors(a).length > 0,
-                      complete: () => a + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                      description: o.name,
+                      value: n + 1,
+                      error: () => stepErrors(n).length > 0,
+                      complete: () => n + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
                     }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                createVNode(n, {
+                createVNode(s, {
                   icon: "info",
                   variant: "tertiary",
-                  onClick: i[4] || (i[4] = () => showSummaryDialog())
+                  onClick: c[4] || (c[4] = () => showSummaryDialog())
                 })
               ]),
               createElementVNode("div", _hoisted_5, [
@@ -2710,53 +2740,54 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                     json: {
                       data: unref(data),
                       errors: unref(errors).map(
-                        (t) => `${t.path.join(".")} - ${t.message}`
+                        (o) => `${o.path.join(".")} - ${o.message}`
                       ),
                       stepErrors: stepErrors().map(
-                        (t) => `${t.path.join(".")} - ${t.message}`
+                        (o) => `${o.path.join(".")} - ${o.message}`
                       ),
                       schema: unref(schema)
                     }
                   }, null, 8, ["json"]),
                   (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
-                    (t) => t.fields.length && (!t.condition || unref(_).get(unref(data), t.condition.property) == t.condition.value == (t.condition.not != !0))
-                  ), (t, a) => (openBlock(), createElementBlock("div", {
-                    key: a,
+                    (o) => o.fields.length && (!o.condition || unref(_).get(unref(data), o.condition.property) == o.condition.value == (o.condition.not != !0))
+                  ), (o, n) => (openBlock(), createElementBlock("div", {
+                    key: n,
                     class: "space-y-24"
                   }, [
-                    createElementVNode("div", _hoisted_7, toDisplayString(t.name), 1),
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(t.fields, (f, v) => (openBlock(), createElementBlock("div", { key: v }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(unref(t)(o.name)), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(o.fields, (p, h) => (openBlock(), createElementBlock("div", { key: h }, [
                       (openBlock(), createBlock(_sfc_main$2, {
-                        key: v,
-                        field: f,
-                        modelValue: unref(_).get(unref(data), f.property),
-                        disabled: isDisable(f),
-                        "onUpdate:modelValue": (m) => onUpdateProperty(f.property, m),
-                        "onUpdate:file": async (m, g) => {
-                          const c = await onUpdateFile(m, g);
-                          onUpdateProperty(f.property, c || "");
+                        key: h,
+                        field: p,
+                        modelValue: unref(_).get(unref(data), p.property),
+                        disabled: isDisable(p),
+                        "onUpdate:modelValue": (y) => onUpdateProperty(p.property, y),
+                        "onUpdate:file": async (y, g) => {
+                          const V = await onUpdateFile(y, g);
+                          onUpdateProperty(p.property, V || "");
                         },
                         schema: unref(ZodHelper).typeAtPath(
                           unref(schema),
-                          f.property,
+                          p.property,
                           unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
                         ),
-                        "helper-text": unref(ZodHelper).helperText(unref(errors), f.property),
-                        extras: f.extras != null ? f.extras == "" ? unref(data) : unref(_).get(unref(data), f.extras) : void 0
-                      }, null, 8, ["field", "modelValue", "disabled", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-text", "extras"]))
+                        "helper-state": unref(ZodHelper).helperState(unref(errors), p.property),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), p.property),
+                        extras: p.extras != null ? p.extras == "" ? unref(data) : unref(_).get(unref(data), p.extras) : void 0
+                      }, null, 8, ["field", "modelValue", "disabled", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
                     ]))), 128))
                   ]))), 128)),
                   createElementVNode("div", _hoisted_8, [
-                    createVNode(n, {
+                    createVNode(s, {
                       label: "Back",
                       variant: "tertiary",
                       disabled: unref(currentStep) == 1,
-                      onClick: i[5] || (i[5] = (t) => currentStep.value--)
+                      onClick: c[5] || (c[5] = (o) => currentStep.value--)
                     }, null, 8, ["disabled"]),
-                    createVNode(n, {
+                    createVNode(s, {
                       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: i[6] || (i[6] = (t) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                      onClick: c[6] || (c[6] = (o) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
                     }, null, 8, ["disabled", "label"])
                   ])
                 ]),