@feedmepos/mf-connect 0.1.38-beta.44 → 0.1.38-beta.46

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-B31p-9aH.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-CBoP1Jwt.js}

@@ -1,64 +1,64 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, createCommentVNode, computed, onMounted, toDisplayString, createBlock, withCtx, Fragment, renderList, withModifiers, unref, isRef, createTextVNode, normalizeClass, resolveDynamicComponent, toRefs, normalizeStyle, createSlots } from "vue";
 import { _ } from "./lodash-B5I3zXaY.js";
-import { z } from "./app-D1EzxIEG.js";
-import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
-import { c as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-DBsKNNfL.js";
-import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-DH8S9-Ib.js";
-import { u as useMembershipStore } from "./membership-855TzqV2.js";
-import { u as useBusinessStore } from "./business-B9L1wZ9V.js";
-import "./index-Fx5b3dyw.js";
-import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-CDKwRPm6.js";
+import { z } from "./app-5gFoCIZ5.js";
+import { Z as ZodHelper } from "./zod-DlxxgJ-R.js";
+import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-CdsbCKbi.js";
+import { u as useMembershipStore } from "./membership-kVwD3i5I.js";
+import { u as useBusinessStore } from "./business-DrOrg91y.js";
+import "./index-Bsz-Af4_.js";
+import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-DxCXxYrs.js";
 import { J as JsonViewer } from "./JsonViewer-v8_C7l5N.js";
 import { h as hooks } from "./moment-D7p2TMB-.js";
-import { f as featureVersionMapping } from "./campaign.enum-OFeKrvOv.js";
-import { _ as _sfc_main$u } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
-import { b as _sfc_main$s, a as _sfc_main$v, _ as _sfc_main$x } from "./EffectSheet.vue_vue_type_style_index_0_lang-C7EGat91.js";
-import { _ as _sfc_main$w } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-Dt-fITiT.js";
-import { c as core, S as SvcConfig } from "./index-CLvKSnsU.js";
-import { p as prompt, c as cases, f as firebaseStorage } from "./plugins-DYwCm0Ql.js";
-import { C as Cb } from "./app-C-L8YbbE.js";
-import { _ as _sfc_main$o } from "./SelectItems.vue_vue_type_script_setup_true_lang-D1lUfj_I.js";
+import { f as featureVersionMapping } from "./campaign.enum-DfqdgPF7.js";
+import { _ as _sfc_main$u } from "./ImageInput.vue_vue_type_script_setup_true_lang-DElYlMlB.js";
+import { b as _sfc_main$s, a as _sfc_main$v, _ as _sfc_main$x } from "./EffectSheet.vue_vue_type_style_index_0_lang-YjvIstf7.js";
+import { _ as _sfc_main$w } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-CqBeBxgc.js";
+import { c as core, S as SvcConfig } from "./index-D-Qagjww.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-nuoNiWZV.js";
+import { C as Cb } from "./app-HOMrHaJX.js";
+import { _ as _sfc_main$o } from "./SelectItems.vue_vue_type_script_setup_true_lang-CGsYilHx.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as _sfc_main$z } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-ChoSRMz9.js";
-import { _ as _sfc_main$p, a as _sfc_main$q } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BF98epZo.js";
-import { u as useI18n } from "./vue-i18n-C3xXE7er.js";
-import { T as TypeToTriggerOptions, _ as _sfc_main$A, b as _sfc_main$B } from "./trigger-C67D78R1.js";
-import { _ as _sfc_main$y } from "./MessageInput.vue_vue_type_script_setup_true_lang-BYlfLbKK.js";
-import { C as CountryTimezone, m as moment } from "./timezone-CczMDZJW.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-hkruDWXK.js";
+import { _ as _sfc_main$z } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-D3zT4NEB.js";
+import { _ as _sfc_main$p, a as _sfc_main$q } from "./RuleGroup.vue_vue_type_script_setup_true_lang-pwHQUtHq.js";
+import { u as useI18n } from "./vue-i18n-CBY1MepG.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$A, b as _sfc_main$B } from "./trigger-DrmYFT7r.js";
+import { _ as _sfc_main$y } from "./MessageInput.vue_vue_type_script_setup_true_lang-Dvr2n1Qk.js";
+import { C as CountryTimezone, m as moment } from "./timezone-C-mgrIzx.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-B2r0vrQs.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { _ as _sfc_main$r, a as _sfc_main$t } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-DgCjZuxC.js";
-import { T as TEMPLATES } from "./index-Di6vuuEG.js";
-import { v as FdoCreditLoyaltyReward, w as FdtoRandomReward, x as F_MISSION_TYPE, y as FdoThresholdCreditReward, z as FdtoThresholdReward, A as FdoMission } from "./index-CaRmY5ov.js";
-import "./index-DBkatkYW.js";
-import "./index-BIX6P8Ch.js";
-import { a as F_GAME_TYPE } from "./collectible.enum-BE8Vnk8X.js";
-import { u as useLoading } from "./loading-BTmVuA3F.js";
-import { i as initCollectibleConfig } from "./helper-A850CYX-.js";
-import { C as CollectionUtils } from "./collection.fn-CSzvUULo.js";
+import { _ as _sfc_main$r, a as _sfc_main$t } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-BdAaQtUx.js";
+import { T as TEMPLATES } from "./index-BmOfDfwV.js";
+import { v as FdoCreditLoyaltyReward, w as FdtoRandomReward, x as F_MISSION_TYPE, y as FdoThresholdCreditReward, z as FdtoThresholdReward, A as FdoMission } from "./index-BTzBc44a.js";
+import "./index-BMpQ1Eq2.js";
+import "./index-uliDTEHQ.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-CUY4edTO.js";
+import { u as useLoading } from "./loading-O2OJnB-v.js";
+import { i as initCollectibleConfig } from "./helper-CUXD11Bp.js";
+import { C as CollectionUtils } from "./collection.fn-BUyLrKuP.js";
 import { s as sentenceCase$1 } from "./index-CsaQJMAR.js";
-import "./index-DZ2N0Xar.js";
+import { c as getCampaignSummaryObject } from "./campaign-DxZjTV1c.js";
+import "./index-DQlMaN5j.js";
 import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-BR7cO_ag.js";
+import { u as useCampaignStore } from "./campaign-D-0jxXgS.js";
 import { a as cleanPF } from "./object-qECH92oz.js";
 function summarizeGrabDiscount(e) {
   if (!e)
     return null;
-  const d = core.Config.getCountry().currency.symbol;
-  function r(o) {
-    switch (o.scope.type) {
+  const m = core.Config.getCountry().currency.symbol;
+  function a(l) {
+    switch (l.scope.type) {
       case "order":
         return "Bill discount";
       case "items":
-        return o.type.startsWith("bundle") ? i(o.type) : "Item discount";
+        return l.type.startsWith("bundle") ? d(l.type) : "Item discount";
       case "categories":
         return "Category discount";
       default:
         return "Discount";
     }
   }
-  function i(o) {
-    switch (o) {
+  function d(l) {
+    switch (l) {
       case "bundleSameFixPrice":
         return "Bundle (same item) - Fixed price";
       case "bundleDiffFixPrice":
@@ -75,40 +75,40 @@ function summarizeGrabDiscount(e) {
         return "Bundle discount";
     }
   }
-  function u(o) {
-    switch (o.type) {
+  function i(l) {
+    switch (l.type) {
       case "percentage":
       case "bundleSamePercentage":
       case "bundleDiffPercentage":
-        return `${o.value}% discount`;
+        return `${l.value}% discount`;
       case "net":
       case "bundleSameNet":
       case "bundleDiffNet":
-        return `${d}${o.value} discount`;
+        return `${m}${l.value} discount`;
       case "bundleSameFixPrice":
       case "bundleDiffFixPrice":
-        return `${d}${o.value} fixed price`;
+        return `${m}${l.value} fixed price`;
       case "delivery":
         return "Delivery fee discount";
       case "freeItem":
         return "Free item";
       default:
-        return `${d}${o.value} discount`;
+        return `${m}${l.value} discount`;
     }
   }
-  function a(o) {
-    return o.cap && o.cap > 0 ? `capped at ${d}${o.cap}` : null;
+  function s(l) {
+    return l.cap && l.cap > 0 ? `capped at ${m}${l.cap}` : null;
   }
   return {
-    type: r(e),
-    adjustment: u(e),
-    cap: a(e)
+    type: a(e),
+    adjustment: i(e),
+    cap: s(e)
   };
 }
 const _hoisted_1$l = {
   key: 0,
   class: "bg-fm-color-neutral-gray-50 border border-fm-color-neutral-gray-200 rounded-8 p-16 space-y-16"
-}, _hoisted_2$h = { class: "flex items-center justify-between" }, _hoisted_3$e = { class: "flex items-center gap-8" }, _hoisted_4$b = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 p-16" }, _hoisted_5$7 = { class: "flex justify-end gap-8 pt-8 border-t border-fm-color-neutral-gray-200" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
+}, _hoisted_2$h = { class: "flex items-center justify-between" }, _hoisted_3$e = { class: "flex items-center gap-8" }, _hoisted_4$d = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 p-16" }, _hoisted_5$a = { class: "flex justify-end gap-8 pt-8 border-t border-fm-color-neutral-gray-200" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "GrabItemSelectionInline",
   props: {
     visible: { type: Boolean },
@@ -116,63 +116,63 @@ const _hoisted_1$l = {
     filterItems: { type: Function }
   },
   emits: ["confirm", "cancel"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = ref();
+  setup(e, { emit: m }) {
+    const a = e, d = m, i = ref();
     watch(
-      () => r.visible,
-      (l) => {
-        var s, h;
-        !l && u.value && ((h = (s = u.value).setSelectedItems) == null || h.call(s, r.initialValue || []));
+      () => a.visible,
+      (n) => {
+        var r, y;
+        !n && i.value && ((y = (r = i.value).setSelectedItems) == null || y.call(r, a.initialValue || []));
       }
     );
-    function a() {
-      var l;
-      (l = u.value) == null || l.onConfirm();
+    function s() {
+      var n;
+      (n = i.value) == null || n.onConfirm();
     }
-    function o() {
-      i("cancel");
+    function l() {
+      d("cancel");
     }
-    function n(l) {
-      i("confirm", l);
+    function o(n) {
+      d("confirm", n);
     }
-    return (l, s) => {
-      const h = resolveComponent("FmIcon"), g = resolveComponent("FmButton");
+    return (n, r) => {
+      const y = resolveComponent("FmIcon"), v = resolveComponent("FmButton");
       return e.visible ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("div", _hoisted_2$h, [
           createElementVNode("div", _hoisted_3$e, [
-            createVNode(h, {
+            createVNode(y, {
               name: "restaurant",
               size: "md"
             }),
-            s[0] || (s[0] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Items", -1))
+            r[0] || (r[0] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Items", -1))
           ]),
-          createVNode(g, {
+          createVNode(v, {
             icon: "close",
             variant: "tertiary",
-            onClick: o
+            onClick: l
           })
         ]),
-        s[1] || (s[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. For bundle discounts, select multiple items that can be bundled together. ", -1)),
-        createElementVNode("div", _hoisted_4$b, [
+        r[1] || (r[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. For bundle discounts, select multiple items that can be bundled together. ", -1)),
+        createElementVNode("div", _hoisted_4$d, [
           createVNode(_sfc_main$o, {
             ref_key: "selectItemRef",
-            ref: u,
+            ref: i,
             "initial-value": e.initialValue,
             "filter-items": e.filterItems,
-            "on-complete": n,
+            "on-complete": o,
             "max-height": 300
           }, null, 8, ["initial-value", "filter-items"])
         ]),
-        createElementVNode("div", _hoisted_5$7, [
-          createVNode(g, {
+        createElementVNode("div", _hoisted_5$a, [
+          createVNode(v, {
             variant: "secondary",
             label: "Cancel",
-            onClick: o
+            onClick: l
           }),
-          createVNode(g, {
+          createVNode(v, {
             variant: "primary",
             label: "Confirm Selection",
-            onClick: a
+            onClick: s
           })
         ])
       ])) : createCommentVNode("", !0);
@@ -181,7 +181,7 @@ const _hoisted_1$l = {
 }), _hoisted_1$k = {
   key: 0,
   class: "bg-fm-color-neutral-gray-50 border border-fm-color-neutral-gray-200 rounded-8 p-16 space-y-16"
-}, _hoisted_2$g = { class: "flex items-center justify-between" }, _hoisted_3$d = { class: "flex items-center gap-8" }, _hoisted_4$a = { class: "flex gap-16 items-center flex-wrap" }, _hoisted_5$6 = { class: "flex gap-8 items-center" }, _hoisted_6$5 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_7$4 = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 max-h-[300px] overflow-y-auto" }, _hoisted_8$2 = { class: "flex items-center gap-12" }, _hoisted_9$2 = { class: "fm-typo-en-body-md-600" }, _hoisted_10$2 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_11$2 = {
+}, _hoisted_2$g = { class: "flex items-center justify-between" }, _hoisted_3$d = { class: "flex items-center gap-8" }, _hoisted_4$c = { class: "flex gap-16 items-center flex-wrap" }, _hoisted_5$9 = { class: "flex gap-8 items-center" }, _hoisted_6$5 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_7$5 = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 max-h-[300px] overflow-y-auto" }, _hoisted_8$4 = { class: "flex items-center gap-12" }, _hoisted_9$4 = { class: "fm-typo-en-body-md-600" }, _hoisted_10$4 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_11$2 = {
   key: 1,
   class: "p-24 text-center"
 }, _hoisted_12$1 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_13$1 = { class: "flex justify-end gap-8 pt-8 border-t border-fm-color-neutral-gray-200" }, _sfc_main$m = /* @__PURE__ */ defineComponent({
@@ -191,57 +191,57 @@ const _hoisted_1$l = {
     initialValue: {}
   },
   emits: ["confirm", "cancel"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = Cb(), a = ref({}), o = ref(""), n = computed(() => {
-      const m = u.menu.value;
-      return m ? m.modules.category.map((f) => ({
+  setup(e, { emit: m }) {
+    const a = e, d = m, i = Cb(), s = ref({}), l = ref(""), o = computed(() => {
+      const c = i.menu.value;
+      return c ? c.modules.category.map((f) => ({
         id: f._id,
         name: f.name
       })) : [];
-    }), l = computed(() => {
-      if (!o.value) return n.value;
-      const m = o.value.toLowerCase();
-      return n.value.filter(
-        (f) => f.name.toLowerCase().includes(m)
+    }), n = computed(() => {
+      if (!l.value) return o.value;
+      const c = l.value.toLowerCase();
+      return o.value.filter(
+        (f) => f.name.toLowerCase().includes(c)
       );
-    }), s = computed(() => Object.values(a.value).filter(Boolean).length);
-    function h() {
-      a.value = n.value.reduce(
-        (m, f) => (m[f.id] = r.initialValue.includes(f.id), m),
+    }), r = computed(() => Object.values(s.value).filter(Boolean).length);
+    function y() {
+      s.value = o.value.reduce(
+        (c, f) => (c[f.id] = a.initialValue.includes(f.id), c),
         {}
       );
     }
-    watch([() => r.visible, () => r.initialValue], () => {
-      r.visible && h();
+    watch([() => a.visible, () => a.initialValue], () => {
+      a.visible && y();
     }), onMounted(async () => {
-      await u.store.getMenu(), h();
+      await i.store.getMenu(), y();
     });
-    function g(m) {
-      a.value[m] = !a.value[m];
+    function v(c) {
+      s.value[c] = !s.value[c];
     }
-    function b() {
-      const m = s.value === l.value.length;
-      l.value.forEach((f) => {
-        a.value[f.id] = !m;
+    function h() {
+      const c = r.value === n.value.length;
+      n.value.forEach((f) => {
+        s.value[f.id] = !c;
       });
     }
-    function V() {
-      Object.keys(a.value).forEach((m) => {
-        a.value[m] = !1;
+    function x() {
+      Object.keys(s.value).forEach((c) => {
+        s.value[c] = !1;
       });
     }
-    function p() {
-      const m = Object.entries(a.value).filter(([, f]) => f).map(([f]) => f);
-      i("confirm", m);
+    function k() {
+      const c = Object.entries(s.value).filter(([, f]) => f).map(([f]) => f);
+      d("confirm", c);
     }
-    function c() {
-      i("cancel");
+    function p() {
+      d("cancel");
     }
-    const y = computed(() => l.value.length > 0 && l.value.every(
-      (m) => a.value[m.id]
+    const u = computed(() => n.value.length > 0 && n.value.every(
+      (c) => s.value[c.id]
     ));
-    return (m, f) => {
-      const B = resolveComponent("FmIcon"), C = resolveComponent("FmButton"), E = resolveComponent("FmTextField"), $ = resolveComponent("FmCheckbox"), x = resolveComponent("FmListItem"), S = resolveComponent("FmList");
+    return (c, f) => {
+      const B = resolveComponent("FmIcon"), b = resolveComponent("FmButton"), E = resolveComponent("FmTextField"), N = resolveComponent("FmCheckbox"), C = resolveComponent("FmListItem"), R = resolveComponent("FmList");
       return e.visible ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("div", _hoisted_2$g, [
           createElementVNode("div", _hoisted_3$d, [
@@ -251,66 +251,66 @@ const _hoisted_1$l = {
             }),
             f[2] || (f[2] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Categories", -1))
           ]),
-          createVNode(C, {
+          createVNode(b, {
             icon: "close",
             variant: "tertiary",
-            onClick: c
+            onClick: p
           })
         ]),
         f[3] || (f[3] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. The discount will be available for all items within the selected categories. ", -1)),
-        createElementVNode("div", _hoisted_4$a, [
-          createElementVNode("div", _hoisted_5$6, [
-            createVNode(C, {
+        createElementVNode("div", _hoisted_4$c, [
+          createElementVNode("div", _hoisted_5$9, [
+            createVNode(b, {
               icon: "select_all",
               variant: "tertiary",
               size: "small",
-              label: `${y.value ? "Deselect" : "Select"} All`,
-              onClick: b
+              label: `${u.value ? "Deselect" : "Select"} All`,
+              onClick: h
             }, null, 8, ["label"]),
-            createVNode(C, {
+            createVNode(b, {
               icon: "sync",
               variant: "tertiary",
               size: "small",
               label: "Clear",
-              onClick: V
+              onClick: x
             }),
-            createElementVNode("span", _hoisted_6$5, toDisplayString(s.value) + " selected ", 1)
+            createElementVNode("span", _hoisted_6$5, toDisplayString(r.value) + " selected ", 1)
           ]),
           createVNode(E, {
-            modelValue: o.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (N) => o.value = N),
+            modelValue: l.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (S) => l.value = S),
             placeholder: "Search categories",
             "leading-icon": { name: "search", color: "" },
             class: "flex-1 min-w-[200px]"
           }, null, 8, ["modelValue"])
         ]),
-        createElementVNode("div", _hoisted_7$4, [
-          l.value.length > 0 ? (openBlock(), createBlock(S, { key: 0 }, {
+        createElementVNode("div", _hoisted_7$5, [
+          n.value.length > 0 ? (openBlock(), createBlock(R, { key: 0 }, {
             default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (N) => (openBlock(), createBlock(x, {
-                key: N.id,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (S) => (openBlock(), createBlock(C, {
+                key: S.id,
                 clickable: !0,
-                onClick: (I) => g(N.id)
+                onClick: ($) => v(S.id)
               }, {
                 leading: withCtx(() => [
-                  createVNode($, {
-                    "model-value": a.value[N.id] || !1,
-                    value: N.id,
-                    "onUpdate:modelValue": (I) => g(N.id),
+                  createVNode(N, {
+                    "model-value": s.value[S.id] || !1,
+                    value: S.id,
+                    "onUpdate:modelValue": ($) => v(S.id),
                     onClick: f[1] || (f[1] = withModifiers(() => {
                     }, ["stop"]))
                   }, null, 8, ["model-value", "value", "onUpdate:modelValue"])
                 ]),
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_8$2, [
+                  createElementVNode("div", _hoisted_8$4, [
                     createVNode(B, {
                       name: "category",
                       size: "sm",
                       class: "text-fm-color-typo-secondary"
                     }),
                     createElementVNode("div", null, [
-                      createElementVNode("div", _hoisted_9$2, toDisplayString(N.name), 1),
-                      createElementVNode("div", _hoisted_10$2, " ID: " + toDisplayString(N.id), 1)
+                      createElementVNode("div", _hoisted_9$4, toDisplayString(S.name), 1),
+                      createElementVNode("div", _hoisted_10$4, " ID: " + toDisplayString(S.id), 1)
                     ])
                   ])
                 ]),
@@ -319,20 +319,20 @@ const _hoisted_1$l = {
             ]),
             _: 1
           })) : (openBlock(), createElementBlock("div", _hoisted_11$2, [
-            createElementVNode("div", _hoisted_12$1, toDisplayString(o.value ? "No categories found matching your search." : "No categories available."), 1)
+            createElementVNode("div", _hoisted_12$1, toDisplayString(l.value ? "No categories found matching your search." : "No categories available."), 1)
           ]))
         ]),
         createElementVNode("div", _hoisted_13$1, [
-          createVNode(C, {
+          createVNode(b, {
             variant: "secondary",
             label: "Cancel",
-            onClick: c
+            onClick: p
           }),
-          createVNode(C, {
+          createVNode(b, {
             variant: "primary",
-            label: `Confirm Selection (${s.value})`,
-            disabled: s.value === 0,
-            onClick: p
+            label: `Confirm Selection (${r.value})`,
+            disabled: r.value === 0,
+            onClick: k
           }, null, 8, ["label", "disabled"])
         ])
       ])) : createCommentVNode("", !0);
@@ -341,7 +341,7 @@ const _hoisted_1$l = {
 }), _hoisted_1$j = { class: "space-y-8" }, _hoisted_2$f = {
   key: 1,
   class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
-}, _hoisted_3$c = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$9 = { class: "text-fm-color-typo-secondary" }, _hoisted_5$5 = { key: 0 }, _hoisted_6$4 = { class: "space-y-24" }, _hoisted_7$3 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, _hoisted_8$1 = { key: 0 }, _hoisted_9$1 = { class: "fm-typo-en-body-md-600 mb-8 block" }, _hoisted_10$1 = { key: 1 }, _hoisted_11$1 = { key: 2 }, _hoisted_12 = { key: 0 }, _hoisted_13 = { class: "space-y-8" }, _hoisted_14 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_15 = { class: "flex items-center gap-8" }, _hoisted_16 = { class: "fm-typo-en-body-md-400" }, _hoisted_17 = { key: 3 }, _hoisted_18 = { key: 0 }, _hoisted_19 = { class: "space-y-8" }, _hoisted_20 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_21 = { class: "flex items-center gap-8" }, _hoisted_22 = { class: "fm-typo-en-body-md-400" }, _hoisted_23 = {
+}, _hoisted_3$c = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$b = { class: "text-fm-color-typo-secondary" }, _hoisted_5$8 = { key: 0 }, _hoisted_6$4 = { class: "space-y-24" }, _hoisted_7$4 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, _hoisted_8$3 = { key: 0 }, _hoisted_9$3 = { class: "fm-typo-en-body-md-600 mb-8 block" }, _hoisted_10$3 = { key: 1 }, _hoisted_11$1 = { key: 2 }, _hoisted_12 = { key: 0 }, _hoisted_13 = { class: "space-y-8" }, _hoisted_14 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_15 = { class: "flex items-center gap-8" }, _hoisted_16 = { class: "fm-typo-en-body-md-400" }, _hoisted_17 = { key: 3 }, _hoisted_18 = { key: 0 }, _hoisted_19 = { class: "space-y-8" }, _hoisted_20 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_21 = { class: "flex items-center gap-8" }, _hoisted_22 = { class: "fm-typo-en-body-md-400" }, _hoisted_23 = {
   key: 0,
   class: "mt-16 p-12 bg-fm-color-feedback-error-light rounded-8 border border-fm-color-feedback-error-main"
 }, _hoisted_24 = { class: "flex items-center gap-8 mb-8 text-fm-color-system-error-300" }, _hoisted_25 = { class: "space-y-4" }, _hoisted_26 = { class: "flex gap-16" }, _sfc_main$l = /* @__PURE__ */ defineComponent({
@@ -350,8 +350,8 @@ const _hoisted_1$l = {
     modelValue: { type: Object }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = Cb(), a = ref(!1), o = ref(!1), n = ref(!1), l = ref({
+  setup(e, { emit: m }) {
+    const a = e, d = m, i = Cb(), s = ref(!1), l = ref(!1), o = ref(!1), n = ref({
       type: "net",
       value: 0,
       scope: {
@@ -359,72 +359,72 @@ const _hoisted_1$l = {
       }
     });
     watch(
-      () => r.modelValue,
-      (v) => {
-        v && (l.value = { ...v });
+      () => a.modelValue,
+      (g) => {
+        g && (n.value = { ...g });
       },
       { immediate: !0 }
     ), onMounted(async () => {
-      await u.store.getMenu();
+      await i.store.getMenu();
     });
-    const s = computed(() => {
-      var v;
-      return !(!l.value.type || !((v = l.value.scope) != null && v.type) || b(l.value.type) && (!l.value.value || l.value.value <= 0) || (l.value.scope.type === "items" || l.value.scope.type === "category") && (!l.value.scope.objectIDs || l.value.scope.objectIDs.length === 0));
+    const r = computed(() => {
+      var g;
+      return !(!n.value.type || !((g = n.value.scope) != null && g.type) || h(n.value.type) && (!n.value.value || n.value.value <= 0) || (n.value.scope.type === "items" || n.value.scope.type === "category") && (!n.value.scope.objectIDs || n.value.scope.objectIDs.length === 0));
     });
-    async function h(v) {
-      v.stopPropagation(), await prompt.remove("Are you sure you want to remove this discount?") && i("update:model-value", null);
+    async function y(g) {
+      g.stopPropagation(), await prompt.remove("Are you sure you want to remove this discount?") && d("update:model-value", null);
     }
-    function g() {
-      var v;
-      return B(((v = l.value.scope) == null ? void 0 : v.type) || "order");
+    function v() {
+      var g;
+      return B(((g = n.value.scope) == null ? void 0 : g.type) || "order");
     }
-    function b(v) {
-      return v && !["freeItem", "delivery"].includes(v);
+    function h(g) {
+      return g && !["freeItem", "delivery"].includes(g);
     }
-    function V(v) {
-      return v && ["percentage", "bundleSamePercentage", "bundleDiffPercentage"].includes(
-        v
+    function x(g) {
+      return g && ["percentage", "bundleSamePercentage", "bundleDiffPercentage"].includes(
+        g
       );
     }
-    function p(v) {
-      return v != null && v.includes("Percentage") ? "Discount percentage" : v != null && v.includes("FixPrice") ? "Bundle fixed price" : v === "percentage" ? "Discount percentage" : "Discount amount";
+    function k(g) {
+      return g != null && g.includes("Percentage") ? "Discount percentage" : g != null && g.includes("FixPrice") ? "Bundle fixed price" : g === "percentage" ? "Discount percentage" : "Discount amount";
     }
-    function c(v) {
-      return v != null && v.includes("Percentage") || v === "percentage" ? "10" : "5.00";
+    function p(g) {
+      return g != null && g.includes("Percentage") || g === "percentage" ? "10" : "5.00";
     }
-    function y(v) {
-      return v != null && v.includes("Percentage") || v === "percentage" ? "%" : "$";
+    function u(g) {
+      return g != null && g.includes("Percentage") || g === "percentage" ? "%" : "$";
     }
-    function m(v, k) {
-      l.value = {
-        ...l.value,
-        [v]: k
+    function c(g, V) {
+      n.value = {
+        ...n.value,
+        [g]: V
       };
     }
-    function f(v, k) {
-      var T;
+    function f(g, V) {
+      var D;
       const w = {
-        ...l.value.scope,
-        [v]: k
+        ...n.value.scope,
+        [g]: V
       };
-      if (l.value = {
-        ...l.value,
+      if (n.value = {
+        ...n.value,
         scope: w
-      }, v === "type") {
-        const F = B(k);
+      }, g === "type") {
+        const F = B(V);
         F.some(
-          (U) => U.value === l.value.type
-        ) || (l.value = {
-          ...l.value,
-          type: ((T = F[0]) == null ? void 0 : T.value) || "net",
+          (P) => P.value === n.value.type
+        ) || (n.value = {
+          ...n.value,
+          type: ((D = F[0]) == null ? void 0 : D.value) || "net",
           // Reset value and cap when changing to incompatible type
           value: 0,
           cap: void 0
         });
       }
     }
-    function B(v) {
-      switch (v) {
+    function B(g) {
+      switch (g) {
         case "order":
           return [
             { label: "Amount off", value: "net" },
@@ -470,8 +470,8 @@ const _hoisted_1$l = {
           ];
       }
     }
-    function C(v) {
-      switch (v) {
+    function b(g) {
+      switch (g) {
         case "order":
           return "Applies to entire order. Available: Amount off, Percentage off, Delivery fee discount.";
         case "category":
@@ -483,95 +483,95 @@ const _hoisted_1$l = {
       }
     }
     function E() {
-      var v;
-      return ((v = l.value.scope) == null ? void 0 : v.type) === "items";
+      var g;
+      return ((g = n.value.scope) == null ? void 0 : g.type) === "items";
     }
-    function $() {
-      var v;
-      return ((v = l.value.scope) == null ? void 0 : v.type) === "category";
+    function N() {
+      var g;
+      return ((g = n.value.scope) == null ? void 0 : g.type) === "category";
     }
-    function x() {
+    function C() {
       var w;
-      const v = (w = l.value.scope) == null ? void 0 : w.objectIDs;
-      if (!v || v.length === 0)
+      const g = (w = n.value.scope) == null ? void 0 : w.objectIDs;
+      if (!g || g.length === 0)
         return "No items selected";
-      const k = u.menu.value;
-      return k && v.length <= 3 ? v.map((F) => {
-        const R = k.modules.item.find((U) => U._id === F);
-        return R ? (R.name2 || R.name).trim() : `Item ${F}`;
-      }).join(", ") : v.length === 1 ? "1 item selected" : `${v.length} items selected`;
+      const V = i.menu.value;
+      return V && g.length <= 3 ? g.map((F) => {
+        const T = V.modules.item.find((P) => P._id === F);
+        return T ? (T.name2 || T.name).trim() : `Item ${F}`;
+      }).join(", ") : g.length === 1 ? "1 item selected" : `${g.length} items selected`;
     }
-    function S() {
+    function R() {
       var w;
-      const v = (w = l.value.scope) == null ? void 0 : w.objectIDs;
-      if (!v || v.length === 0)
+      const g = (w = n.value.scope) == null ? void 0 : w.objectIDs;
+      if (!g || g.length === 0)
         return "No categories selected";
-      const k = u.menu.value;
-      return k && v.length <= 3 ? v.map((F) => {
-        const R = k.modules.category.find((U) => U._id === F);
-        return R ? R.name : `Category ${F}`;
-      }).join(", ") : v.length === 1 ? "1 category selected" : `${v.length} categories selected`;
+      const V = i.menu.value;
+      return V && g.length <= 3 ? g.map((F) => {
+        const T = V.modules.category.find((P) => P._id === F);
+        return T ? T.name : `Category ${F}`;
+      }).join(", ") : g.length === 1 ? "1 category selected" : `${g.length} categories selected`;
     }
-    function N() {
-      o.value = !0;
+    function S() {
+      l.value = !0;
     }
-    function I() {
-      n.value = !0;
+    function $() {
+      o.value = !0;
     }
-    function M(v) {
-      f("objectIDs", v), o.value = !1;
+    function H(g) {
+      f("objectIDs", g), l.value = !1;
     }
-    function j(v) {
-      f("objectIDs", v), n.value = !1;
+    function j(g) {
+      f("objectIDs", g), o.value = !1;
     }
     function Y() {
-      o.value = !1;
+      l.value = !1;
     }
     function G() {
-      n.value = !1;
+      o.value = !1;
     }
-    const H = computed(() => {
-      var k, w, T;
-      const v = [];
-      return l.value.type || v.push("Discount type is required"), (k = l.value.scope) != null && k.type || v.push("Scope type is required"), b(l.value.type) && (!l.value.value || l.value.value <= 0) && v.push("Discount amount must be greater than 0"), ((w = l.value.scope) == null ? void 0 : w.type) === "items" && (!l.value.scope.objectIDs || l.value.scope.objectIDs.length === 0) && v.push("Please select at least one item"), ((T = l.value.scope) == null ? void 0 : T.type) === "category" && (!l.value.scope.objectIDs || l.value.scope.objectIDs.length === 0) && v.push("Please select at least one category"), v;
+    const M = computed(() => {
+      var V, w, D;
+      const g = [];
+      return n.value.type || g.push("Discount type is required"), (V = n.value.scope) != null && V.type || g.push("Scope type is required"), h(n.value.type) && (!n.value.value || n.value.value <= 0) && g.push("Discount amount must be greater than 0"), ((w = n.value.scope) == null ? void 0 : w.type) === "items" && (!n.value.scope.objectIDs || n.value.scope.objectIDs.length === 0) && g.push("Please select at least one item"), ((D = n.value.scope) == null ? void 0 : D.type) === "category" && (!n.value.scope.objectIDs || n.value.scope.objectIDs.length === 0) && g.push("Please select at least one category"), g;
     });
     function Z() {
-      i("update:model-value", l.value), a.value = !1;
+      d("update:model-value", n.value), s.value = !1;
     }
     const q = [
       { label: "Bill discount", value: "order" },
       { label: "Item discount", value: "items" },
       { label: "Category discount", value: "category" }
     ];
-    return (v, k) => {
-      const w = resolveComponent("FmButton"), T = resolveComponent("FmSelect"), F = resolveComponent("FmStepperField"), R = resolveComponent("FmIcon"), U = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(U, {
+    return (g, V) => {
+      const w = resolveComponent("FmButton"), D = resolveComponent("FmSelect"), F = resolveComponent("FmStepperField"), T = resolveComponent("FmIcon"), P = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(P, {
         "max-width": 550,
         header: "Apply discount",
-        modelValue: unref(a),
+        modelValue: unref(s),
         "onUpdate:modelValue": [
-          k[5] || (k[5] = (D) => isRef(a) ? a.value = D : null),
-          k[6] || (k[6] = (D) => a.value = D)
+          V[5] || (V[5] = (O) => isRef(s) ? s.value = O : null),
+          V[6] || (V[6] = (O) => s.value = O)
         ]
       }, {
         "side-sheet-button": withCtx(() => {
-          var D, P, A, L;
+          var O, U, A, L;
           return [
             createElementVNode("div", _hoisted_1$j, [
-              k[7] || (k[7] = createElementVNode("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the Grab campaign discount you want to offer your customers. ", -1)),
+              V[7] || (V[7] = createElementVNode("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the Grab campaign discount you want to offer your customers. ", -1)),
               e.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
                 createElementVNode("div", _hoisted_3$c, [
-                  createElementVNode("div", null, toDisplayString((D = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : D.type), 1),
-                  createElementVNode("div", _hoisted_4$9, [
-                    createTextVNode(toDisplayString((P = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : P.adjustment) + " ", 1),
-                    (A = unref(summarizeGrabDiscount)(e.modelValue)) != null && A.cap ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString((L = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : L.cap), 1)) : createCommentVNode("", !0)
+                  createElementVNode("div", null, toDisplayString((O = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : O.type), 1),
+                  createElementVNode("div", _hoisted_4$b, [
+                    createTextVNode(toDisplayString((U = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : U.adjustment) + " ", 1),
+                    (A = unref(summarizeGrabDiscount)(e.modelValue)) != null && A.cap ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString((L = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : L.cap), 1)) : createCommentVNode("", !0)
                   ])
                 ]),
                 createVNode(w, {
                   icon: "delete",
                   "icon-color": "neutral-gray-400",
                   variant: "tertiary",
-                  onClick: h
+                  onClick: y
                 })
               ])) : (openBlock(), createBlock(w, {
                 key: 0,
@@ -590,130 +590,130 @@ const _hoisted_1$l = {
               variant: "secondary",
               label: "Cancel",
               class: "flex-1",
-              onClick: k[4] || (k[4] = (D) => a.value = !1)
+              onClick: V[4] || (V[4] = (O) => s.value = !1)
             }),
             createVNode(w, {
               variant: "primary",
-              label: unref(s) ? "Confirm" : "Complete Required Fields",
+              label: unref(r) ? "Confirm" : "Complete Required Fields",
               class: "flex-1",
-              disabled: !unref(s),
+              disabled: !unref(r),
               onClick: Z
             }, null, 8, ["label", "disabled"])
           ])
         ]),
         default: withCtx(() => {
-          var D, P, A, L;
+          var O, U, A, L;
           return [
             createElementVNode("div", _hoisted_6$4, [
               createElementVNode("div", null, [
-                k[8] || (k[8] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Campaign type", -1)),
-                createVNode(T, {
-                  "model-value": ((D = unref(l).scope) == null ? void 0 : D.type) || "order",
-                  "onUpdate:modelValue": k[0] || (k[0] = (O) => f("type", O)),
+                V[8] || (V[8] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Campaign type", -1)),
+                createVNode(D, {
+                  "model-value": ((O = unref(n).scope) == null ? void 0 : O.type) || "order",
+                  "onUpdate:modelValue": V[0] || (V[0] = (I) => f("type", I)),
                   placeholder: "Select campaign type",
                   items: q
                 }, null, 8, ["model-value"]),
-                createElementVNode("div", _hoisted_7$3, toDisplayString(C((P = unref(l).scope) == null ? void 0 : P.type)), 1)
+                createElementVNode("div", _hoisted_7$4, toDisplayString(b((U = unref(n).scope) == null ? void 0 : U.type)), 1)
               ]),
               createElementVNode("div", null, [
-                k[9] || (k[9] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount type", -1)),
-                createVNode(T, {
-                  "model-value": unref(l).type,
-                  "onUpdate:modelValue": k[1] || (k[1] = (O) => m("type", O)),
+                V[9] || (V[9] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount type", -1)),
+                createVNode(D, {
+                  "model-value": unref(n).type,
+                  "onUpdate:modelValue": V[1] || (V[1] = (I) => c("type", I)),
                   placeholder: "Select discount type",
-                  items: g()
+                  items: v()
                 }, null, 8, ["model-value", "items"])
               ]),
-              b(unref(l).type) ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                createElementVNode("label", _hoisted_9$1, toDisplayString(p(unref(l).type)), 1),
+              h(unref(n).type) ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+                createElementVNode("label", _hoisted_9$3, toDisplayString(k(unref(n).type)), 1),
                 createVNode(F, {
-                  modelValue: unref(l).value,
-                  "onUpdate:modelValue": k[2] || (k[2] = (O) => unref(l).value = O),
-                  placeholder: c(unref(l).type),
-                  suffix: y(unref(l).type),
+                  modelValue: unref(n).value,
+                  "onUpdate:modelValue": V[2] || (V[2] = (I) => unref(n).value = I),
+                  placeholder: p(unref(n).type),
+                  suffix: u(unref(n).type),
                   type: "number"
                 }, null, 8, ["modelValue", "placeholder", "suffix"])
               ])) : createCommentVNode("", !0),
-              V(unref(l).type) ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                k[10] || (k[10] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount cap (optional)", -1)),
+              x(unref(n).type) ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
+                V[10] || (V[10] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount cap (optional)", -1)),
                 createVNode(F, {
-                  modelValue: unref(l).cap,
-                  "onUpdate:modelValue": k[3] || (k[3] = (O) => unref(l).cap = O),
+                  modelValue: unref(n).cap,
+                  "onUpdate:modelValue": V[3] || (V[3] = (I) => unref(n).cap = I),
                   placeholder: "Maximum discount amount",
                   type: "number"
                 }, null, 8, ["modelValue"])
               ])) : createCommentVNode("", !0),
               E() ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
-                unref(o) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_12, [
-                  k[12] || (k[12] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Items", -1)),
+                unref(l) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_12, [
+                  V[12] || (V[12] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Items", -1)),
                   createElementVNode("div", _hoisted_13, [
                     createElementVNode("div", _hoisted_14, [
                       createElementVNode("div", _hoisted_15, [
-                        createVNode(R, {
+                        createVNode(T, {
                           name: "restaurant",
                           size: "md"
                         }),
-                        createElementVNode("span", _hoisted_16, toDisplayString(x()), 1)
+                        createElementVNode("span", _hoisted_16, toDisplayString(C()), 1)
                       ]),
                       createVNode(w, {
                         variant: "secondary",
                         label: "Select Items",
                         icon: "chevron_right",
-                        onClick: N
+                        onClick: S
                       })
                     ]),
-                    k[11] || (k[11] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. Bundle discounts require multiple items. ", -1))
+                    V[11] || (V[11] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. Bundle discounts require multiple items. ", -1))
                   ])
                 ])),
                 createVNode(_sfc_main$n, {
-                  visible: unref(o),
-                  "initial-value": ((A = unref(l).scope) == null ? void 0 : A.objectIDs) || [],
-                  onConfirm: M,
+                  visible: unref(l),
+                  "initial-value": ((A = unref(n).scope) == null ? void 0 : A.objectIDs) || [],
+                  onConfirm: H,
                   onCancel: Y
                 }, null, 8, ["visible", "initial-value"])
               ])) : createCommentVNode("", !0),
-              $() ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                unref(n) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_18, [
-                  k[14] || (k[14] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Categories", -1)),
+              N() ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                unref(o) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_18, [
+                  V[14] || (V[14] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Categories", -1)),
                   createElementVNode("div", _hoisted_19, [
                     createElementVNode("div", _hoisted_20, [
                       createElementVNode("div", _hoisted_21, [
-                        createVNode(R, {
+                        createVNode(T, {
                           name: "category",
                           size: "md"
                         }),
-                        createElementVNode("span", _hoisted_22, toDisplayString(S()), 1)
+                        createElementVNode("span", _hoisted_22, toDisplayString(R()), 1)
                       ]),
                       createVNode(w, {
                         variant: "secondary",
                         label: "Select Categories",
                         icon: "chevron_right",
-                        onClick: I
+                        onClick: $
                       })
                     ]),
-                    k[13] || (k[13] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. ", -1))
+                    V[13] || (V[13] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. ", -1))
                   ])
                 ])),
                 createVNode(_sfc_main$m, {
-                  visible: unref(n),
-                  "initial-value": ((L = unref(l).scope) == null ? void 0 : L.objectIDs) || [],
+                  visible: unref(o),
+                  "initial-value": ((L = unref(n).scope) == null ? void 0 : L.objectIDs) || [],
                   onConfirm: j,
                   onCancel: G
                 }, null, 8, ["visible", "initial-value"])
               ])) : createCommentVNode("", !0)
             ]),
-            unref(H).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            unref(M).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23, [
               createElementVNode("div", _hoisted_24, [
-                createVNode(R, { name: "warning" }),
-                k[15] || (k[15] = createElementVNode("span", { class: "fm-typo-en-body-sm-600" }, "Please fix the following issues:", -1))
+                createVNode(T, { name: "warning" }),
+                V[15] || (V[15] = createElementVNode("span", { class: "fm-typo-en-body-sm-600" }, "Please fix the following issues:", -1))
               ]),
               createElementVNode("ul", _hoisted_25, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(H), (O) => (openBlock(), createElementBlock("li", {
-                  key: O,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(M), (I) => (openBlock(), createElementBlock("li", {
+                  key: I,
                   class: "fm-typo-en-body-sm-400 text-fm-color-feedback-error-main flex items-start gap-8"
                 }, [
-                  k[16] || (k[16] = createElementVNode("span", { class: "w-4 h-4 bg-fm-color-feedback-error-main rounded-full mt-6 flex-shrink-0" }, null, -1)),
-                  createTextVNode(" " + toDisplayString(O), 1)
+                  V[16] || (V[16] = createElementVNode("span", { class: "w-4 h-4 bg-fm-color-feedback-error-main rounded-full mt-6 flex-shrink-0" }, null, -1)),
+                  createTextVNode(" " + toDisplayString(I), 1)
                 ]))), 128))
               ])
             ])) : createCommentVNode("", !0)
@@ -733,83 +733,83 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const { t: r } = useI18n(), i = e, u = d, a = ref(
-      !i.modelValue || !i.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(i.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = ref(
+      !d.modelValue || !d.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(d.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
     );
-    watch(a, async (n, l) => {
-      var s;
-      if (l == "custom" && n == "all_time" && RuleBuilder.getRules((s = i.modelValue) == null ? void 0 : s.rules.g_time).length > 0) {
-        const h = await prompt.confirm(
-          r("connect.template.rule.time.confirm_remove"),
-          r("connect.common.confirm"),
-          r("connect.common.confirm"),
-          r("connect.common.cancel")
+    watch(s, async (o, n) => {
+      var r;
+      if (n == "custom" && o == "all_time" && RuleBuilder.getRules((r = d.modelValue) == null ? void 0 : r.rules.g_time).length > 0) {
+        const y = await prompt.confirm(
+          a("connect.template.rule.time.confirm_remove"),
+          a("connect.common.confirm"),
+          a("connect.common.confirm"),
+          a("connect.common.cancel")
         );
-        h && u(
+        y && i(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            d.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
-        ), a.value = h ? n : l;
+        ), s.value = y ? o : n;
       }
     });
-    async function o(n) {
-      var l;
-      if (n == "custom" && RuleBuilder.getRules((l = i.modelValue) == null ? void 0 : l.rules.g_time).length > 0) {
+    async function l(o) {
+      var n;
+      if (o == "custom" && RuleBuilder.getRules((n = d.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
         if (!await prompt.confirm(
-          r("connect.template.rule.time.confirm_remove"),
-          r("connect.common.confirm"),
-          r("connect.common.confirm"),
-          r("connect.common.cancel")
+          a("connect.template.rule.time.confirm_remove"),
+          a("connect.common.confirm"),
+          a("connect.common.confirm"),
+          a("connect.common.cancel")
         )) {
-          a.value = "all_time";
+          s.value = "all_time";
           return;
         }
-        u(
+        i(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            d.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
         );
       }
     }
-    return (n, l) => {
-      var g;
-      const s = resolveComponent("FmRadio"), h = resolveComponent("FmRadioGroup");
+    return (o, n) => {
+      var v;
+      const r = resolveComponent("FmRadio"), y = resolveComponent("FmRadioGroup");
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createVNode(h, {
-          modelValue: unref(a),
+        createVNode(y, {
+          modelValue: unref(s),
           "onUpdate:modelValue": [
-            l[0] || (l[0] = (b) => isRef(a) ? a.value = b : null),
-            l[1] || (l[1] = (b) => o(b))
+            n[0] || (n[0] = (h) => isRef(s) ? s.value = h : null),
+            n[1] || (n[1] = (h) => l(h))
           ]
         }, {
           default: withCtx(() => [
-            createVNode(s, {
-              label: unref(r)("connect.template.rule.time.all_time"),
+            createVNode(r, {
+              label: unref(a)("connect.template.rule.time.all_time"),
               value: "all_time"
             }, null, 8, ["label"]),
-            createVNode(s, {
-              label: unref(r)("connect.template.rule.time.custom"),
+            createVNode(r, {
+              label: unref(a)("connect.template.rule.time.custom"),
               value: "custom"
             }, null, 8, ["label"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        unref(a) == "custom" ? (openBlock(), createBlock(_sfc_main$p, {
+        unref(s) == "custom" ? (openBlock(), createBlock(_sfc_main$p, {
           key: 0,
           class: "!mt-[0px]",
           "include-only": "trigger",
           "trigger-type": "SCHEDULE",
-          "model-value": ((g = e.modelValue) == null ? void 0 : g.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
-          "onUpdate:modelValue": l[2] || (l[2] = (b) => u(
+          "model-value": ((v = e.modelValue) == null ? void 0 : v.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": n[2] || (n[2] = (h) => i(
             "update:model-value",
             unref(RuleBuilder).setRuleToGroup(
               e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              b,
+              h,
               "&&"
             )
           ))
@@ -825,27 +825,27 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = computed(() => {
-      const { property: a, operator: o, equator: n } = RuleBuilder.simplify(
-        r.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = computed(() => {
+      const { property: l, operator: o, equator: n } = RuleBuilder.simplify(
+        d.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
           op: "before",
           x: 1
         })
       );
       return {
-        property: a,
+        property: l,
         operator: o,
         equator: n
       };
     });
-    return (a, o) => {
-      const n = resolveComponent("FmRadio"), l = resolveComponent("FmStepperField");
+    return (l, o) => {
+      const n = resolveComponent("FmRadio"), r = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", null, [
         createVNode(n, {
-          label: "On birthday",
+          label: unref(a)("connect.template.rule.birthday.on_birthday"),
           value: "_isRange-day",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(s).operator}-${unref(s).equator.unit}`,
           "onUpdate:modelValue": o[0] || (o[0] = () => {
             i(
               "update:model-value",
@@ -856,11 +856,11 @@ const _hoisted_1$l = {
               })
             );
           })
-        }, null, 8, ["model-value"]),
+        }, null, 8, ["label", "model-value"]),
         createVNode(n, {
-          label: "N days before birthday",
+          label: unref(a)("connect.template.rule.birthday.days_before"),
           value: "_isDay",
-          "model-value": unref(u).operator,
+          "model-value": unref(s).operator,
           "onUpdate:modelValue": o[1] || (o[1] = () => {
             i(
               "update:model-value",
@@ -871,25 +871,25 @@ const _hoisted_1$l = {
               })
             );
           })
-        }, null, 8, ["model-value"]),
-        unref(u).operator == "_isDay" ? (openBlock(), createBlock(l, {
+        }, null, 8, ["label", "model-value"]),
+        unref(s).operator == "_isDay" ? (openBlock(), createBlock(r, {
           key: 0,
-          label: "Days before birthday",
+          label: unref(a)("connect.template.rule.birthday.days_before_label"),
           "show-steppers": !1,
-          "model-value": unref(u).equator.x,
-          "onUpdate:modelValue": o[2] || (o[2] = (s) => i(
+          "model-value": unref(s).equator.x,
+          "onUpdate:modelValue": o[2] || (o[2] = (y) => i(
             "update:model-value",
             unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
               op: "after",
-              x: s,
+              x: y,
               ignoreYear: !0
             })
           ))
-        }, null, 8, ["model-value"])) : createCommentVNode("", !0),
+        }, null, 8, ["label", "model-value"])) : createCommentVNode("", !0),
         createVNode(n, {
-          label: "In birthday week",
+          label: unref(a)("connect.template.rule.birthday.in_birthday_week"),
           value: "_isRange-week",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(s).operator}-${unref(s).equator.unit}`,
           "onUpdate:modelValue": o[3] || (o[3] = () => {
             i(
               "update:model-value",
@@ -900,11 +900,11 @@ const _hoisted_1$l = {
               })
             );
           })
-        }, null, 8, ["model-value"]),
+        }, null, 8, ["label", "model-value"]),
         createVNode(n, {
-          label: "In birthday month",
+          label: unref(a)("connect.template.rule.birthday.in_birthday_month"),
           value: "_isRange-month",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(s).operator}-${unref(s).equator.unit}`,
           "onUpdate:modelValue": o[4] || (o[4] = () => {
             i(
               "update:model-value",
@@ -915,11 +915,11 @@ const _hoisted_1$l = {
               })
             );
           })
-        }, null, 8, ["model-value"])
+        }, null, 8, ["label", "model-value"])
       ]);
     };
   }
-}), _hoisted_1$h = { class: "space-y-16" }, _hoisted_2$e = { 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$i = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$h = { class: "space-y-16" }, _hoisted_2$e = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$b = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$a = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CampaignTriggerInput",
   props: {
     campaignType: {
@@ -935,31 +935,31 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = computed(() => r.disabled ? TypeToTriggerOptions[r.campaignType].filter(
-      (a) => a.value == r.modelValue
-    ) : TypeToTriggerOptions[r.campaignType]);
-    return (a, o) => {
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = computed(() => d.disabled ? TypeToTriggerOptions[d.campaignType].filter(
+      (l) => l.value == d.modelValue
+    ) : TypeToTriggerOptions[d.campaignType]);
+    return (l, o) => {
       const n = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
-        createElementVNode("div", _hoisted_2$e, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (l) => (openBlock(), createBlock(n, {
+        createElementVNode("div", _hoisted_2$e, toDisplayString(unref(a)("connect.campaign.trigger.description")), 1),
+        createElementVNode("div", _hoisted_3$b, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (r) => (openBlock(), createBlock(n, {
             variant: "outlined",
-            disabled: r.disabled,
+            disabled: d.disabled,
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-3": unref(u).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == l.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != l.value
+              "col-span-3": unref(s).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == r.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              r.modelValue != l.value && !r.disabled && i("update:model-value", l.value);
+              d.modelValue != r.value && !d.disabled && i("update:model-value", r.value);
             },
-            key: l.name
+            key: r.name
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$b, toDisplayString(l.name), 1),
-              createElementVNode("div", _hoisted_4$8, toDisplayString(l.description), 1)
+              createElementVNode("div", _hoisted_4$a, toDisplayString(r.name), 1),
+              createElementVNode("div", _hoisted_5$7, toDisplayString(r.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -980,27 +980,27 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = d;
-    return (i, u) => {
-      const a = resolveComponent("FmButton"), o = resolveComponent("FmField"), n = resolveComponent("FmDatePicker");
-      return openBlock(), createBlock(n, {
+  setup(e, { emit: m }) {
+    const a = m;
+    return (d, i) => {
+      const s = resolveComponent("FmButton"), l = resolveComponent("FmField"), o = resolveComponent("FmDatePicker");
+      return openBlock(), createBlock(o, {
         label: e.label,
         "model-value": e.modelValue || "",
-        "onUpdate:modelValue": u[1] || (u[1] = (l) => r("update:model-value", l))
+        "onUpdate:modelValue": i[1] || (i[1] = (n) => a("update:model-value", n))
       }, {
-        "trigger-button": withCtx(({ opened: l }) => [
-          createVNode(o, {
+        "trigger-button": withCtx(({ opened: n }) => [
+          createVNode(l, {
             class: "flex items-center",
             "prepend-icon": "calendar_month",
-            "icon-outlined": !l
+            "icon-outlined": !n
           }, {
             append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(a, {
+              e.modelValue ? (openBlock(), createBlock(s, {
                 key: 0,
                 variant: "tertiary",
                 icon: "clear",
-                onClick: u[0] || (u[0] = (s) => (s.stopPropagation(), r("update:model-value", null)))
+                onClick: i[0] || (i[0] = (r) => (r.stopPropagation(), a("update:model-value", null)))
               })) : createCommentVNode("", !0)
             ]),
             default: withCtx(() => [
@@ -1015,7 +1015,7 @@ const _hoisted_1$l = {
       }, 8, ["label", "model-value"]);
     };
   }
-}), _hoisted_1$g = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$d = { class: "flex-1 xs:w-full" }, _hoisted_3$a = { class: "flex-1 xs:w-full" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$g = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$d = { class: "flex-1 xs:w-full" }, _hoisted_3$a = { class: "mt-5 xs:hidden" }, _hoisted_4$9 = { class: "flex-1 xs:w-full" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "DateRangeInput",
   props: {
     modelValue: {
@@ -1024,37 +1024,37 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = d;
-    return (i, u) => {
-      var a, o;
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = m;
+    return (i, s) => {
+      var l, o;
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createElementVNode("div", _hoisted_2$d, [
           createVNode(_sfc_main$h, {
-            "model-value": ((a = e.modelValue) == null ? void 0 : a.startDate) ?? null,
-            label: "Start date",
-            "onUpdate:modelValue": u[0] || (u[0] = (n) => {
-              var l;
-              return r("update:model-value", {
+            "model-value": ((l = e.modelValue) == null ? void 0 : l.startDate) ?? null,
+            label: unref(a)("connect.common.startDate"),
+            "onUpdate:modelValue": s[0] || (s[0] = (n) => {
+              var r;
+              return d("update:model-value", {
                 startDate: n,
-                endDate: ((l = e.modelValue) == null ? void 0 : l.endDate) ?? null
+                endDate: ((r = e.modelValue) == null ? void 0 : r.endDate) ?? null
               });
             })
-          }, null, 8, ["model-value"])
+          }, null, 8, ["model-value", "label"])
         ]),
-        u[2] || (u[2] = createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1)),
-        createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_3$a, toDisplayString(unref(a)("connect.common.to")), 1),
+        createElementVNode("div", _hoisted_4$9, [
           createVNode(_sfc_main$h, {
             "model-value": ((o = e.modelValue) == null ? void 0 : o.endDate) ?? null,
-            label: "End date",
-            "onUpdate:modelValue": u[1] || (u[1] = (n) => {
-              var l;
-              return r("update:model-value", {
-                startDate: ((l = e.modelValue) == null ? void 0 : l.startDate) ?? null,
+            label: unref(a)("connect.common.endDate"),
+            "onUpdate:modelValue": s[1] || (s[1] = (n) => {
+              var r;
+              return d("update:model-value", {
+                startDate: ((r = e.modelValue) == null ? void 0 : r.startDate) ?? null,
                 endDate: n
               });
             })
-          }, null, 8, ["model-value"])
+          }, null, 8, ["model-value", "label"])
         ])
       ]);
     };
@@ -1062,7 +1062,7 @@ const _hoisted_1$l = {
 }), _hoisted_1$f = { class: "space-y-8" }, _hoisted_2$c = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$9 = {
   key: 0,
   class: "space-y-4"
-}, _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$f = /* @__PURE__ */ defineComponent({
+}, _hoisted_4$8 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$6 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ScheduleRuleInput",
   props: {
     modelValue: {
@@ -1077,36 +1077,39 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = useCoreStore(), a = computed(
-      () => CountryTimezone[u.currentCountry.value || "MY"]
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = useCoreStore(), l = computed(
+      () => CountryTimezone[s.currentCountry.value || "MY"]
     );
     function o() {
-      const V = RuleBuilder.getRules(r.modelValue);
-      return V.length == 0 ? "fixed" : V.some(
-        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).operator == "_rrule"
+      const p = RuleBuilder.getRules(d.modelValue);
+      return p.length == 0 ? "fixed" : p.some(
+        (u) => isRuleEntry(u) && RuleBuilder.simplify(u).operator == "_rrule"
       ) ? "repeating" : "fixed";
     }
-    const n = ref(o()), l = ref(!1), s = computed(() => {
-      const V = RuleBuilder.getRules(r.modelValue), p = V.find(
-        (y) => isRuleEntry(y) && RuleBuilder.simplify(y).property == "trigger.date"
-      ), c = V.find(
-        (y) => isRuleEntry(y) && RuleBuilder.simplify(y).property == "trigger.time"
+    const n = ref(o()), r = ref(!1), y = computed(() => [
+      { label: a("connect.template.rule.schedule.fixed"), value: "fixed" },
+      { label: a("connect.template.rule.schedule.repeating"), value: "repeating" }
+    ]), v = computed(() => {
+      const p = RuleBuilder.getRules(d.modelValue), u = p.find(
+        (f) => isRuleEntry(f) && RuleBuilder.simplify(f).property == "trigger.date"
+      ), c = p.find(
+        (f) => isRuleEntry(f) && RuleBuilder.simplify(f).property == "trigger.time"
       );
       return {
-        date: p ? RuleBuilder.simplify(p).equator : null,
+        date: u ? RuleBuilder.simplify(u).equator : null,
         time: c ? RuleBuilder.simplify(c).equator : null
       };
     }), h = computed(
       () => calculateNextScheduleAt(
-        r.modelValue,
+        d.modelValue,
         /* @__PURE__ */ new Date(),
-        r.startDate ? new Date(r.startDate) : void 0,
-        r.endDate ? new Date(r.endDate) : void 0
+        d.startDate ? new Date(d.startDate) : void 0,
+        d.endDate ? new Date(d.endDate) : void 0
       )
     );
-    function g(V) {
-      const p = V.label.toLowerCase(), c = p == "fixed" ? [
+    function x(p) {
+      const u = p.value, c = u == "fixed" ? [
         RuleBuilder.constructEntry(
           "trigger.date",
           "_isOnDate",
@@ -1127,21 +1130,21 @@ const _hoisted_1$l = {
           RuleBuilder.scaffoldGroup("g_schedule"),
           c
         )
-      ), n.value = p;
+      ), n.value = u;
     }
-    function b(V) {
+    function k(p) {
       n.value == "fixed" ? i(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
             "trigger.date",
             "_isOnDate",
-            V.date
+            p.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            V.time
+            p.time
           )
         ])
       ) : i(
@@ -1150,44 +1153,44 @@ const _hoisted_1$l = {
           RuleBuilder.constructEntry(
             "trigger.date",
             "_rrule",
-            V.date
+            p.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            V.time
+            p.time
           )
         ])
       );
     }
-    return (V, p) => {
-      const c = resolveComponent("FmButtonGroup"), y = resolveComponent("FmTimePicker"), m = resolveComponent("FmIcon"), f = resolveComponent("FmTooltip"), B = resolveComponent("FmField"), C = resolveComponent("FmCard"), E = resolveComponent("FmPopover"), $ = resolveComponent("FmDatePicker"), x = resolveComponent("FmHelperText");
+    return (p, u) => {
+      const c = resolveComponent("FmButtonGroup"), f = resolveComponent("FmTimePicker"), B = resolveComponent("FmIcon"), b = resolveComponent("FmTooltip"), E = resolveComponent("FmField"), N = resolveComponent("FmCard"), C = resolveComponent("FmPopover"), R = resolveComponent("FmDatePicker"), S = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(c, {
-          items: [{ label: "Fixed" }, { label: "Repeating" }],
-          "model-value": { label: unref(cases).title(unref(n)) },
-          "onUpdate:modelValue": g,
+          items: unref(y),
+          "model-value": unref(y).find(($) => $.value === unref(n)) ?? null,
+          "onUpdate:modelValue": x,
           class: "mb-8"
-        }, null, 8, ["model-value"]),
+        }, null, 8, ["items", "model-value"]),
         createElementVNode("div", _hoisted_1$f, [
           createElementVNode("div", _hoisted_2$c, [
-            createVNode(y, {
-              label: "Notify time",
-              "model-value": unref(s).time,
-              "onUpdate:modelValue": p[0] || (p[0] = (S) => b({ date: unref(s).date, time: S })),
-              "helper-text": unref(s).time ? void 0 : "Time is required",
-              "helper-state": unref(s).time ? void 0 : "error"
-            }, null, 8, ["model-value", "helper-text", "helper-state"]),
+            createVNode(f, {
+              label: unref(a)("connect.template.rule.schedule.notify_time"),
+              "model-value": unref(v).time,
+              "onUpdate:modelValue": u[0] || (u[0] = ($) => k({ date: unref(v).date, time: $ })),
+              "helper-text": unref(v).time ? void 0 : unref(a)("connect.template.rule.schedule.time_required"),
+              "helper-state": unref(v).time ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]),
             unref(n) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
-              createElementVNode("div", _hoisted_4$7, [
-                p[5] || (p[5] = createElementVNode("div", null, "Notify date", -1)),
-                unref(s).date ? (openBlock(), createBlock(f, {
+              createElementVNode("div", _hoisted_4$8, [
+                createElementVNode("div", null, toDisplayString(unref(a)("connect.template.rule.schedule.notify_date")), 1),
+                unref(v).date ? (openBlock(), createBlock(b, {
                   key: 0,
                   "z-index": 9999,
-                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(s).date).options)
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(v).date).options)
                 }, {
                   default: withCtx(() => [
-                    createVNode(m, {
+                    createVNode(B, {
                       name: "info",
                       size: "sm",
                       outline: !0
@@ -1196,30 +1199,30 @@ const _hoisted_1$l = {
                   _: 1
                 }, 8, ["content"])) : createCommentVNode("", !0)
               ]),
-              createVNode(E, {
-                "show-popover": unref(l),
-                onPopoverChanged: p[3] || (p[3] = (S) => l.value = S)
+              createVNode(C, {
+                "show-popover": unref(r),
+                onPopoverChanged: u[3] || (u[3] = ($) => r.value = $)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(B, {
+                  createVNode(E, {
                     class: "cursor-pointer",
-                    "helper-text": unref(s).date ? void 0 : "Date is required",
-                    "helper-state": unref(s).date ? void 0 : "error"
+                    "helper-text": unref(v).date ? void 0 : unref(a)("connect.template.rule.schedule.date_required"),
+                    "helper-state": unref(v).date ? void 0 : "error"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_5$4, toDisplayString(unref(s).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(s).date).options) : "Set a repeating date"), 1)
+                      createElementVNode("div", _hoisted_5$6, toDisplayString(unref(v).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(v).date).options) : unref(a)("connect.template.rule.schedule.set_repeating_date")), 1)
                     ]),
                     _: 1
                   }, 8, ["helper-text", "helper-state"])
                 ]),
                 default: withCtx(() => [
-                  createVNode(C, { class: "elevated p-8 w-[450px]" }, {
+                  createVNode(N, { class: "elevated p-8 w-[450px]" }, {
                     default: withCtx(() => [
                       createVNode(_sfc_main$q, {
                         "apply-button": !0,
-                        "model-value": unref(s).date || "",
-                        onCancel: p[1] || (p[1] = (S) => l.value = !1),
-                        "onUpdate:modelValue": p[2] || (p[2] = (S) => (b({ date: S, time: unref(s).time }), l.value = !1))
+                        "model-value": unref(v).date || "",
+                        onCancel: u[1] || (u[1] = ($) => r.value = !1),
+                        "onUpdate:modelValue": u[2] || (u[2] = ($) => (k({ date: $, time: unref(v).time }), r.value = !1))
                       }, null, 8, ["model-value"])
                     ]),
                     _: 1
@@ -1227,25 +1230,25 @@ const _hoisted_1$l = {
                 ]),
                 _: 1
               }, 8, ["show-popover"])
-            ])) : (openBlock(), createBlock($, {
+            ])) : (openBlock(), createBlock(R, {
               key: 1,
-              label: "Notify date",
-              "model-value": unref(s).date || "",
-              "onUpdate:modelValue": p[4] || (p[4] = (S) => b({ date: S, time: unref(s).time })),
-              "helper-text": unref(s).date ? void 0 : "Date is required",
-              "helper-state": unref(s).date ? void 0 : "error"
-            }, null, 8, ["model-value", "helper-text", "helper-state"]))
+              label: unref(a)("connect.template.rule.schedule.notify_date"),
+              "model-value": unref(v).date || "",
+              "onUpdate:modelValue": u[4] || (u[4] = ($) => k({ date: $, time: unref(v).time })),
+              "helper-text": unref(v).date ? void 0 : unref(a)("connect.template.rule.schedule.date_required"),
+              "helper-state": unref(v).date ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]))
           ]),
-          unref(s).date && unref(s).time && unref(h) ? (openBlock(), createBlock(x, {
+          unref(v).date && unref(v).time && unref(h) ? (openBlock(), createBlock(S, {
             key: 0,
-            text: `${unref(moment)(unref(h)).isAfter(unref(moment)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(moment)(unref(h)).format("dddd, DD MMM YYYY")} at
-        ${unref(moment)(unref(h)).format("hh:mmA")}(UTC${unref(moment).tz(unref(a)).format("Z")}) (${unref(moment)(unref(h)).fromNow()})`
+            text: `${unref(moment)(unref(h)).isAfter(unref(moment)()) ? unref(a)("connect.template.rule.schedule.next_notification") : unref(a)("connect.template.rule.schedule.last_trigger_on")} ${unref(moment)(unref(h)).format("dddd, DD MMM YYYY")} at
+        ${unref(moment)(unref(h)).format("hh:mmA")}(UTC${unref(moment).tz(unref(l)).format("Z")}) (${unref(moment)(unref(h)).fromNow()})`
           }, null, 8, ["text"])) : createCommentVNode("", !0)
         ])
       ], 64);
     };
   }
-}), _hoisted_1$e = { class: "space-y-16" }, _hoisted_2$b = { 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" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$e = { class: "space-y-16" }, _hoisted_2$b = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$8 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "GameTypeInput",
   props: {
     modelValue: {
@@ -1253,43 +1256,43 @@ const _hoisted_1$l = {
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = computed(
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = computed(
       () => [
         {
-          label: "Fortune Wheel",
-          description: "Allow customers to spin the Fortune Wheel to win various rewards.",
+          label: a("connect.campaign.gameType.option.FORTUNE_WHEEL.label"),
+          description: a("connect.campaign.gameType.option.FORTUNE_WHEEL.description"),
           value: F_GAME_TYPE.enum.FORTUNE_WHEEL,
           hidden: !1
         },
         {
-          label: "Rock paper scissor",
-          description: "Customers play a game of Rock Paper Scissors against the cashier.",
+          label: a("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.label"),
+          description: a("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.description"),
           value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
           hidden: !0
         }
-      ].filter((a) => !a.hidden)
+      ].filter((l) => !l.hidden)
     );
-    return (a, o) => {
+    return (l, o) => {
       const n = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$b, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (l) => (openBlock(), createBlock(n, {
+        createElementVNode("div", _hoisted_2$b, toDisplayString(unref(a)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$8, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (r) => (openBlock(), createBlock(n, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(u).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == l.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != l.value
+              "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)]": e.modelValue == r.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              r.modelValue != l.value && i("update:model-value", l.value);
+              d.modelValue != r.value && i("update:model-value", r.value);
             },
-            key: l.value
+            key: r.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$8, toDisplayString(l.label), 1),
-              createElementVNode("div", _hoisted_4$6, toDisplayString(l.description), 1)
+              createElementVNode("div", _hoisted_4$7, toDisplayString(r.label), 1),
+              createElementVNode("div", _hoisted_5$5, toDisplayString(r.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -1303,48 +1306,48 @@ const _hoisted_1$l = {
 }, _hoisted_2$a = { class: "flex gap-8 items-center justify-start" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "EditRewardPoolSheet",
   emits: ["update:model-value"],
-  setup(e, { expose: d, emit: r }) {
-    const i = useMembershipStore(), { minor: u } = useLoading, a = ref(!1), o = ref(), n = ref(), l = ref(0), s = computed(() => {
-      var c;
-      return ((c = i.loyaltyRewards.items.find(
-        (y) => {
-          var m;
-          return y.value === ((m = o.value) == null ? void 0 : m.collectible);
+  setup(e, { expose: m, emit: a }) {
+    const d = useMembershipStore(), { minor: i } = useLoading, s = ref(!1), l = ref(), o = ref(), n = ref(0), r = computed(() => {
+      var p;
+      return ((p = d.loyaltyRewards.items.find(
+        (u) => {
+          var c;
+          return u.value === ((c = l.value) == null ? void 0 : c.collectible);
         }
-      )) == null ? void 0 : c.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
-    }), h = computed(() => {
-      const p = s.value.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
+      )) == null ? void 0 : p.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+    }), y = computed(() => {
+      const k = r.value.safeParse(l.value);
+      return k.success ? [] : k.error.errors;
     });
-    function g(p, c, y) {
-      p && (o.value = c, l.value = y), a.value = p;
+    function v(k, p, u) {
+      k && (l.value = p, n.value = u), s.value = k;
     }
-    const b = r;
-    async function V() {
-      const p = s.value.safeParse(o.value);
-      p.success && (await u(
+    const h = a;
+    async function x() {
+      const k = r.value.safeParse(l.value);
+      k.success && (await i(
         async () => {
-          p.data.type === "VOUCHER" && n.value && (p.data.collectibleConfig.image = await firebaseStorage.update(
-            p.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
-            n.value
+          k.data.type === "VOUCHER" && o.value && (k.data.collectibleConfig.image = await firebaseStorage.update(
+            k.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, o.value),
+            o.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), b("update:model-value", p.data, l.value));
+      ), h("update:model-value", k.data, n.value));
     }
-    return d({
-      showSheet: g
-    }), (p, c) => {
-      const y = resolveComponent("FmSelect"), m = resolveComponent("FmStepperField"), f = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
+    return m({
+      showSheet: v
+    }), (k, p) => {
+      const u = resolveComponent("FmSelect"), c = resolveComponent("FmStepperField"), f = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
       return openBlock(), createBlock(B, {
         "max-width": 560,
-        modelValue: unref(a),
+        modelValue: unref(s),
         "onUpdate:modelValue": [
-          c[9] || (c[9] = (C) => isRef(a) ? a.value = C : null),
-          c[10] || (c[10] = (C) => a.value = C)
+          p[9] || (p[9] = (b) => isRef(s) ? s.value = b : null),
+          p[10] || (p[10] = (b) => s.value = b)
         ],
         header: "Edit reward",
         "dismiss-away": ""
@@ -1354,36 +1357,36 @@ const _hoisted_1$l = {
             createVNode(f, {
               variant: "primary",
               type: "button",
-              disabled: unref(h).length > 0,
+              disabled: unref(y).length > 0,
               label: "Confirm",
-              onClick: c[7] || (c[7] = (C) => V())
+              onClick: p[7] || (p[7] = (b) => x())
             }, null, 8, ["disabled"]),
             createVNode(f, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: c[8] || (c[8] = (C) => a.value = !1)
+              onClick: p[8] || (p[8] = (b) => s.value = !1)
             })
           ])
         ]),
         default: withCtx(() => {
-          var C, E, $;
+          var b, E, N;
           return [
-            unref(o) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
-              createVNode(y, {
+            unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+              createVNode(u, {
                 label: "Reward Type",
                 items: [
                   { label: "No Reward", value: "NO_REWARD" },
                   { label: "Voucher", value: "VOUCHER" },
                   { label: "Loyalty", value: "LOYALTY" }
                 ],
-                "model-value": unref(o).type,
-                "onUpdate:modelValue": c[0] || (c[0] = (x) => {
-                  x == "NO_REWARD" ? o.value = {
+                "model-value": unref(l).type,
+                "onUpdate:modelValue": p[0] || (p[0] = (C) => {
+                  C == "NO_REWARD" ? l.value = {
                     type: "NO_REWARD",
                     collectible: null,
                     weight: 1
-                  } : x === "VOUCHER" ? o.value = {
+                  } : C === "VOUCHER" ? l.value = {
                     collectible: null,
                     type: "VOUCHER",
                     collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -1397,8 +1400,8 @@ const _hoisted_1$l = {
                       validForDay: 7
                     },
                     weight: 1
-                  } : o.value = {
-                    collectible: unref(i).loyaltyRewards.raw[0]._id,
+                  } : l.value = {
+                    collectible: unref(d).loyaltyRewards.raw[0]._id,
                     type: "LOYALTY",
                     earningOption: {
                       amount: 1,
@@ -1411,75 +1414,75 @@ const _hoisted_1$l = {
                   };
                 })
               }, null, 8, ["model-value"]),
-              unref(o).type == "LOYALTY" ? (openBlock(), createBlock(y, {
+              unref(l).type == "LOYALTY" ? (openBlock(), createBlock(u, {
                 key: 0,
                 label: "Loyalty type",
-                rules: [unref(ZodHelper).ruleAtPath(unref(s), "collectible", [unref(o).type])],
-                items: unref(i).loyaltyRewards.items,
-                "model-value": unref(o).collectible,
-                "onUpdate:modelValue": c[1] || (c[1] = (x) => unref(o).collectible = x)
+                rules: [unref(ZodHelper).ruleAtPath(unref(r), "collectible", [unref(l).type])],
+                items: unref(d).loyaltyRewards.items,
+                "model-value": unref(l).collectible,
+                "onUpdate:modelValue": p[1] || (p[1] = (C) => unref(l).collectible = C)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(m, {
+              createVNode(c, {
                 label: "Weight",
-                rules: [unref(ZodHelper).ruleAtPath(unref(s), "weight", [unref(o).type])],
-                "model-value": unref(o).weight,
-                "onUpdate:modelValue": c[2] || (c[2] = (x) => o.value = {
-                  ...unref(o),
-                  weight: x
+                rules: [unref(ZodHelper).ruleAtPath(unref(r), "weight", [unref(l).type])],
+                "model-value": unref(l).weight,
+                "onUpdate:modelValue": p[2] || (p[2] = (C) => l.value = {
+                  ...unref(l),
+                  weight: C
                 })
               }, null, 8, ["rules", "model-value"]),
-              unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((C = unref(i).loyaltyRewards.items.find(
-                  (x) => {
-                    var S;
-                    return x.value === ((S = unref(o)) == null ? void 0 : S.collectible);
+              unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ((b = unref(d).loyaltyRewards.items.find(
+                  (C) => {
+                    var R;
+                    return C.value === ((R = unref(l)) == null ? void 0 : R.collectible);
                   }
-                )) == null ? void 0 : C.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  c[11] || (c[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                )) == null ? void 0 : b.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  p[11] || (p[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$r, {
                     class: "mt-[-8px]",
                     rules: [
-                      unref(ZodHelper).ruleAtPath(unref(s), "earningOption", [unref(o).type])
+                      unref(ZodHelper).ruleAtPath(unref(r), "earningOption", [unref(l).type])
                     ],
-                    "helper-state": unref(ZodHelper).helperState(unref(h), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(h), "earningOption"),
+                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
                     "fixed-type": !0,
-                    "model-value": unref(o).earningOption,
-                    "onUpdate:modelValue": c[3] || (c[3] = (x) => o.value = {
-                      ...unref(o),
-                      earningOption: x
+                    "model-value": unref(l).earningOption,
+                    "onUpdate:modelValue": p[3] || (p[3] = (C) => l.value = {
+                      ...unref(l),
+                      earningOption: C
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                c[12] || (c[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
+                p[12] || (p[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$s, {
-                  type: unref(o).type === "LOYALTY" ? "custom" : "range",
-                  "for-credit": unref(o).type === "LOYALTY" && ((E = unref(i).loyaltyRewards.items.find(
-                    (x) => {
-                      var S;
-                      return x.value === ((S = unref(o)) == null ? void 0 : S.collectible);
+                  type: unref(l).type === "LOYALTY" ? "custom" : "range",
+                  "for-credit": unref(l).type === "LOYALTY" && ((E = unref(d).loyaltyRewards.items.find(
+                    (C) => {
+                      var R;
+                      return C.value === ((R = unref(l)) == null ? void 0 : R.collectible);
                     }
                   )) == null ? void 0 : E.raw.type) === "CREDIT",
                   class: "!gap-24",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(s), "validityOption", [unref(o).type])],
-                  "model-value": unref(o).validityOption,
-                  "onUpdate:modelValue": c[4] || (c[4] = (x) => o.value = {
-                    ...unref(o),
-                    validityOption: x
+                  rules: [unref(ZodHelper).ruleAtPath(unref(r), "validityOption", [unref(l).type])],
+                  "model-value": unref(l).validityOption,
+                  "onUpdate:modelValue": p[4] || (p[4] = (C) => l.value = {
+                    ...unref(l),
+                    validityOption: C
                   })
                 }, null, 8, ["type", "for-credit", "rules", "model-value"])
               ], 64)) : createCommentVNode("", !0),
-              unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$t, {
+              unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$t, {
                 key: 2,
-                "reward-image": unref(n),
-                "model-value": (($ = unref(o)) == null ? void 0 : $.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": c[5] || (c[5] = (x) => o.value = {
-                  ...unref(o),
-                  collectibleConfig: x
+                "reward-image": unref(o),
+                "model-value": ((N = unref(l)) == null ? void 0 : N.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": p[5] || (p[5] = (C) => l.value = {
+                  ...unref(l),
+                  collectibleConfig: C
                 }),
-                "onUpdate:rewardImage": c[6] || (c[6] = (x) => n.value = x)
+                "onUpdate:rewardImage": p[6] || (p[6] = (C) => o.value = C)
               }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-              createVNode(JsonViewer, { json: unref(h) }, null, 8, ["json"])
+              createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
             ])) : createCommentVNode("", !0)
           ];
         }),
@@ -1491,7 +1494,7 @@ const _hoisted_1$l = {
 function isNullOrEmpty(e) {
   return e == null || e === "";
 }
-const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$7 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _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$c = /* @__PURE__ */ defineComponent({
   __name: "RewardPoolInput",
   props: {
     modelValue: {
@@ -1506,37 +1509,37 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = useMembershipStore(), a = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), o = computed(() => r.modelValue ?? []), n = computed(() => {
-      const p = a.safeParse(o.value);
+  setup(e, { emit: m }) {
+    const a = e, d = m, i = useMembershipStore(), { t: s } = useI18n(), l = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), o = computed(() => a.modelValue ?? []), n = computed(() => {
+      const p = l.safeParse(o.value);
       return p.success ? [] : p.error.errors;
-    }), l = ref();
-    function s(p, c) {
-      var m;
-      const y = [...o.value];
-      y[c] = p, (m = l.value) == null || m.showSheet(!1), i("update:model-value", y);
+    }), r = ref();
+    function y(p, u) {
+      var f;
+      const c = [...o.value];
+      c[u] = p, (f = r.value) == null || f.showSheet(!1), d("update:model-value", c);
     }
-    function h(p) {
-      const c = p.type == "VOUCHER" ? p.collectibleConfig : u.collectibles.find(
-        (f) => f._id.toString() == p.collectible
-      ), y = CollectionUtils.formattedType((c == null ? void 0 : c.name) || ""), m = p.weight;
+    function v(p) {
+      const u = p.type == "VOUCHER" ? p.collectibleConfig : i.collectibles.find(
+        (B) => B._id.toString() == p.collectible
+      ), c = CollectionUtils.formattedType((u == null ? void 0 : u.name) || ""), f = p.weight;
       return {
-        label: isNullOrEmpty(y) ? "NO REWARD" : y,
-        sublabel: `${m} (${(m / o.value.reduce((f, B) => f + B.weight, 0) * 100).toFixed(2)}%)`
+        label: isNullOrEmpty(c) ? "NO REWARD" : c,
+        sublabel: `${f} (${(f / o.value.reduce((B, b) => B + b.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function g(p) {
-      var y;
-      const c = [...o.value];
-      (y = l.value) == null || y.showSheet(!0, c[p], p);
+    function h(p) {
+      var c;
+      const u = [...o.value];
+      (c = r.value) == null || c.showSheet(!0, u[p], p);
     }
-    function b(p) {
-      const c = [...o.value];
-      c.splice(p, 1), i("update:model-value", c);
+    function x(p) {
+      const u = [...o.value];
+      u.splice(p, 1), d("update:model-value", u);
     }
-    function V() {
+    function k() {
       var p;
-      (p = l.value) == null || p.showSheet(
+      (p = r.value) == null || p.showSheet(
         !0,
         {
           type: "NO_REWARD",
@@ -1546,47 +1549,47 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
         o.value.length
       );
     }
-    return (p, c) => {
-      const y = resolveComponent("FmButton"), m = resolveComponent("FmCard"), f = resolveComponent("FmHelperText");
+    return (p, u) => {
+      const c = resolveComponent("FmButton"), f = resolveComponent("FmCard"), B = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        c[1] || (c[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(y, {
-          label: "Add Reward",
-          onClick: c[0] || (c[0] = (B) => V()),
+        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(s)("connect.template.configure_reward_type")), 1),
+        createVNode(c, {
+          label: unref(s)("connect.campaign.rewardPool.addReward"),
+          onClick: u[0] || (u[0] = (b) => k()),
           variant: "plain",
           icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (B, C) => (openBlock(), createBlock(m, {
-          key: C,
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (b, E) => (openBlock(), createBlock(f, {
+          key: E,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (E) => g(C)
+          onClick: (N) => h(E)
         }, {
           default: withCtx(() => {
-            var E;
+            var N;
             return [
               createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_2$9, toDisplayString(B.type == "LOYALTY" ? (E = B == null ? void 0 : B.earningOption) == null ? void 0 : E.amount : "") + " " + toDisplayString(h(B).label), 1),
-                createElementVNode("div", _hoisted_3$7, toDisplayString(h(B).sublabel), 1)
+                createElementVNode("div", _hoisted_3$7, toDisplayString(b.type == "LOYALTY" ? (N = b == null ? void 0 : b.earningOption) == null ? void 0 : N.amount : "") + " " + toDisplayString(v(b).label), 1),
+                createElementVNode("div", _hoisted_4$6, toDisplayString(v(b).sublabel), 1)
               ]),
-              createVNode(y, {
+              createVNode(c, {
                 icon: "delete",
                 variant: "tertiary",
-                onClick: ($) => ($.stopPropagation(), b(C))
+                onClick: (C) => (C.stopPropagation(), x(E))
               }, null, 8, ["onClick"])
             ];
           }),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).filter((B) => B.path.join(".") == ""), (B) => (openBlock(), createBlock(f, {
-          key: B.message,
-          text: B.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).filter((b) => b.path.join(".") == ""), (b) => (openBlock(), createBlock(B, {
+          key: b.message,
+          text: b.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
         createVNode(_sfc_main$d, {
           ref_key: "sheetRef",
-          ref: l,
-          "onUpdate:modelValue": s
+          ref: r,
+          "onUpdate:modelValue": y
         }, null, 512)
       ]);
     };
@@ -1602,56 +1605,56 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = computed(() => [
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = 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.",
+        label: a("connect.template.promotion_game.rock_paper_scissors.label"),
+        description: a("connect.template.promotion_game.rock_paper_scissors.description"),
         value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
       }
     ]);
-    return (a, o) => {
-      var h, g, b;
-      const n = resolveComponent("FmSwitch"), l = resolveComponent("FmCard"), s = resolveComponent("FmHelperText");
+    return (l, o) => {
+      var v, h, x;
+      const n = resolveComponent("FmSwitch"), r = resolveComponent("FmCard"), y = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(n, {
-          label: "Enable game",
-          "model-value": !!((h = e.modelValue) != null && h.gameType),
-          "onUpdate:modelValue": o[0] || (o[0] = (V) => V ? i("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : i("update:model-value", null))
-        }, null, 8, ["model-value"]),
-        ((g = e.modelValue) == null ? void 0 : g.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (V) => {
-            var p, c;
-            return openBlock(), createBlock(l, {
+          label: unref(a)("connect.template.promotion_game.enable"),
+          "model-value": !!((v = e.modelValue) != null && v.gameType),
+          "onUpdate:modelValue": o[0] || (o[0] = (k) => k ? i("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : i("update:model-value", null))
+        }, null, 8, ["label", "model-value"]),
+        ((h = e.modelValue) == null ? void 0 : h.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (k) => {
+            var p, u;
+            return openBlock(), createBlock(r, {
               variant: "outlined",
               class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                "col-span-2": unref(u).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((p = e.modelValue) == null ? void 0 : p.gameType) == V.value,
-                "hover:bg-fm-color-opacity-sm": ((c = e.modelValue) == null ? void 0 : c.gameType) != V.value
+                "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)]": ((p = e.modelValue) == null ? void 0 : p.gameType) == k.value,
+                "hover:bg-fm-color-opacity-sm": ((u = e.modelValue) == null ? void 0 : u.gameType) != k.value
               }]),
               onClick: () => {
-                var y;
-                ((y = r.modelValue) == null ? void 0 : y.gameType) != V.value && i("update:model-value", { gameType: V.value });
+                var c;
+                ((c = d.modelValue) == null ? void 0 : c.gameType) != k.value && i("update:model-value", { gameType: k.value });
               },
-              key: V.value
+              key: k.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$6, toDisplayString(V.label), 1),
-                createElementVNode("div", _hoisted_4$5, toDisplayString(V.description), 1)
+                createElementVNode("div", _hoisted_3$6, toDisplayString(k.label), 1),
+                createElementVNode("div", _hoisted_4$5, toDisplayString(k.description), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
           }), 128))
         ])) : createCommentVNode("", !0),
-        ((b = e.modelValue) == null ? void 0 : b.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(s, {
+        ((x = e.modelValue) == null ? void 0 : x.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(y, {
           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)",
+          text: unref(a)("connect.template.promotion_game.rock_paper_scissors.warning"),
           state: "warning"
-        })) : createCommentVNode("", !0)
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
       ]);
     };
   }
-}), _hoisted_1$a = { class: "space-y-8" }, _hoisted_2$7 = { class: "grid gap-16 grid-cols-2" }, _hoisted_3$5 = { class: "space-y-6" }, _hoisted_4$4 = { class: "space-y-8" }, _hoisted_5$3 = { class: "fm-typo-en-body-lg-600" }, _hoisted_6$3 = { class: "flex items-center space-x-3" }, _hoisted_7$2 = {
+}), _hoisted_1$a = { class: "space-y-8" }, _hoisted_2$7 = { class: "grid gap-16 grid-cols-2" }, _hoisted_3$5 = { class: "space-y-6" }, _hoisted_4$4 = { class: "space-y-8" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-600" }, _hoisted_6$3 = { class: "flex items-center space-x-3" }, _hoisted_7$3 = {
   key: 0,
   class: "ml-6 space-y-2"
 }, _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -1666,16 +1669,16 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const { t: r } = useI18n(), i = e, u = d, a = ref(i.modelValue ?? {}), o = ref(
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = ref(d.modelValue ?? {}), l = ref(
       (() => {
-        const g = {};
-        return a.value.workingHour && Object.keys(a.value.workingHour).forEach((b) => {
-          const V = a.value.workingHour[b];
-          V && "periods" in V && Array.isArray(V.periods) ? g[b] = V.periods : Array.isArray(V) && (g[b] = V);
-        }), g;
+        const v = {};
+        return s.value.workingHour && Object.keys(s.value.workingHour).forEach((h) => {
+          const x = s.value.workingHour[h];
+          x && "periods" in x && Array.isArray(x.periods) ? v[h] = x.periods : Array.isArray(x) && (v[h] = x);
+        }), v;
       })()
-    ), n = [
+    ), o = [
       { key: "mon", label: "Monday" },
       { key: "tue", label: "Tuesday" },
       { key: "wed", label: "Wednesday" },
@@ -1683,43 +1686,43 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       { key: "fri", label: "Friday" },
       { key: "sat", label: "Saturday" },
       { key: "sun", label: "Sunday" }
-    ], l = (g) => {
-      o.value[g] || (o.value[g] = []), o.value[g].push({
+    ], n = (v) => {
+      l.value[v] || (l.value[v] = []), l.value[v].push({
         startTime: "00:00",
         endTime: "23:59"
-      }), h();
-    }, s = (g, b) => {
-      o.value[g] && o.value[g].length > b && (o.value[g].splice(b, 1), o.value[g].length === 0 && delete o.value[g], h());
-    }, h = () => {
-      const g = Object.keys(o.value).reduce(
-        (b, V) => (o.value[V] && o.value[V].length > 0 && (b[V] = {
-          periods: o.value[V]
-        }), b),
+      }), y();
+    }, r = (v, h) => {
+      l.value[v] && l.value[v].length > h && (l.value[v].splice(h, 1), l.value[v].length === 0 && delete l.value[v], y());
+    }, y = () => {
+      const v = Object.keys(l.value).reduce(
+        (h, x) => (l.value[x] && l.value[x].length > 0 && (h[x] = {
+          periods: l.value[x]
+        }), h),
         {}
       );
-      a.value.workingHour = Object.keys(g).length > 0 ? g : void 0;
+      s.value.workingHour = Object.keys(v).length > 0 ? v : void 0;
     };
-    return watch(a, () => u("update:model-value", a.value), { deep: !0 }), watch(o, h, { deep: !0 }), (g, b) => {
-      const V = resolveComponent("FmSelect"), p = resolveComponent("FmStepperField"), c = resolveComponent("FmCheckbox"), y = resolveComponent("FmTimePicker"), m = resolveComponent("FmButton");
+    return watch(s, () => i("update:model-value", s.value), { deep: !0 }), watch(l, y, { deep: !0 }), (v, h) => {
+      const x = resolveComponent("FmSelect"), k = resolveComponent("FmStepperField"), p = resolveComponent("FmCheckbox"), u = resolveComponent("FmTimePicker"), c = resolveComponent("FmButton");
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", _hoisted_2$7, [
-          createVNode(V, {
-            label: unref(r)("connect.template.eaterType"),
-            modelValue: unref(a).eaterType,
-            "onUpdate:modelValue": b[0] || (b[0] = (f) => unref(a).eaterType = f),
+          createVNode(x, {
+            label: unref(a)("connect.template.eaterType"),
+            modelValue: unref(s).eaterType,
+            "onUpdate:modelValue": h[0] || (h[0] = (f) => unref(s).eaterType = f),
             items: [
-              { label: unref(r)("connect.template.allEaters"), value: "all" },
-              { label: unref(r)("connect.template.newEatersOnly"), value: "new" },
+              { label: unref(a)("connect.template.allEaters"), value: "all" },
+              { label: unref(a)("connect.template.newEatersOnly"), value: "new" },
               {
-                label: unref(r)("connect.template.existingEatersOnly"),
+                label: unref(a)("connect.template.existingEatersOnly"),
                 value: "existing"
               }
             ],
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "eaterType")]
           }, null, 8, ["label", "modelValue", "items", "rules"]),
-          createVNode(p, {
-            modelValue: unref(a).minBasketAmount,
-            "onUpdate:modelValue": b[1] || (b[1] = (f) => unref(a).minBasketAmount = f),
+          createVNode(k, {
+            modelValue: unref(s).minBasketAmount,
+            "onUpdate:modelValue": h[1] || (h[1] = (f) => unref(s).minBasketAmount = f),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "minBasketAmount")]
           }, {
@@ -1727,15 +1730,15 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               (openBlock(), createBlock(resolveDynamicComponent(
                 unref(ZodHelper).toInputLabel(
                   unref(ZodHelper).typeAtPath(e.schema, "minBasketAmount"),
-                  unref(r)("connect.template.minBasketAmount")
+                  unref(a)("connect.template.minBasketAmount")
                 )
               )))
             ]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          createVNode(p, {
-            modelValue: unref(a).bundleQuantity,
-            "onUpdate:modelValue": b[2] || (b[2] = (f) => unref(a).bundleQuantity = f),
+          createVNode(k, {
+            modelValue: unref(s).bundleQuantity,
+            "onUpdate:modelValue": h[2] || (h[2] = (f) => unref(s).bundleQuantity = f),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "bundleQuantity")]
           }, {
@@ -1743,7 +1746,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               (openBlock(), createBlock(resolveDynamicComponent(
                 unref(ZodHelper).toInputLabel(
                   unref(ZodHelper).typeAtPath(e.schema, "bundleQuantity"),
-                  unref(r)("connect.template.bundleQuantity")
+                  unref(a)("connect.template.bundleQuantity")
                 )
               )))
             ]),
@@ -1752,47 +1755,47 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
         ]),
         createElementVNode("div", _hoisted_3$5, [
           createElementVNode("div", _hoisted_4$4, [
-            createElementVNode("div", _hoisted_5$3, toDisplayString(unref(r)("connect.template.operationHours")), 1),
-            (openBlock(), createElementBlock(Fragment, null, renderList(n, (f) => createElementVNode("div", {
+            createElementVNode("div", _hoisted_5$4, toDisplayString(unref(a)("connect.template.operationHours")), 1),
+            (openBlock(), createElementBlock(Fragment, null, renderList(o, (f) => createElementVNode("div", {
               key: f.key,
               class: "space-y-2"
             }, [
               createElementVNode("div", _hoisted_6$3, [
-                createVNode(c, {
+                createVNode(p, {
                   label: f.label,
-                  "model-value": !!(unref(o)[f.key] && unref(o)[f.key].length > 0),
+                  "model-value": !!(unref(l)[f.key] && unref(l)[f.key].length > 0),
                   "onUpdate:modelValue": (B) => {
-                    B ? l(f.key) : (unref(o)[f.key] = [], delete unref(o)[f.key], h());
+                    B ? n(f.key) : (unref(l)[f.key] = [], delete unref(l)[f.key], y());
                   }
                 }, null, 8, ["label", "model-value", "onUpdate:modelValue"])
               ]),
-              unref(o)[f.key] && unref(o)[f.key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o)[f.key] || [], (B, C) => (openBlock(), createElementBlock("div", {
-                  key: C,
+              unref(l)[f.key] && unref(l)[f.key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l)[f.key] || [], (B, b) => (openBlock(), createElementBlock("div", {
+                  key: b,
                   class: "flex items-center space-x-2 w-100"
                 }, [
-                  createVNode(y, {
+                  createVNode(u, {
                     "model-value": B.startTime || "",
                     "onUpdate:modelValue": (E) => {
-                      unref(o)[f.key] && unref(o)[f.key][C] && (unref(o)[f.key][C].startTime = E || "", h());
+                      unref(l)[f.key] && unref(l)[f.key][b] && (unref(l)[f.key][b].startTime = E || "", y());
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  b[3] || (b[3] = createElementVNode("span", null, "to", -1)),
-                  createVNode(y, {
+                  h[3] || (h[3] = createElementVNode("span", null, "to", -1)),
+                  createVNode(u, {
                     "model-value": B.endTime || "",
                     "onUpdate:modelValue": (E) => {
-                      unref(o)[f.key] && unref(o)[f.key][C] && (unref(o)[f.key][C].endTime = E || "", h());
+                      unref(l)[f.key] && unref(l)[f.key][b] && (unref(l)[f.key][b].endTime = E || "", y());
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  createVNode(m, {
+                  createVNode(c, {
                     variant: "tertiary",
                     size: "sm",
-                    onClick: (E) => s(f.key, C),
+                    onClick: (E) => r(f.key, b),
                     icon: "close"
                   }, null, 8, ["onClick"]),
-                  C === 0 ? (openBlock(), createBlock(m, {
+                  b === 0 ? (openBlock(), createBlock(c, {
                     key: 0,
-                    onClick: (E) => l(f.key),
+                    onClick: (E) => n(f.key),
                     icon: "add",
                     variant: "plain"
                   }, null, 8, ["onClick"])) : createCommentVNode("", !0)
@@ -1816,15 +1819,15 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const { t: r } = useI18n(), i = e, u = d, a = ref(i.modelValue ?? {});
-    return watch(a, () => u("update:model-value", a.value)), (o, n) => {
-      const l = resolveComponent("FmStepperField");
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = ref(d.modelValue ?? {});
+    return watch(s, () => i("update:model-value", s.value)), (l, o) => {
+      const n = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", _hoisted_2$6, [
-          createVNode(l, {
-            modelValue: unref(a).totalCount,
-            "onUpdate:modelValue": n[0] || (n[0] = (s) => unref(a).totalCount = s),
+          createVNode(n, {
+            modelValue: unref(s).totalCount,
+            "onUpdate:modelValue": o[0] || (o[0] = (r) => unref(s).totalCount = r),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCount")]
           }, {
@@ -1832,15 +1835,15 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               (openBlock(), createBlock(resolveDynamicComponent(
                 unref(ZodHelper).toInputLabel(
                   unref(ZodHelper).typeAtPath(e.schema, "totalCount"),
-                  unref(r)("connect.template.totalCount")
+                  unref(a)("connect.template.totalCount")
                 )
               )))
             ]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          createVNode(l, {
-            modelValue: unref(a).totalCountPerUser,
-            "onUpdate:modelValue": n[1] || (n[1] = (s) => unref(a).totalCountPerUser = s),
+          createVNode(n, {
+            modelValue: unref(s).totalCountPerUser,
+            "onUpdate:modelValue": o[1] || (o[1] = (r) => unref(s).totalCountPerUser = r),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCountPerUser")]
           }, {
@@ -1848,7 +1851,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               (openBlock(), createBlock(resolveDynamicComponent(
                 unref(ZodHelper).toInputLabel(
                   unref(ZodHelper).typeAtPath(e.schema, "totalCountPerUser"),
-                  unref(r)("connect.template.totalCountPerUser")
+                  unref(a)("connect.template.totalCountPerUser")
                 )
               )))
             ]),
@@ -1858,7 +1861,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       ]);
     };
   }
-}), _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({
+}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$4 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$3 = { 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({
   __name: "MissionTypeInput",
   props: {
     modelValue: {
@@ -1866,39 +1869,39 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = computed(() => [
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = computed(() => [
       {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
+        label: a("connect.campaign.mission.typeOption.STAMP.label"),
+        description: a("connect.campaign.mission.typeOption.STAMP.description"),
         value: F_MISSION_TYPE.enum.STAMP
       },
       {
-        label: "Progress",
-        description: "Reward customers when they reach a cumulative spending goal.",
+        label: a("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: a("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
     ]);
-    return (a, o) => {
+    return (l, o) => {
       const n = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        o[0] || (o[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$5, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (l) => (openBlock(), createBlock(n, {
+        createElementVNode("div", _hoisted_2$5, toDisplayString(unref(a)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$4, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (r) => (openBlock(), createBlock(n, {
             variant: "outlined",
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(u).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == l.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != l.value
+              "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)]": e.modelValue == r.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              r.modelValue != l.value && i("update:model-value", l.value);
+              d.modelValue != r.value && i("update:model-value", r.value);
             },
-            key: l.value
+            key: r.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$4, toDisplayString(l.label), 1),
-              createElementVNode("div", _hoisted_4$3, toDisplayString(l.description), 1)
+              createElementVNode("div", _hoisted_4$3, toDisplayString(r.label), 1),
+              createElementVNode("div", _hoisted_5$3, toDisplayString(r.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -1920,16 +1923,16 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = d;
-    return (i, u) => {
-      const a = resolveComponent("FmStepperField");
+  setup(e, { emit: m }) {
+    const a = m;
+    return (d, i) => {
+      const s = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        u[1] || (u[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
-        createVNode(a, {
+        i[1] || (i[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(s, {
           label: "Maximum to collect",
           "model-value": e.modelValue || null,
-          "onUpdate:modelValue": u[0] || (u[0] = (o) => r("update:model-value", o)),
+          "onUpdate:modelValue": i[0] || (i[0] = (l) => a("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"])
@@ -1945,49 +1948,49 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { expose: d, emit: r }) {
-    const i = e, u = useMembershipStore(), { minor: a } = useLoading, o = ref(!1), n = ref(), l = ref(), s = ref(0), h = computed(() => {
-      var m;
-      return ((m = u.loyaltyRewards.items.find(
+  setup(e, { expose: m, emit: a }) {
+    const d = e, i = useMembershipStore(), { minor: s } = useLoading, l = ref(!1), o = ref(), n = ref(), r = ref(0), y = computed(() => {
+      var c;
+      return ((c = i.loyaltyRewards.items.find(
         (f) => {
           var B;
-          return f.value === ((B = n.value) == null ? void 0 : B.collectible);
+          return f.value === ((B = o.value) == null ? void 0 : B.collectible);
         }
-      )) == null ? void 0 : m.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
-    }), g = computed(() => {
-      const y = h.value.safeParse(n.value);
-      return y.success ? [] : y.error.errors;
+      )) == null ? void 0 : c.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+    }), v = computed(() => {
+      const u = y.value.safeParse(o.value);
+      return u.success ? [] : u.error.errors;
     });
-    function b(y, m, f) {
-      y && (n.value = m, s.value = f), o.value = y;
+    function h(u, c, f) {
+      u && (o.value = c, r.value = f), l.value = u;
     }
-    const V = r;
-    async function p() {
-      const y = h.value.safeParse(n.value);
-      y.success && (await a(
+    const x = a;
+    async function k() {
+      const u = y.value.safeParse(o.value);
+      u.success && (await s(
         async () => {
-          y.data.type === "VOUCHER" && l.value && (y.data.collectibleConfig.image = await firebaseStorage.update(
-            y.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
-            l.value
+          u.data.type === "VOUCHER" && n.value && (u.data.collectibleConfig.image = await firebaseStorage.update(
+            u.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
+            n.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), V("update:model-value", y.data, s.value));
-    }
-    const c = ref();
-    return d({
-      showSheet: b
-    }), (y, m) => {
-      const f = resolveComponent("FmStepperField"), B = resolveComponent("FmSelect"), C = resolveComponent("FmForm"), E = resolveComponent("FmButton"), $ = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock($, {
+      ), x("update:model-value", u.data, r.value));
+    }
+    const p = ref();
+    return m({
+      showSheet: h
+    }), (u, c) => {
+      const f = resolveComponent("FmStepperField"), B = resolveComponent("FmSelect"), b = resolveComponent("FmForm"), E = resolveComponent("FmButton"), N = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(N, {
         "max-width": 560,
-        modelValue: unref(o),
+        modelValue: unref(l),
         "onUpdate:modelValue": [
-          m[10] || (m[10] = (x) => isRef(o) ? o.value = x : null),
-          m[11] || (m[11] = (x) => o.value = x)
+          c[10] || (c[10] = (C) => isRef(l) ? l.value = C : null),
+          c[11] || (c[11] = (C) => l.value = C)
         ],
         header: "Edit reward",
         "dismiss-away": ""
@@ -1998,47 +2001,47 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               variant: "primary",
               type: "button",
               label: "Confirm",
-              disabled: unref(g).length > 0,
-              onClick: m[8] || (m[8] = async () => {
-                var x;
-                return (x = unref(c)) == null ? void 0 : x.validateInputs();
+              disabled: unref(v).length > 0,
+              onClick: c[8] || (c[8] = async () => {
+                var C;
+                return (C = unref(p)) == null ? void 0 : C.validateInputs();
               })
             }, null, 8, ["disabled"]),
             createVNode(E, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: m[9] || (m[9] = (x) => o.value = !1)
+              onClick: c[9] || (c[9] = (C) => l.value = !1)
             })
           ])
         ]),
         default: withCtx(() => [
-          createVNode(JsonViewer, { json: unref(n) }, null, 8, ["json"]),
-          unref(n) ? (openBlock(), createBlock(C, {
+          createVNode(JsonViewer, { json: unref(o) }, null, 8, ["json"]),
+          unref(o) ? (openBlock(), createBlock(b, {
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
-            ref: c,
-            onValidationSuccess: m[7] || (m[7] = (x) => p())
+            ref: p,
+            onValidationSuccess: c[7] || (c[7] = (C) => k())
           }, {
             default: withCtx(() => {
-              var x, S;
+              var C, R;
               return [
-                unref(n).type ? (openBlock(), createBlock(f, {
+                unref(o).type ? (openBlock(), createBlock(f, {
                   key: 0,
                   label: "Threshold",
                   rules: [
                     unref(ZodHelper).toRule(
                       unref(z).number().min(1).max(
-                        i.maxThreshold,
-                        `Number cannot be more than ${i.maxThreshold}`
+                        d.maxThreshold,
+                        `Number cannot be more than ${d.maxThreshold}`
                       )
                     )
                   ],
-                  "model-value": unref(n).threshold,
-                  "onUpdate:modelValue": m[0] || (m[0] = (N) => n.value = {
-                    ...unref(n),
-                    threshold: N
+                  "model-value": unref(o).threshold,
+                  "onUpdate:modelValue": c[0] || (c[0] = (S) => o.value = {
+                    ...unref(o),
+                    threshold: S
                   })
                 }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
                 createVNode(B, {
@@ -2047,10 +2050,10 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                     { label: "Voucher", value: "VOUCHER" },
                     { label: "Loyalty", value: "LOYALTY" }
                   ],
-                  "model-value": unref(n).type,
-                  "onUpdate:modelValue": m[1] || (m[1] = (N) => {
-                    var I, M;
-                    N === "VOUCHER" ? n.value = {
+                  "model-value": unref(o).type,
+                  "onUpdate:modelValue": c[1] || (c[1] = (S) => {
+                    var $, H;
+                    S === "VOUCHER" ? o.value = {
                       collectible: null,
                       type: "VOUCHER",
                       collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -2063,9 +2066,9 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (I = unref(n)) == null ? void 0 : I.threshold
-                    } : n.value = {
-                      collectible: unref(u).loyaltyRewards.raw[0]._id,
+                      threshold: ($ = unref(o)) == null ? void 0 : $.threshold
+                    } : o.value = {
+                      collectible: unref(i).loyaltyRewards.raw[0]._id,
                       type: "LOYALTY",
                       earningOption: {
                         amount: 1,
@@ -2074,60 +2077,60 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (M = unref(n)) == null ? void 0 : M.threshold
+                      threshold: (H = unref(o)) == null ? void 0 : H.threshold
                     };
                   })
                 }, null, 8, ["model-value"]),
-                unref(n).type == "LOYALTY" ? (openBlock(), createBlock(B, {
+                unref(o).type == "LOYALTY" ? (openBlock(), createBlock(B, {
                   key: 1,
                   label: "Loyalty type",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(h), "collectible", [unref(n).type])],
-                  items: unref(u).loyaltyRewards.items,
-                  "model-value": unref(n).collectible,
-                  "onUpdate:modelValue": m[2] || (m[2] = (N) => unref(n).collectible = N)
+                  rules: [unref(ZodHelper).ruleAtPath(unref(y), "collectible", [unref(o).type])],
+                  items: unref(i).loyaltyRewards.items,
+                  "model-value": unref(o).collectible,
+                  "onUpdate:modelValue": c[2] || (c[2] = (S) => unref(o).collectible = S)
                 }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-                unref(n).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  m[12] || (m[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  c[12] || (c[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$r, {
                     class: "mt-[-8px]",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(h), "earningOption", [unref(n).type])],
-                    "helper-state": unref(ZodHelper).helperState(unref(g), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(g), "earningOption"),
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "earningOption", [unref(o).type])],
+                    "helper-state": unref(ZodHelper).helperState(unref(v), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(v), "earningOption"),
                     "fixed-type": !0,
-                    "model-value": unref(n).earningOption,
-                    "onUpdate:modelValue": m[3] || (m[3] = (N) => n.value = {
-                      ...unref(n),
-                      earningOption: N
+                    "model-value": unref(o).earningOption,
+                    "onUpdate:modelValue": c[3] || (c[3] = (S) => o.value = {
+                      ...unref(o),
+                      earningOption: S
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
                   createVNode(_sfc_main$s, {
                     class: "!gap-24",
-                    type: unref(n).type === "LOYALTY" ? "custom" : "range",
-                    "for-credit": unref(n).type === "LOYALTY" && ((x = unref(u).loyaltyRewards.items.find(
-                      (N) => {
-                        var I;
-                        return N.value === ((I = unref(n)) == null ? void 0 : I.collectible);
+                    type: unref(o).type === "LOYALTY" ? "custom" : "range",
+                    "for-credit": unref(o).type === "LOYALTY" && ((C = unref(i).loyaltyRewards.items.find(
+                      (S) => {
+                        var $;
+                        return S.value === (($ = unref(o)) == null ? void 0 : $.collectible);
                       }
-                    )) == null ? void 0 : x.raw.type) === "CREDIT",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(h), "validityOption", [unref(n).type])],
-                    "model-value": unref(n).validityOption,
-                    "onUpdate:modelValue": m[4] || (m[4] = (N) => n.value = {
-                      ...unref(n),
-                      validityOption: N
+                    )) == null ? void 0 : C.raw.type) === "CREDIT",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "validityOption", [unref(o).type])],
+                    "model-value": unref(o).validityOption,
+                    "onUpdate:modelValue": c[4] || (c[4] = (S) => o.value = {
+                      ...unref(o),
+                      validityOption: S
                     })
                   }, null, 8, ["type", "for-credit", "rules", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                unref(n).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$t, {
+                unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$t, {
                   key: 3,
-                  "reward-image": unref(l),
-                  "model-value": ((S = unref(n)) == null ? void 0 : S.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": m[5] || (m[5] = (N) => n.value = {
-                    ...unref(n),
-                    collectibleConfig: N
+                  "reward-image": unref(n),
+                  "model-value": ((R = unref(o)) == null ? void 0 : R.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": c[5] || (c[5] = (S) => o.value = {
+                    ...unref(o),
+                    collectibleConfig: S
                   }),
-                  "onUpdate:rewardImage": m[6] || (m[6] = (N) => l.value = N)
+                  "onUpdate:rewardImage": c[6] || (c[6] = (S) => n.value = S)
                 }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-                createVNode(JsonViewer, { json: unref(g) }, null, 8, ["json"])
+                createVNode(JsonViewer, { json: unref(v) }, null, 8, ["json"])
               ];
             }),
             _: 1
@@ -2161,19 +2164,19 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   setup(e) {
-    const d = e, { maxRange: r, currentRange: i, markers: u } = toRefs(d), a = computed(
-      () => Math.min(i.value / r.value * 100, 100)
-    ), o = (n) => n / r.value * 100;
-    return (n, l) => {
-      const s = resolveComponent("FmIcon");
+    const m = e, { maxRange: a, currentRange: d, markers: i } = toRefs(m), s = computed(
+      () => Math.min(d.value / a.value * 100, 100)
+    ), l = (o) => o / a.value * 100;
+    return (o, n) => {
+      const r = resolveComponent("FmIcon");
       return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(r), 40), (h) => (openBlock(), createBlock(s, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(a), 40), (y) => (openBlock(), createBlock(r, {
           class: normalizeClass(
-            unref(i) >= h ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+            unref(d) >= y ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
           ),
-          outline: unref(i) < h,
-          key: h,
-          name: unref(u).some((g) => g === h) ? "featured_seasonal_and_gifts" : "check_circle"
+          outline: unref(d) < y,
+          key: y,
+          name: unref(i).some((v) => v === y) ? "featured_seasonal_and_gifts" : "check_circle"
         }, null, 8, ["class", "outline", "name"]))), 128))
       ])) : (openBlock(), createElementBlock("div", {
         key: 1,
@@ -2181,18 +2184,18 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       }, [
         createElementVNode("div", {
           class: normalizeClass(["bg-fm-color-primary", "absolute top-0 left-0 h-full rounded-lg"]),
-          style: normalizeStyle({ width: unref(a) + "%" })
+          style: normalizeStyle({ width: unref(s) + "%" })
         }, null, 4),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (h, g) => (openBlock(), createElementBlock("div", {
-          key: g,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (y, v) => (openBlock(), createElementBlock("div", {
+          key: v,
           class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
-          style: normalizeStyle({ left: o(h) + "%" })
+          style: normalizeStyle({ left: l(y) + "%" })
         }, [
           createElementVNode("div", _hoisted_2$4, [
             createElementVNode("div", {
               class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
             }),
-            l[0] || (l[0] = createElementVNode("div", null, "🎁", -1))
+            n[0] || (n[0] = createElementVNode("div", null, "🎁", -1))
           ])
         ], 4))), 128))
       ]));
@@ -2200,19 +2203,19 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   }
 }), isObject = (e) => e !== null && typeof e == "object";
 function changeKeysFactory(e) {
-  return function d(r, i = 1, u) {
-    if (i === 0 || !isObject(r))
-      return r;
-    if (Array.isArray(r))
-      return r.map((o) => d(o, i - 1, u));
-    const a = Object.create(Object.getPrototypeOf(r));
-    return Object.keys(r).forEach((o) => {
-      const n = r[o], l = e(o, u), s = d(n, i - 1, u);
-      a[l] = s;
-    }), a;
+  return function m(a, d = 1, i) {
+    if (d === 0 || !isObject(a))
+      return a;
+    if (Array.isArray(a))
+      return a.map((l) => m(l, d - 1, i));
+    const s = Object.create(Object.getPrototypeOf(a));
+    return Object.keys(a).forEach((l) => {
+      const o = a[l], n = e(l, i), r = m(o, d - 1, i);
+      s[n] = r;
+    }), s;
   };
 }
-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({
+const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$2 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_6$2 = { class: "flex items-center gap-4" }, _hoisted_7$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_8$2 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_9$2 = { class: "flex items-center gap-16" }, _hoisted_10$2 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MissionPoolInput",
   props: {
     modelValue: {
@@ -2225,43 +2228,50 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = d, u = useMembershipStore(), a = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), o = computed(
-      () => r.modelValue.sort((c, y) => c.threshold - y.threshold) ?? []
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = m, s = useMembershipStore(), l = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), o = computed(
+      () => d.modelValue.sort((u, c) => u.threshold - c.threshold) ?? []
     ), n = computed(() => {
-      const c = a.safeParse(o.value);
-      return c.success ? [] : c.error.errors;
-    }), l = ref();
-    function s(c, y) {
-      var f;
-      const m = [...o.value];
-      m[y] = c, (f = l.value) == null || f.showSheet(!1), i("update:model-value", m);
-    }
-    function h(c) {
-      const y = c.type == "VOUCHER" ? c.collectibleConfig : u.collectibles.find(
-        (f) => f._id.toString() == c.collectible
-      ), m = CollectionUtils.formattedType((y == null ? void 0 : y.name) || "");
+      const u = l.safeParse(o.value);
+      return u.success ? [] : u.error.errors;
+    }), r = ref();
+    function y(u, c) {
+      var B;
+      const f = [...o.value];
+      f[c] = u, (B = r.value) == null || B.showSheet(!1), i("update:model-value", f);
+    }
+    function v(u) {
+      const c = u.type == "VOUCHER" ? u.collectibleConfig : s.collectibles.find(
+        (b) => b._id.toString() == u.collectible
+      ), f = CollectionUtils.formattedType((c == null ? void 0 : c.name) || ""), B = u.earningOption.type == "FIXED" ? a("connect.template.mission_pool.reward_sublabel_fixed", {
+        threshold: u.threshold,
+        amount: u.earningOption.amount
+      }) : a("connect.template.mission_pool.reward_sublabel_per_spend", {
+        threshold: u.threshold,
+        amount: u.earningOption.amount,
+        every: u.earningOption.every
+      });
       return {
-        label: isNullOrEmpty(m) ? "NO REWARD" : m,
-        sublabel: `Reward at ${c.threshold} | Amount: ${c.earningOption.type == "FIXED" ? c.earningOption.amount : `${c.earningOption.amount} for every RM${c.earningOption.every} spent`} `
+        label: isNullOrEmpty(f) ? a("connect.template.mission_pool.no_reward") : f,
+        sublabel: B
       };
     }
-    function g(c) {
-      var m;
-      const y = [...o.value];
-      (m = l.value) == null || m.showSheet(!0, y[c], c);
+    function h(u) {
+      var f;
+      const c = [...o.value];
+      (f = r.value) == null || f.showSheet(!0, c[u], u);
     }
-    function b(c) {
-      const y = [...o.value];
-      y.splice(c, 1), i("update:model-value", y);
+    function x(u) {
+      const c = [...o.value];
+      c.splice(u, 1), i("update:model-value", c);
     }
-    function V() {
-      var c;
-      (c = l.value) == null || c.showSheet(
+    function k() {
+      var u;
+      (u = r.value) == null || u.showSheet(
         !0,
         {
           type: "LOYALTY",
-          collectible: u.loyaltyRewards.items[0].value,
+          collectible: s.loyaltyRewards.items[0].value,
           threshold: null,
           validityOption: {
             validForDay: 7
@@ -2274,71 +2284,71 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         o.value.length
       );
     }
-    function p(c) {
-      var y, m;
-      return c.type == "VOUCHER" ? (y = c.collectibleConfig) == null ? void 0 : y.name : sentenceCase(
-        ((m = u.loyaltyRewards.items.find(
-          (f) => f.value == c.collectible
-        )) == null ? void 0 : m.label) || ""
+    function p(u) {
+      var c, f;
+      return u.type == "VOUCHER" ? (c = u.collectibleConfig) == null ? void 0 : c.name : sentenceCase(
+        ((f = s.loyaltyRewards.items.find(
+          (B) => B.value == u.collectible
+        )) == null ? void 0 : f.label) || ""
       );
     }
-    return (c, y) => {
-      const m = resolveComponent("FmButton"), f = resolveComponent("FmCard"), B = resolveComponent("FmHelperText");
+    return (u, c) => {
+      const f = resolveComponent("FmButton"), B = resolveComponent("FmCard"), b = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        y[2] || (y[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(m, {
-          label: "Add Reward",
-          onClick: y[0] || (y[0] = (C) => V()),
+        createElementVNode("div", _hoisted_2$3, toDisplayString(unref(a)("connect.template.configure_reward_customer")), 1),
+        createVNode(f, {
+          label: unref(a)("connect.template.mission_pool.add_reward"),
+          onClick: c[0] || (c[0] = (E) => k()),
           variant: "plain",
           icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (C, E) => (openBlock(), createBlock(f, {
-          key: E,
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (E, N) => (openBlock(), createBlock(B, {
+          key: N,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: ($) => g(E)
+          onClick: (C) => h(N)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2$3, toDisplayString(h(C).label), 1),
-              createElementVNode("div", _hoisted_3$3, toDisplayString(h(C).sublabel), 1)
+              createElementVNode("div", _hoisted_3$3, toDisplayString(v(E).label), 1),
+              createElementVNode("div", _hoisted_4$2, toDisplayString(v(E).sublabel), 1)
             ]),
-            createVNode(m, {
+            createVNode(f, {
               icon: "delete",
               variant: "tertiary",
-              onClick: ($) => ($.stopPropagation(), b(E))
+              onClick: (C) => (C.stopPropagation(), x(N))
             }, null, 8, ["onClick"])
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).filter((C) => C.path.join(".") == ""), (C) => (openBlock(), createBlock(B, {
-          key: C.message,
-          text: C.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).filter((E) => E.path.join(".") == ""), (E) => (openBlock(), createBlock(b, {
+          key: E.message,
+          text: E.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
-        y[3] || (y[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1)),
-        (openBlock(), createBlock(f, {
+        createElementVNode("div", _hoisted_5$2, toDisplayString(unref(a)("connect.template.mission_pool.preview")), 1),
+        (openBlock(), createBlock(B, {
           key: 0,
           variant: "outlined",
           class: "p-24 space-y-16 w-fit"
         }, {
           default: withCtx(() => {
-            var C, E;
+            var E, N;
             return [
-              createElementVNode("div", _hoisted_4$2, [
+              createElementVNode("div", _hoisted_6$2, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_5$2, " Collect " + toDisplayString(e.mission.end) + " stamps to get " + toDisplayString(((C = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : C.earningOption.amount) > 1 ? (E = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : E.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? p(e.modelValue[e.modelValue.length - 1]) : ""), 1),
-                  y[1] || (y[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Earn a stamp! ", -1))
+                  createElementVNode("div", _hoisted_7$2, toDisplayString(unref(a)("connect.template.mission_pool.collect_stamps", { end: e.mission.end })) + " " + toDisplayString(((E = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : E.earningOption.amount) > 1 ? (N = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : N.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? p(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_8$2, toDisplayString(unref(a)("connect.template.mission_pool.earn_stamp")), 1)
                 ])
               ]),
-              createElementVNode("div", _hoisted_6$2, [
+              createElementVNode("div", _hoisted_9$2, [
                 createVNode(_sfc_main$5, {
                   type: e.mission.type,
                   "max-range": e.mission.end,
                   currentRange: e.mission.end / 4,
-                  markers: e.modelValue.map(($) => $.threshold)
+                  markers: e.modelValue.map((C) => C.threshold)
                 }, null, 8, ["type", "max-range", "currentRange", "markers"]),
-                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_7$1, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
+                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_10$2, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
               ])
             ];
           }),
@@ -2346,93 +2356,101 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         })),
         createVNode(_sfc_main$6, {
           ref_key: "sheetRef",
-          ref: l,
-          "onUpdate:modelValue": s,
+          ref: r,
+          "onUpdate:modelValue": y,
           "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 = { 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({
+}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _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 = { class: "fm-typo-en-title-sm-800" }, _hoisted_10$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MissionInput",
   props: {
     modelValue: Object
   },
   emits: ["update:model-value"],
-  setup(e, { emit: d }) {
-    const r = e, i = computed(() => {
-      const o = FdoMission.safeParse(r.modelValue);
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), d = e, i = computed(() => {
+      const o = FdoMission.safeParse(d.modelValue);
       return o.success ? [] : o.error.errors;
-    }), u = computed(() => [
+    }), s = computed(() => [
       {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
+        label: a("connect.campaign.mission.typeOption.STAMP.label"),
+        description: a("connect.campaign.mission.typeOption.STAMP.description"),
         value: F_MISSION_TYPE.enum.STAMP
       },
       {
-        label: "Progress",
-        description: "Reward customers when they reach a cumulative spending goal.",
+        label: a("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: a("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
-    ]), a = d;
+    ]), l = m;
     return (o, n) => {
-      var h;
-      const l = resolveComponent("FmCard"), s = resolveComponent("FmStepperField");
+      var v;
+      const r = resolveComponent("FmCard"), y = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("div", _hoisted_2$2, [
-          n[1] || (n[1] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1)),
-          n[2] || (n[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-          createElementVNode("div", _hoisted_3$2, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (g) => {
-              var b, V;
-              return openBlock(), createBlock(l, {
+          createElementVNode("div", _hoisted_3$2, toDisplayString(unref(a)("connect.campaign.mission.missionType")), 1),
+          createElementVNode("div", _hoisted_4$1, toDisplayString(unref(a)("connect.template.select_game")), 1),
+          createElementVNode("div", _hoisted_5$1, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (h) => {
+              var x, k;
+              return openBlock(), createBlock(r, {
                 variant: "outlined",
                 class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                  "col-span-2": unref(u).length == 1,
-                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((b = e.modelValue) == null ? void 0 : b.type) == g.value,
-                  "hover:bg-fm-color-opacity-sm": ((V = e.modelValue) == null ? void 0 : V.type) != g.value
+                  "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)]": ((x = e.modelValue) == null ? void 0 : x.type) == h.value,
+                  "hover:bg-fm-color-opacity-sm": ((k = e.modelValue) == null ? void 0 : k.type) != h.value
                 }]),
                 onClick: () => {
-                  var p, c;
-                  ((p = e.modelValue) == null ? void 0 : p.type) != g.value && a("update:model-value", {
+                  var p, u;
+                  ((p = e.modelValue) == null ? void 0 : p.type) != h.value && l("update:model-value", {
                     ...e.modelValue,
-                    type: g.value,
-                    end: ((c = e.modelValue) == null ? void 0 : c.end) || 1
+                    type: h.value,
+                    end: ((u = e.modelValue) == null ? void 0 : u.end) || 1
                   });
                 },
-                key: g.value
+                key: h.value
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$1, toDisplayString(g.label), 1),
-                  createElementVNode("div", _hoisted_5$1, toDisplayString(g.description), 1)
+                  createElementVNode("div", _hoisted_6$1, toDisplayString(h.label), 1),
+                  createElementVNode("div", _hoisted_7$1, toDisplayString(h.description), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "onClick"]);
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_6$1, [
-          n[3] || (n[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1)),
-          n[4] || (n[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(s, {
-            label: "Maximum to collect",
-            "model-value": ((h = e.modelValue) == null ? void 0 : h.end) || null,
-            "onUpdate:modelValue": n[0] || (n[0] = (g) => {
-              var b;
-              return a("update:model-value", {
+        createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, toDisplayString(unref(a)("connect.campaign.mission.collectionsRequired")), 1),
+          createElementVNode("div", _hoisted_10$1, toDisplayString(unref(a)("connect.campaign.mission.collectionsRequiredDescription")), 1),
+          createVNode(y, {
+            label: unref(a)("connect.campaign.mission.maximumToCollect"),
+            "model-value": ((v = e.modelValue) == null ? void 0 : v.end) || null,
+            "onUpdate:modelValue": n[0] || (n[0] = (h) => {
+              var x;
+              return l("update:model-value", {
                 ...e.modelValue,
-                type: ((b = e.modelValue) == null ? void 0 : b.type) || "STAMP",
-                end: g
+                type: ((x = e.modelValue) == null ? void 0 : x.type) || "STAMP",
+                end: h
               });
             }),
-            "helper-text": unref(ZodHelper).helperText(unref(i), "end") || "Set the threshold required for reward eligibility",
+            "helper-text": unref(ZodHelper).helperText(unref(i), "end") || unref(a)("connect.campaign.mission.thresholdHelperText"),
             "helper-state": unref(ZodHelper).helperState(unref(i), "end") || "none"
-          }, null, 8, ["model-value", "helper-text", "helper-state"])
+          }, null, 8, ["label", "model-value", "helper-text", "helper-state"])
         ])
       ]);
     };
   }
-}), _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+});
+function useLocaleText() {
+  const { locale: e, t: m } = useI18n();
+  function a(d, i) {
+    return d ? d[e.value] ?? d["en-US"] ?? m(i) : m(i);
+  }
+  return { getLocaleText: a };
+}
+const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TemplateInput",
   props: {
     field: { type: Object, required: !0 },
@@ -2458,39 +2476,39 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   emits: ["update:model-value", "update:file"],
-  setup(e, { emit: d }) {
-    const { t: r } = useI18n(), i = e, u = d;
-    function a(s) {
+  setup(e, { emit: m }) {
+    const { t: a } = useI18n(), { getLocaleText: d } = useLocaleText(), i = e, s = m;
+    function l(y) {
       switch (i.field.type) {
         case "timeframe":
-          const h = s.startDate ? hooks(s.startDate).startOf("day").toISOString() : void 0, g = s.endDate ? hooks(s.endDate).endOf("day").toISOString() : void 0;
-          u("update:model-value", {
+          const v = y.startDate ? hooks(y.startDate).startOf("day").toISOString() : void 0, h = y.endDate ? hooks(y.endDate).endOf("day").toISOString() : void 0;
+          s("update:model-value", {
             type: "timeframe",
             property: "__now",
-            start: h,
-            end: g
+            start: v,
+            end: h
           });
           break;
         case "image": {
-          u(
+          s(
             "update:file",
-            s,
-            o.value || firebaseStorage.collectibleImagePath(void 0, s)
+            y,
+            o.value || firebaseStorage.collectibleImagePath(void 0, y)
           );
           break;
         }
         default:
-          u("update:model-value", s);
+          s("update:model-value", y);
           break;
       }
     }
     const o = computed(() => {
       switch (i.field.type) {
         case "timeframe": {
-          const s = i.modelValue;
+          const y = i.modelValue;
           return {
-            startDate: s != null && s.start ? hooks(s == null ? void 0 : s.start).format("YYYY-MM-DD") : null,
-            endDate: s != null && s.end ? hooks(s == null ? void 0 : s.end).format("YYYY-MM-DD") : null
+            startDate: y != null && y.start ? hooks(y == null ? void 0 : y.start).format("YYYY-MM-DD") : null,
+            endDate: y != null && y.end ? hooks(y == null ? void 0 : y.end).format("YYYY-MM-DD") : null
           };
         }
         default:
@@ -2498,61 +2516,64 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       }
     });
     function n() {
-      if (!l.value.schema) return [];
-      const s = l.value.schema.safeParse(i.modelValue);
-      return s.success ? [] : s.error.errors;
+      if (!r.value.schema) return [];
+      const y = r.value.schema.safeParse(i.modelValue);
+      return y.success ? [] : y.error.errors;
     }
-    const l = computed(() => ({
+    const r = computed(() => ({
       schema: i.schema,
       unwrapped: i.schema ? ZodHelper.unwrap(i.schema) : void 0,
       rules: i.schema ? [ZodHelper.ruleAtPath(i.schema, "")] : void 0,
       labelMark: i.schema && ZodHelper.isRequired(i.schema) == !1 ? "optional" : void 0,
-      zodLabel: i.schema ? ZodHelper.toInputLabel(i.schema, i.field.label) : void 0
+      zodLabel: i.schema ? ZodHelper.toInputLabel(
+        i.schema,
+        d(i.field.label_locale, i.field.label ?? "")
+      ) : void 0
     }));
-    return (s, h) => {
-      var y, m, f, B, C;
-      const g = resolveComponent("FmTextField"), b = resolveComponent("FmStepperField"), V = resolveComponent("FmTextarea"), p = resolveComponent("FmHelperText"), c = resolveComponent("FmSwitch");
-      return e.field.type === "text" ? (openBlock(), createBlock(g, {
+    return (y, v) => {
+      var c, f, B, b, E;
+      const h = resolveComponent("FmTextField"), x = resolveComponent("FmStepperField"), k = resolveComponent("FmTextarea"), p = resolveComponent("FmHelperText"), u = resolveComponent("FmSwitch");
+      return e.field.type === "text" ? (openBlock(), createBlock(h, {
         key: 0,
-        label: unref(r)(e.field.label),
-        "label-mark": unref(l).labelMark,
-        rules: unref(l).rules,
+        label: unref(d)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(r).labelMark,
+        rules: unref(r).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "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(l).unwrapped, props: i }
+          json: { schema: unref(r).unwrapped, props: i }
         }, null, 8, ["json"]),
-        createVNode(b, {
-          label: unref(r)(e.field.label),
-          "label-mark": e.field.isRuleChildren ? void 0 : unref(l).labelMark,
+        createVNode(x, {
+          label: unref(d)(e.field.label_locale, e.field.label ?? ""),
+          "label-mark": e.field.isRuleChildren ? void 0 : unref(r).labelMark,
           "model-value": unref(o),
-          rules: e.field.isRuleChildren ? [] : unref(l).rules,
-          "onUpdate:modelValue": a,
+          rules: e.field.isRuleChildren ? [] : unref(r).rules,
+          "onUpdate:modelValue": l,
           "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(V, {
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(k, {
         key: 2,
-        label: unref(r)(e.field.label),
-        "label-mark": unref(l).labelMark,
-        rules: unref(l).rules,
+        label: unref(d)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(r).labelMark,
+        rules: unref(r).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "show-word-count": "",
-        "max-length": (C = (B = (f = (m = (y = unref(l)) == null ? void 0 : y.unwrapped) == null ? void 0 : m._def) == null ? void 0 : f.checks) == null ? void 0 : B.find((E) => E.kind == "max")) == null ? void 0 : C.value
+        "max-length": (E = (b = (B = (f = (c = unref(r)) == null ? void 0 : c.unwrapped) == null ? void 0 : f._def) == null ? void 0 : B.checks) == null ? void 0 : b.find((N) => N.kind == "max")) == null ? void 0 : E.value
       }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$i, {
         key: 3,
         "campaign-type": e.extras,
         "model-value": unref(o),
         disabled: e.disabled,
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createVNode(_sfc_main$g, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         createVNode(p, {
           class: "!mt-[8px]",
@@ -2564,63 +2585,63 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         thumbnail: unref(o),
         "aspect-ratio": "16 / 9",
         class: "w-1/2 xs:w-2/3",
-        "onUpdate:file": a
+        "onUpdate:file": l
       }, {
         label: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(l).zodLabel)))
+          (openBlock(), createBlock(resolveDynamicComponent(unref(r).zodLabel)))
         ]),
         _: 1
-      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(c, {
+      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(u, {
         key: 6,
-        label: unref(r)(e.field.label),
+        label: unref(d)(e.field.label_locale, e.field.label ?? ""),
         "label-placement": "right",
         sublabel: e.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
-        "label-mark": unref(l).labelMark,
-        rules: unref(l).rules,
+        "label-mark": unref(r).labelMark,
+        rules: unref(r).rules,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$v, {
         key: 7,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "no-campaign": !1,
-        schema: unref(l).schema,
+        schema: unref(r).schema,
         "is-mission": e.extras === "MISSION"
       }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "grab_conditions" ? (openBlock(), createBlock(GrabConditionsInput, {
         key: 8,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
-        schema: unref(l).schema
+        "onUpdate:modelValue": l,
+        schema: unref(r).schema
       }, null, 8, ["model-value", "schema"])) : e.field.type === "grab_quota" ? (openBlock(), createBlock(_sfc_main$9, {
         key: 9,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
-        schema: unref(l).schema
+        "onUpdate:modelValue": l,
+        schema: unref(r).schema
       }, null, 8, ["model-value", "schema"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$w, {
         key: 10,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
         createVNode(_sfc_main$x, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a,
+          "onUpdate:modelValue": l,
           "can-set-auto-apply": e.field.property == "campaign.effect"
         }, null, 8, ["model-value", "can-set-auto-apply"]),
         unref(o) ? createCommentVNode("", !0) : (openBlock(), createBlock(p, {
           key: 0,
           class: "!mt-[8px]",
-          text: unref(r)("connect.campaign.common.effect_required"),
+          text: unref(a)("connect.campaign.common.effect_required"),
           state: "error"
         }, null, 8, ["text"]))
       ], 64)) : e.field.type == "grab_effect" ? (openBlock(), createElementBlock(Fragment, { key: 12 }, [
         createVNode(GrabEffectSheet, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         unref(o) ? createCommentVNode("", !0) : (openBlock(), createBlock(p, {
           key: 0,
           class: "!mt-[8px]",
-          text: unref(r)("connect.campaign.common.effect_required"),
+          text: unref(a)("connect.campaign.common.effect_required"),
           state: "error"
         }, null, 8, ["text"]))
       ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$y, {
@@ -2628,54 +2649,54 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         "allow-email": !0,
         "allow-whatsapp": !0,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "helper-text": unref(ZodHelper).helperText(n(), ""),
         "trigger-type": e.field.extras,
         "helper-state": unref(ZodHelper).helperState(n(), "")
       }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$r, {
         key: 14,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         extras: e.extras,
         "error-text": e.helperText
       }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$s, {
         key: 15,
         type: "custom",
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "helper-text": e.helperText || unref(ZodHelper).helperText(n(), ""),
         "for-credit": i.campaignType === "CREDIT"
       }, null, 8, ["model-value", "helper-text", "for-credit"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$e, {
         key: 16,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$c, {
         key: 17,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
         key: 18,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
         key: 19,
         "model-value": unref(o),
-        "onUpdate:modelValue": a
+        "onUpdate:modelValue": l
       }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
         key: 20,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         "helper-text": unref(ZodHelper).helperText(n(), ""),
         "helper-state": unref(ZodHelper).helperState(n(), "")
       }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
         key: 21,
         "model-value": unref(o),
-        "onUpdate:modelValue": a,
+        "onUpdate:modelValue": l,
         mission: e.extras.mission
       }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
         createVNode(_sfc_main$f, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a,
+          "onUpdate:modelValue": l,
           "start-date": e.extras.start,
           "end-date": e.extras.end
         }, null, 8, ["model-value", "start-date", "end-date"]),
@@ -2688,7 +2709,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
         createVNode(_sfc_main$z, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 0,
@@ -2704,7 +2725,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }, null, 8, ["text"])) : createCommentVNode("", !0),
         createVNode(_sfc_main$k, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 1,
@@ -2715,7 +2736,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
         createVNode(_sfc_main$A, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 0,
@@ -2726,7 +2747,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 26 }, [
         createVNode(_sfc_main$B, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 0,
@@ -2737,7 +2758,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 27 }, [
         createVNode(_sfc_main$j, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 0,
@@ -2748,7 +2769,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 28 }, [
         createVNode(_sfc_main$b, {
           "model-value": unref(o),
-          "onUpdate:modelValue": a
+          "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
         e.helperText ? (openBlock(), createBlock(p, {
           key: 0,
@@ -2768,23 +2789,23 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   setup(e) {
-    const { t: d, te: r } = useI18n();
-    return (i, u) => {
-      const a = resolveComponent("FmCard");
-      return openBlock(), createBlock(a, {
+    const { t: m, te: a } = useI18n();
+    return (d, i) => {
+      const s = resolveComponent("FmCard");
+      return openBlock(), createBlock(s, {
         variant: "outlined",
         class: "p-16 space-y-8"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(d)("connect.campaign.common.summary")), 1),
-          u[0] || (u[0] = createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1)),
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (o, n) => (openBlock(), createElementBlock("div", {
+          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(m)("connect.campaign.common.summary")), 1),
+          i[0] || (i[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: n
+            key: o
           }, [
-            o ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(d)(`${n}`)), 1),
-              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(r)(`${o}`) ? unref(d)(`${o}`) : o), 1)
+            l ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(m)(`${o}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(a)(`${l}`) ? unref(m)(`${l}`) : l), 1)
             ], 64)) : createCommentVNode("", !0)
           ]))), 128))
         ]),
@@ -2799,32 +2820,36 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   __name: "EditCampaignSheet",
   emits: ["submit:model-value"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const Dialog = useDialog(), sheetVisible = ref(!1), { t } = useI18n(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
+    const Dialog = useDialog(), sheetVisible = ref(!1), { t } = useI18n(), { getLocaleText } = useLocaleText(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
       TEMPLATES.VOUCHER
     ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign"), campaignType = ref("VOUCHER");
     async function showSheet(visible, type, campaign, selectedTemplate) {
-      var e, d;
+      var e, m;
       if (sheetVisible.value = visible, campaignType.value = type, visible == !0) {
         try {
           isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
         } catch {
         } finally {
-          await new Promise((r) => setTimeout(r, 120)), isLoading.value = !1;
+          await new Promise((a) => setTimeout(a, 120)), isLoading.value = !1;
         }
         console.log(
           TEMPLATES[type],
           "base template"
-        ), template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((r, i) => {
-          r.campaign.type === "VOUCHER" && r.campaign.code && useCampaignStore().campaigns.voucher.some(
-            (u) => u.code === r.campaign.code && u._id.toString() !== r.campaign._id.toString()
-          ) && i.addIssue({
+        ), template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((a, d) => {
+          a.campaign.type === "VOUCHER" && a.campaign.code && useCampaignStore().campaigns.voucher.some(
+            (i) => i.code === a.campaign.code && i._id.toString() !== a.campaign._id.toString()
+          ) && d.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({
-          ...(d = template.value) == null ? void 0 : d.defaultValue
-        }), "configs" in data.value && typeof data.value.configs == "string" && (data.value.configs = eval(data.value.configs)), data.value = cleanPF(data.value), data.value.templateId = SvcConfig.getBusinessId(), data.value.campaign.business = SvcConfig.getBusinessId(), data.value.campaign.templateId = SvcConfig.getBusinessId(), "configs" in data.value && (data.value.configs.business = SvcConfig.getBusinessId()), currentStep.value = 1, sheetTitle.value = campaign ? `Edit ${CampaignOptions[type].name} Campaign` : `Create ${CampaignOptions[type].name} Campaign`;
+          ...(m = template.value) == null ? void 0 : m.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 ? t("connect.campaign.common.edit_campaign_title", {
+          typeName: t(`connect.campaign.common.typeName.${type}`)
+        }) : t("connect.campaign.common.create_campaign_title", {
+          typeName: t(`connect.campaign.common.typeName.${type}`)
+        });
       }
     }
     async function hideSheet() {
@@ -2850,11 +2875,11 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       return e.success ? [] : e.error.errors;
     });
     function stepErrors(e = currentStep.value - 1) {
-      const d = template.value.steps[e].groups.flatMap(
-        (r) => r.fields.map((i) => i.property)
+      const m = template.value.steps[e].groups.flatMap(
+        (a) => a.fields.map((d) => d.property)
       );
       return errors.value.filter(
-        (r) => d.some((i) => r.path.join(".").includes(i))
+        (a) => m.some((d) => a.path.join(".").includes(d))
       );
     }
     __expose({ showSheet });
@@ -2867,17 +2892,17 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         }
       });
     }
-    function onUpdateProperty(e, d) {
-      var r, i, u, a, o, n, l, s;
-      if (_.set(data.value, e, d), e == "campaign.event.type") {
-        const g = ((a = (u = (i = (r = template.value) == null ? void 0 : r.defaultValue) == null ? void 0 : i.campaign) == null ? void 0 : u.event) == null ? void 0 : a.rule) ? _.cloneDeep({
-          ...(s = (l = (n = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : n.campaign) == null ? void 0 : l.event) == null ? void 0 : s.rule
+    function onUpdateProperty(e, m) {
+      var a, d, i, s, l, o, n, r;
+      if (_.set(data.value, e, m), e == "campaign.event.type") {
+        const v = ((s = (i = (d = (a = template.value) == null ? void 0 : a.defaultValue) == null ? void 0 : d.campaign) == null ? void 0 : i.event) == null ? void 0 : s.rule) ? _.cloneDeep({
+          ...(r = (n = (o = (l = template.value) == null ? void 0 : l.defaultValue) == null ? void 0 : o.campaign) == null ? void 0 : n.event) == null ? void 0 : r.rule
         }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
           RuleBuilder.scaffoldGroup("g_schedule"),
           RuleBuilder.scaffoldGroup("g_time"),
           RuleBuilder.scaffoldGroup("g_user"),
           RuleBuilder.scaffoldGroup("g_bill")
-        ]), b = RuleBuilder.setRuleToGroup(
+        ]), h = RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
           [
             RuleBuilder.constructEntry(
@@ -2889,29 +2914,29 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           ],
           "&&"
         );
-        if (d != "SCHEDULE") {
-          _.set(data.value, "campaign.event.rule", g);
+        if (m != "SCHEDULE") {
+          _.set(data.value, "campaign.event.rule", v);
           return;
         }
         _.set(
           data.value,
           "campaign.event.rule",
-          RuleBuilder.setRuleToGroup(g, b)
+          RuleBuilder.setRuleToGroup(v, h)
         );
       }
-      e == "campaign.notify" && d == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+      e == "campaign.notify" && m == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
     }
-    async function onUpdateFile(e, d) {
-      return e ? await minor(async () => firebaseStorage.update(d, e), {
+    async function onUpdateFile(e, m) {
+      return e ? await minor(async () => firebaseStorage.update(m, e), {
         message: `${e ? "Uploading" : "Removing"} file`,
         successMessage: `File ${e ? "uploaded" : "removed"} successfully`
       }) : "";
     }
     function isDisable(e) {
-      var d, r;
+      var m, a;
       switch (e == null ? void 0 : e.property) {
         case "campaign.event.type":
-          return ((r = (d = data.value) == null ? void 0 : d.campaign) == null ? void 0 : r._id) || !1;
+          return ((a = (m = data.value) == null ? void 0 : m.campaign) == null ? void 0 : a._id) || !1;
         default:
           return !1;
       }
@@ -2920,32 +2945,32 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
       if (!e.success)
         return;
-      const d = await emits(
+      const m = await emits(
         "submit:model-value",
         cleanPF(JSON.parse(JSON.stringify(e.data)))
       );
-      (d || d === void 0) && (sheetVisible.value = !1);
+      (m || m === void 0) && (sheetVisible.value = !1);
     }
-    return (e, d) => {
-      const r = resolveComponent("FmButton"), i = resolveComponent("FmStep"), u = resolveComponent("FmStepper"), a = resolveComponent("FmCard"), o = resolveComponent("FmTopSheet");
-      return openBlock(), createBlock(o, {
+    return (e, m) => {
+      const a = resolveComponent("FmButton"), d = resolveComponent("FmStep"), i = resolveComponent("FmStepper"), s = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
+      return openBlock(), createBlock(l, {
         "fullscreen-size": "lg",
         modelValue: unref(sheetVisible),
         "onUpdate:modelValue": [
-          d[7] || (d[7] = (n) => isRef(sheetVisible) ? sheetVisible.value = n : null),
-          d[8] || (d[8] = (n) => sheetVisible.value = n)
+          m[7] || (m[7] = (o) => isRef(sheetVisible) ? sheetVisible.value = o : null),
+          m[8] || (m[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(r, {
-                onClick: d[0] || (d[0] = (n) => hideSheet()),
+              createVNode(a, {
+                onClick: m[0] || (m[0] = (o) => hideSheet()),
                 label: unref(t)("connect.campaign.common.cancel"),
                 variant: "tertiary"
               }, null, 8, ["label"]),
-              createVNode(r, {
+              createVNode(a, {
                 onClick: onSubmit,
                 label: unref(t)("connect.campaign.common.save"),
                 disabled: unref(errors).length > 0
@@ -2961,7 +2986,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             createElementVNode("div", _hoisted_9, [
               createElementVNode("div", _hoisted_10, [
                 createElementVNode("div", _hoisted_11, [
-                  d[9] || (d[9] = createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
+                  m[9] || (m[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" }),
@@ -2983,7 +3008,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                       ])
                     ])
                   ], -1)),
-                  createVNode(a, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                  createVNode(s, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
                 ])
               ])
             ])
@@ -2993,51 +3018,51 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           name: "default",
           fn: withCtx(() => [
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(u, {
+              createVNode(i, {
                 modelValue: unref(currentStep),
-                "onUpdate:modelValue": d[1] || (d[1] = (n) => isRef(currentStep) ? currentStep.value = n : null),
+                "onUpdate:modelValue": m[1] || (m[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, (n, l) => (openBlock(), createBlock(i, {
-                    key: n.name,
-                    title: unref(t)(n.name),
-                    value: l + 1,
-                    error: () => stepErrors(l).length > 0,
-                    complete: () => l + 1 <= unref(currentStep)
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(d, {
+                    key: o.name,
+                    title: unref(getLocaleText)(o.name_locale, 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(r, {
+                createVNode(a, {
                   icon: "close",
                   variant: "tertiary",
-                  onClick: d[2] || (d[2] = (n) => sheetVisible.value = !1)
+                  onClick: m[2] || (m[2] = (o) => sheetVisible.value = !1)
                 }),
-                createVNode(u, {
+                createVNode(i, {
                   modelValue: unref(currentStep),
-                  "onUpdate:modelValue": d[3] || (d[3] = (n) => isRef(currentStep) ? currentStep.value = n : null),
+                  "onUpdate:modelValue": m[3] || (m[3] = (o) => isRef(currentStep) ? currentStep.value = o : null),
                   orientation: "horizontal",
                   class: "flex-1"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (n, l) => (openBlock(), createBlock(i, {
-                      key: n.name,
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(d, {
+                      key: o.name,
                       title: unref(sheetTitle),
-                      description: unref(t)(n.name),
-                      value: l + 1,
-                      error: () => stepErrors(l).length > 0,
-                      complete: () => l + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                      description: unref(getLocaleText)(o.name_locale, 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(r, {
+                createVNode(a, {
                   icon: "info",
                   variant: "tertiary",
-                  onClick: d[4] || (d[4] = () => showSummaryDialog())
+                  onClick: m[4] || (m[4] = () => showSummaryDialog())
                 })
               ]),
               createElementVNode("div", _hoisted_5, [
@@ -3046,55 +3071,55 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                     json: {
                       data: unref(data),
                       errors: unref(errors).map(
-                        (n) => `${n.path.join(".")} - ${n.message}`
+                        (o) => `${o.path.join(".")} - ${o.message}`
                       ),
                       stepErrors: stepErrors().map(
-                        (n) => `${n.path.join(".")} - ${n.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(
-                    (n) => n.fields.length && (!n.condition || (Array.isArray(n.condition) ? n.condition.every((l) => unref(_).get(unref(data), l.property) == l.value == (l.not != !0)) : unref(_).get(unref(data), n.condition.property) == n.condition.value == (n.condition.not != !0)))
-                  ), (n, l) => (openBlock(), createElementBlock("div", {
-                    key: l,
+                    (o) => o.fields.length && (!o.condition || (Array.isArray(o.condition) ? o.condition.every((n) => unref(_).get(unref(data), n.property) == n.value == (n.not != !0)) : 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(n.name ? unref(t)(n.name) : ""), 1),
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(n.fields, (s, h) => (openBlock(), createElementBlock("div", { key: h }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(unref(getLocaleText)(o.name_locale, o.name ?? "")), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(o.fields, (r, y) => (openBlock(), createElementBlock("div", { key: y }, [
                       (openBlock(), createBlock(_sfc_main$2, {
-                        key: h,
-                        field: s,
-                        modelValue: unref(_).get(unref(data), s.property),
-                        disabled: isDisable(s),
+                        key: y,
+                        field: r,
+                        modelValue: unref(_).get(unref(data), r.property),
+                        disabled: isDisable(r),
                         "campaign-type": unref(campaignType),
-                        "onUpdate:modelValue": (g) => onUpdateProperty(s.property, g),
-                        "onUpdate:file": async (g, b) => {
-                          const V = await onUpdateFile(g, b);
-                          onUpdateProperty(s.property, V || "");
+                        "onUpdate:modelValue": (v) => onUpdateProperty(r.property, v),
+                        "onUpdate:file": async (v, h) => {
+                          const x = await onUpdateFile(v, h);
+                          onUpdateProperty(r.property, x || "");
                         },
                         schema: unref(ZodHelper).typeAtPath(
                           unref(schema),
-                          s.property,
+                          r.property,
                           unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
                         ),
-                        "helper-state": unref(ZodHelper).helperState(unref(errors), s.property),
-                        "helper-text": unref(ZodHelper).helperText(unref(errors), s.property),
-                        extras: s.extras != null ? s.extras == "" ? unref(data) : unref(_).get(unref(data), s.extras) : void 0
+                        "helper-state": unref(ZodHelper).helperState(unref(errors), r.property),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), r.property),
+                        extras: r.extras != null ? r.extras == "" ? unref(data) : unref(_).get(unref(data), r.extras) : void 0
                       }, null, 8, ["field", "modelValue", "disabled", "campaign-type", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
                     ]))), 128))
                   ]))), 128)),
                   createElementVNode("div", _hoisted_8, [
-                    createVNode(r, {
-                      label: "Back",
+                    createVNode(a, {
+                      label: unref(t)("connect.common.back"),
                       variant: "tertiary",
                       disabled: unref(currentStep) == 1,
-                      onClick: d[5] || (d[5] = (n) => currentStep.value--)
-                    }, null, 8, ["disabled"]),
-                    createVNode(r, {
+                      onClick: m[5] || (m[5] = (o) => currentStep.value--)
+                    }, null, 8, ["label", "disabled"]),
+                    createVNode(a, {
                       disabled: unref(currentStep) - 1 < unref(template).steps.length - 1 ? stepErrors().length > 0 : unref(errors).length > 0,
-                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? "Next" : "Submit",
-                      onClick: d[6] || (d[6] = (n) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? unref(t)("connect.common.next") : unref(t)("connect.common.submit"),
+                      onClick: m[6] || (m[6] = (o) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
                     }, null, 8, ["disabled", "label"])
                   ])
                 ]),
@@ -3113,5 +3138,6 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
 });
 export {
   _sfc_main as _,
-  summarizeGrabDiscount as s
+  summarizeGrabDiscount as s,
+  useLocaleText as u
 };