@feedmepos/mf-connect 0.1.70-prod → 0.1.72-prod

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-BWrvk8cN.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-BW7V_Nsq.js}

@@ -1,42 +1,42 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, computed, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, toRefs, normalizeStyle, resolveDynamicComponent, createSlots } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, computed, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, toRefs, normalizeStyle, resolveDynamicComponent, createSlots } from "vue";
 import { _ } from "./lodash-B5I3zXaY.js";
-import { z } from "./app-B6euOjfV.js";
+import { z } from "./app-7Ivt_7kS.js";
 import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
-import { c as getCampaignSummaryObject, C as CampaignOptions } from "./campaign-D_eIup7X.js";
-import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-CoTw6KOu.js";
-import { u as useMembershipStore } from "./membership-yP4z8gbJ.js";
-import { u as useBusinessStore } from "./business-qci70l-A.js";
-import "./index-ZC8SINKX.js";
-import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-BvtsmkMr.js";
+import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-BA2PX6Mi.js";
+import { u as useMembershipStore } from "./membership-DXQf9Mj3.js";
+import { u as useBusinessStore } from "./business-B55rTB5S.js";
+import "./index-CtpRdZKH.js";
+import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-BkzqGukH.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-BshKRCYQ.js";
+import { f as featureVersionMapping } from "./campaign.enum-BZRXf9TI.js";
 import { _ as _sfc_main$o } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
-import { b as _sfc_main$m, a as _sfc_main$p, _ as _sfc_main$r } from "./EffectSheet.vue_vue_type_style_index_0_lang-BVdF1Urm.js";
-import { _ as _sfc_main$q } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-mHmnkhIP.js";
-import { _ as _sfc_main$t } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-D8Kfo_M8.js";
-import { _ as _sfc_main$j, a as _sfc_main$k } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CX4uEjpm.js";
-import { p as prompt, c as cases, f as firebaseStorage } from "./plugins-bpWCIR9y.js";
-import { u as useI18n } from "./vue-i18n-BLkfzQts.js";
-import { T as TypeToTriggerOptions, _ as _sfc_main$u, b as _sfc_main$v } from "./trigger-DCSJm_qA.js";
-import { _ as _sfc_main$s } from "./MessageInput.vue_vue_type_script_setup_true_lang-DyJKk8W7.js";
-import { C as CountryTimezone, m as moment } from "./timezone-BCyUSe2a.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BzqUqJYa.js";
+import { b as _sfc_main$m, a as _sfc_main$p, _ as _sfc_main$r } from "./EffectSheet.vue_vue_type_style_index_0_lang-D7QHcodO.js";
+import { _ as _sfc_main$q } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BEpXudTV.js";
+import { _ as _sfc_main$t } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-DHvItthe.js";
+import { _ as _sfc_main$j, a as _sfc_main$k } from "./RuleGroup.vue_vue_type_script_setup_true_lang-B7qMLC2M.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-CQqQawn6.js";
+import { u as useI18n } from "./vue-i18n-BB1YkgAs.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$u, b as _sfc_main$v } from "./trigger-DEZuV7Fw.js";
+import { _ as _sfc_main$s } from "./MessageInput.vue_vue_type_script_setup_true_lang-Cm4jVJBM.js";
+import { C as CountryTimezone, m as moment } from "./timezone-X-iXAUqa.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BgsibUNE.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { _ as _sfc_main$l, a as _sfc_main$n } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-DRn1HmAb.js";
-import { t as FdoCreditLoyaltyReward, u as FdtoRandomReward, v as F_MISSION_TYPE, w as FdoThresholdCreditReward, x as FdtoThresholdReward, y as FdoMission } from "./index-BicoBDJX.js";
-import { T as TEMPLATES } from "./index-CKd9UEIG.js";
-import "./index-DD6t-ukB.js";
-import "./index-CPHYlicy.js";
-import { a as F_GAME_TYPE } from "./collectible.enum-BYIdgjMd.js";
-import { u as useLoading } from "./loading-E0yVUdfI.js";
-import { i as initCollectibleConfig } from "./helper-BPAmOP7l.js";
-import { C as CollectionUtils } from "./collection.fn-Czegj-3i.js";
+import { _ as _sfc_main$l, a as _sfc_main$n } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-BlXCP_IR.js";
+import { t as FdoCreditLoyaltyReward, u as FdtoRandomReward, v as F_MISSION_TYPE, w as FdoThresholdCreditReward, x as FdtoThresholdReward, y as FdoMission } from "./index-Dpe36Jv6.js";
+import { T as TEMPLATES } from "./index-DtB1XLw6.js";
+import "./index-D_9bRGRa.js";
+import "./index-BbNMr2Lt.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-ANnJMtnj.js";
+import { u as useLoading } from "./loading-Hh5FSOP9.js";
+import { i as initCollectibleConfig } from "./helper-ApDLcgT1.js";
+import { C as CollectionUtils } from "./collection.fn-BObHG1bS.js";
 import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
-import "./index-BioBPRnA.js";
+import { c as getCampaignSummaryObject } from "./campaign-dSphYCws.js";
+import "./index-DUfWM7U3.js";
 import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-FPNFOCIx.js";
-import { S as SvcConfig } from "./index-DROE-IrQ.js";
+import { u as useCampaignStore } from "./campaign-RS-eYMBW.js";
+import { S as SvcConfig } from "./index-C1tcqVNm.js";
 import { a as cleanPF } from "./object-qECH92oz.js";
 const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "TimeRuleGroup",
@@ -49,82 +49,82 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const { t: a } = useI18n(), i = e, u = m, d = ref(
-      !i.modelValue || !i.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(i.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+    const { t: o } = useI18n(), c = e, s = m, p = ref(
+      !c.modelValue || !c.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(c.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
     );
-    watch(d, async (o, n) => {
-      var s;
-      if (n == "custom" && o == "all_time" && RuleBuilder.getRules((s = i.modelValue) == null ? void 0 : s.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")
+    watch(p, async (l, i) => {
+      var a;
+      if (i == "custom" && l == "all_time" && RuleBuilder.getRules((a = c.modelValue) == null ? void 0 : a.rules.g_time).length > 0) {
+        const f = await prompt.confirm(
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
         );
-        y && u(
+        f && s(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            c.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
-        ), d.value = y ? o : n;
+        ), p.value = f ? l : i;
       }
     });
-    async function l(o) {
-      var n;
-      if (o == "custom" && RuleBuilder.getRules((n = i.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
+    async function n(l) {
+      var i;
+      if (l == "custom" && RuleBuilder.getRules((i = c.modelValue) == null ? void 0 : i.rules.g_time).length > 0) {
         if (!await prompt.confirm(
-          a("connect.template.rule.time.confirm_remove"),
-          a("connect.common.confirm"),
-          a("connect.common.confirm"),
-          a("connect.common.cancel")
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
         )) {
-          d.value = "all_time";
+          p.value = "all_time";
           return;
         }
-        u(
+        s(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
-            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            c.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
         );
       }
     }
-    return (o, n) => {
-      var v;
-      const s = resolveComponent("FmRadio"), y = resolveComponent("FmRadioGroup");
+    return (l, i) => {
+      var y;
+      const a = resolveComponent("FmRadio"), f = resolveComponent("FmRadioGroup");
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createVNode(y, {
-          modelValue: unref(d),
+        createVNode(f, {
+          modelValue: unref(p),
           "onUpdate:modelValue": [
-            n[0] || (n[0] = (h) => isRef(d) ? d.value = h : null),
-            n[1] || (n[1] = (h) => l(h))
+            i[0] || (i[0] = (v) => isRef(p) ? p.value = v : null),
+            i[1] || (i[1] = (v) => n(v))
           ]
         }, {
           default: withCtx(() => [
-            createVNode(s, {
-              label: unref(a)("connect.template.rule.time.all_time"),
+            createVNode(a, {
+              label: unref(o)("connect.template.rule.time.all_time"),
               value: "all_time"
             }, null, 8, ["label"]),
-            createVNode(s, {
-              label: unref(a)("connect.template.rule.time.custom"),
+            createVNode(a, {
+              label: unref(o)("connect.template.rule.time.custom"),
               value: "custom"
             }, null, 8, ["label"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        unref(d) == "custom" ? (openBlock(), createBlock(_sfc_main$j, {
+        unref(p) == "custom" ? (openBlock(), createBlock(_sfc_main$j, {
           key: 0,
           class: "!mt-[0px]",
           "include-only": "trigger",
           "trigger-type": "SCHEDULE",
-          "model-value": ((v = e.modelValue) == null ? void 0 : v.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
-          "onUpdate:modelValue": n[2] || (n[2] = (h) => u(
+          "model-value": ((y = e.modelValue) == null ? void 0 : y.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": i[2] || (i[2] = (v) => s(
             "update:model-value",
             unref(RuleBuilder).setRuleToGroup(
               e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              h,
+              v,
               "&&"
             )
           ))
@@ -141,28 +141,28 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = computed(() => {
-      const { property: d, operator: l, equator: o } = RuleBuilder.simplify(
-        a.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+    const { t: o } = useI18n(), c = e, s = m, p = computed(() => {
+      const { property: n, operator: l, equator: i } = RuleBuilder.simplify(
+        c.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
           op: "before",
           x: 1
         })
       );
       return {
-        property: d,
+        property: n,
         operator: l,
-        equator: o
+        equator: i
       };
     });
-    return (d, l) => {
-      const o = resolveComponent("FmRadio"), n = resolveComponent("FmStepperField");
+    return (n, l) => {
+      const i = resolveComponent("FmRadio"), a = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", null, [
-        createVNode(o, {
-          label: "On birthday",
+        createVNode(i, {
+          label: unref(o)("connect.template.rule.birthday.on_birthday"),
           value: "_isRange-day",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
           "onUpdate:modelValue": l[0] || (l[0] = () => {
-            i(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -171,13 +171,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               })
             );
           })
-        }, null, 8, ["model-value"]),
-        createVNode(o, {
-          label: "N days before birthday",
+        }, null, 8, ["label", "model-value"]),
+        createVNode(i, {
+          label: unref(o)("connect.template.rule.birthday.days_before"),
           value: "_isDay",
-          "model-value": unref(u).operator,
+          "model-value": unref(p).operator,
           "onUpdate:modelValue": l[1] || (l[1] = () => {
-            i(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
                 op: "after",
@@ -186,27 +186,27 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               })
             );
           })
-        }, null, 8, ["model-value"]),
-        unref(u).operator == "_isDay" ? (openBlock(), createBlock(n, {
+        }, null, 8, ["label", "model-value"]),
+        unref(p).operator == "_isDay" ? (openBlock(), createBlock(a, {
           key: 0,
-          label: "Days before birthday",
+          label: unref(o)("connect.template.rule.birthday.days_before_label"),
           "show-steppers": !1,
-          "model-value": unref(u).equator.x,
-          "onUpdate:modelValue": l[2] || (l[2] = (s) => i(
+          "model-value": unref(p).equator.x,
+          "onUpdate:modelValue": l[2] || (l[2] = (f) => s(
             "update:model-value",
             unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
               op: "after",
-              x: s,
+              x: f,
               ignoreYear: !0
             })
           ))
-        }, null, 8, ["model-value"])) : createCommentVNode("", !0),
-        createVNode(o, {
-          label: "In birthday week",
+        }, null, 8, ["label", "model-value"])) : createCommentVNode("", !0),
+        createVNode(i, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_week"),
           value: "_isRange-week",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
           "onUpdate:modelValue": l[3] || (l[3] = () => {
-            i(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -215,13 +215,13 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               })
             );
           })
-        }, null, 8, ["model-value"]),
-        createVNode(o, {
-          label: "In birthday month",
+        }, null, 8, ["label", "model-value"]),
+        createVNode(i, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_month"),
           value: "_isRange-month",
-          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
           "onUpdate:modelValue": l[4] || (l[4] = () => {
-            i(
+            s(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -230,11 +230,11 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               })
             );
           })
-        }, null, 8, ["model-value"])
+        }, null, 8, ["label", "model-value"])
       ]);
     };
   }
-}), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$c = { class: "grid grid-cols-3 gap-16" }, _hoisted_3$a = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$c = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$a = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$9 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$6 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CampaignTriggerInput",
   props: {
     campaignType: {
@@ -251,30 +251,30 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = computed(() => a.disabled ? TypeToTriggerOptions[a.campaignType].filter(
-      (d) => d.value == a.modelValue
-    ) : TypeToTriggerOptions[a.campaignType]);
-    return (d, l) => {
-      const o = resolveComponent("FmCard");
+    const { t: o } = useI18n(), c = e, s = m, p = computed(() => c.disabled ? TypeToTriggerOptions[c.campaignType].filter(
+      (n) => n.value == c.modelValue
+    ) : TypeToTriggerOptions[c.campaignType]);
+    return (n, l) => {
+      const i = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
-        createElementVNode("div", _hoisted_2$c, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(o, {
+        createElementVNode("div", _hoisted_2$c, toDisplayString(unref(o)("connect.campaign.trigger.description")), 1),
+        createElementVNode("div", _hoisted_3$a, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(i, {
             variant: "outlined",
-            disabled: a.disabled,
+            disabled: c.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 == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
+              "col-span-3": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && !a.disabled && i("update:model-value", n.value);
+              c.modelValue != a.value && !c.disabled && s("update:model-value", a.value);
             },
-            key: n.name
+            key: a.name
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$a, toDisplayString(n.name), 1),
-              createElementVNode("div", _hoisted_4$7, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_4$9, toDisplayString(a.name), 1),
+              createElementVNode("div", _hoisted_5$6, toDisplayString(a.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -296,26 +296,26 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = m;
-    return (i, u) => {
-      const d = resolveComponent("FmButton"), l = resolveComponent("FmField"), o = resolveComponent("FmDatePicker");
-      return openBlock(), createBlock(o, {
+    const o = m;
+    return (c, s) => {
+      const p = resolveComponent("FmButton"), n = resolveComponent("FmField"), l = resolveComponent("FmDatePicker");
+      return openBlock(), createBlock(l, {
         label: e.label,
         "model-value": e.modelValue || "",
-        "onUpdate:modelValue": u[1] || (u[1] = (n) => a("update:model-value", n))
+        "onUpdate:modelValue": s[1] || (s[1] = (i) => o("update:model-value", i))
       }, {
-        "trigger-button": withCtx(({ opened: n }) => [
-          createVNode(l, {
+        "trigger-button": withCtx(({ opened: i }) => [
+          createVNode(n, {
             class: "flex items-center",
             "prepend-icon": "calendar_month",
-            "icon-outlined": !n
+            "icon-outlined": !i
           }, {
             append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(d, {
+              e.modelValue ? (openBlock(), createBlock(p, {
                 key: 0,
                 variant: "tertiary",
                 icon: "clear",
-                onClick: u[0] || (u[0] = (s) => (s.stopPropagation(), a("update:model-value", null)))
+                onClick: s[0] || (s[0] = (a) => (a.stopPropagation(), o("update:model-value", null)))
               })) : createCommentVNode("", !0)
             ]),
             default: withCtx(() => [
@@ -330,7 +330,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
       }, 8, ["label", "model-value"]);
     };
   }
-}), _hoisted_1$e = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$b = { class: "flex-1 xs:w-full" }, _hoisted_3$9 = { class: "flex-1 xs:w-full" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$e = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$b = { class: "flex-1 xs:w-full" }, _hoisted_3$9 = { class: "mt-5 xs:hidden" }, _hoisted_4$8 = { class: "flex-1 xs:w-full" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DateRangeInput",
   props: {
     modelValue: {
@@ -340,36 +340,36 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = m;
-    return (i, u) => {
-      var d, l;
+    const { t: o } = useI18n(), c = m;
+    return (s, p) => {
+      var n, l;
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
         createElementVNode("div", _hoisted_2$b, [
           createVNode(_sfc_main$f, {
-            "model-value": ((d = e.modelValue) == null ? void 0 : d.startDate) ?? null,
-            label: "Start date",
-            "onUpdate:modelValue": u[0] || (u[0] = (o) => {
-              var n;
-              return a("update:model-value", {
-                startDate: o,
-                endDate: ((n = e.modelValue) == null ? void 0 : n.endDate) ?? null
+            "model-value": ((n = e.modelValue) == null ? void 0 : n.startDate) ?? null,
+            label: unref(o)("connect.common.startDate"),
+            "onUpdate:modelValue": p[0] || (p[0] = (i) => {
+              var a;
+              return c("update:model-value", {
+                startDate: i,
+                endDate: ((a = e.modelValue) == null ? void 0 : a.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$9, [
+        createElementVNode("div", _hoisted_3$9, toDisplayString(unref(o)("connect.common.to")), 1),
+        createElementVNode("div", _hoisted_4$8, [
           createVNode(_sfc_main$f, {
             "model-value": ((l = e.modelValue) == null ? void 0 : l.endDate) ?? null,
-            label: "End date",
-            "onUpdate:modelValue": u[1] || (u[1] = (o) => {
-              var n;
-              return a("update:model-value", {
-                startDate: ((n = e.modelValue) == null ? void 0 : n.startDate) ?? null,
-                endDate: o
+            label: unref(o)("connect.common.endDate"),
+            "onUpdate:modelValue": p[1] || (p[1] = (i) => {
+              var a;
+              return c("update:model-value", {
+                startDate: ((a = e.modelValue) == null ? void 0 : a.startDate) ?? null,
+                endDate: i
               });
             })
-          }, null, 8, ["model-value"])
+          }, null, 8, ["model-value", "label"])
         ])
       ]);
     };
@@ -377,7 +377,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
 }), _hoisted_1$d = { class: "space-y-8" }, _hoisted_2$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$8 = {
   key: 0,
   class: "space-y-4"
-}, _hoisted_4$6 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$3 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+}, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$5 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ScheduleRuleInput",
   props: {
     modelValue: {
@@ -393,35 +393,38 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = useCoreStore(), d = computed(
-      () => CountryTimezone[u.currentCountry.value || "MY"]
+    const { t: o } = useI18n(), c = e, s = m, p = useCoreStore(), n = computed(
+      () => CountryTimezone[p.currentCountry.value || "MY"]
     );
     function l() {
-      const g = RuleBuilder.getRules(a.modelValue);
-      return g.length == 0 ? "fixed" : g.some(
-        (c) => isRuleEntry(c) && RuleBuilder.simplify(c).operator == "_rrule"
+      const u = RuleBuilder.getRules(c.modelValue);
+      return u.length == 0 ? "fixed" : u.some(
+        (r) => isRuleEntry(r) && RuleBuilder.simplify(r).operator == "_rrule"
       ) ? "repeating" : "fixed";
     }
-    const o = ref(l()), n = ref(!1), s = computed(() => {
-      const g = RuleBuilder.getRules(a.modelValue), c = g.find(
-        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).property == "trigger.date"
-      ), r = g.find(
-        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).property == "trigger.time"
+    const i = ref(l()), a = ref(!1), f = computed(() => [
+      { label: o("connect.template.rule.schedule.fixed"), value: "fixed" },
+      { label: o("connect.template.rule.schedule.repeating"), value: "repeating" }
+    ]), y = computed(() => {
+      const u = RuleBuilder.getRules(c.modelValue), r = u.find(
+        (g) => isRuleEntry(g) && RuleBuilder.simplify(g).property == "trigger.date"
+      ), d = u.find(
+        (g) => isRuleEntry(g) && RuleBuilder.simplify(g).property == "trigger.time"
       );
       return {
-        date: c ? RuleBuilder.simplify(c).equator : null,
-        time: r ? RuleBuilder.simplify(r).equator : null
+        date: r ? RuleBuilder.simplify(r).equator : null,
+        time: d ? RuleBuilder.simplify(d).equator : null
       };
-    }), y = computed(
+    }), v = computed(
       () => calculateNextScheduleAt(
-        a.modelValue,
+        c.modelValue,
         /* @__PURE__ */ new Date(),
-        a.startDate ? new Date(a.startDate) : void 0,
-        a.endDate ? new Date(a.endDate) : void 0
+        c.startDate ? new Date(c.startDate) : void 0,
+        c.endDate ? new Date(c.endDate) : void 0
       )
     );
-    function v(g) {
-      const c = g.label.toLowerCase(), r = c == "fixed" ? [
+    function C(u) {
+      const r = u.value, d = r == "fixed" ? [
         RuleBuilder.constructEntry(
           "trigger.date",
           "_isOnDate",
@@ -436,73 +439,73 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
         ),
         RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
       ];
-      i(
+      s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
-          r
+          d
         )
-      ), o.value = c;
+      ), i.value = r;
     }
-    function h(g) {
-      o.value == "fixed" ? i(
+    function b(u) {
+      i.value == "fixed" ? s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
             "trigger.date",
             "_isOnDate",
-            g.date
+            u.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            g.time
+            u.time
           )
         ])
-      ) : i(
+      ) : s(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
             "trigger.date",
             "_rrule",
-            g.date
+            u.date
           ),
           RuleBuilder.constructEntry(
             "trigger.time",
             "_isOnTime",
-            g.time
+            u.time
           )
         ])
       );
     }
-    return (g, c) => {
-      const r = resolveComponent("FmButtonGroup"), p = resolveComponent("FmTimePicker"), f = resolveComponent("FmIcon"), b = resolveComponent("FmTooltip"), C = resolveComponent("FmField"), V = resolveComponent("FmCard"), x = resolveComponent("FmPopover"), R = resolveComponent("FmDatePicker"), k = resolveComponent("FmHelperText");
+    return (u, r) => {
+      const d = resolveComponent("FmButtonGroup"), g = resolveComponent("FmTimePicker"), k = resolveComponent("FmIcon"), V = resolveComponent("FmTooltip"), x = resolveComponent("FmField"), B = resolveComponent("FmCard"), h = resolveComponent("FmPopover"), R = resolveComponent("FmDatePicker"), S = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(r, {
-          items: [{ label: "Fixed" }, { label: "Repeating" }],
-          "model-value": { label: unref(cases).title(unref(o)) },
-          "onUpdate:modelValue": v,
+        createVNode(d, {
+          items: unref(f),
+          "model-value": unref(f).find((E) => E.value === unref(i)) ?? null,
+          "onUpdate:modelValue": C,
           class: "mb-8"
-        }, null, 8, ["model-value"]),
+        }, null, 8, ["items", "model-value"]),
         createElementVNode("div", _hoisted_1$d, [
           createElementVNode("div", _hoisted_2$a, [
-            createVNode(p, {
-              label: "Notify time",
-              "model-value": unref(s).time,
-              "onUpdate:modelValue": c[0] || (c[0] = (B) => h({ date: unref(s).date, time: B })),
-              "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"]),
-            unref(o) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
-              createElementVNode("div", _hoisted_4$6, [
-                c[5] || (c[5] = createElementVNode("div", null, "Notify date", -1)),
-                unref(s).date ? (openBlock(), createBlock(b, {
+            createVNode(g, {
+              label: unref(o)("connect.template.rule.schedule.notify_time"),
+              "model-value": unref(y).time,
+              "onUpdate:modelValue": r[0] || (r[0] = (E) => b({ date: unref(y).date, time: E })),
+              "helper-text": unref(y).time ? void 0 : unref(o)("connect.template.rule.schedule.time_required"),
+              "helper-state": unref(y).time ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]),
+            unref(i) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_4$7, [
+                createElementVNode("div", null, toDisplayString(unref(o)("connect.template.rule.schedule.notify_date")), 1),
+                unref(y).date ? (openBlock(), createBlock(V, {
                   key: 0,
                   "z-index": 9999,
-                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(s).date).options)
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options)
                 }, {
                   default: withCtx(() => [
-                    createVNode(f, {
+                    createVNode(k, {
                       name: "info",
                       size: "sm",
                       outline: !0
@@ -511,30 +514,30 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                   _: 1
                 }, 8, ["content"])) : createCommentVNode("", !0)
               ]),
-              createVNode(x, {
-                "show-popover": unref(n),
-                onPopoverChanged: c[3] || (c[3] = (B) => n.value = B)
+              createVNode(h, {
+                "show-popover": unref(a),
+                onPopoverChanged: r[3] || (r[3] = (E) => a.value = E)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(C, {
+                  createVNode(x, {
                     class: "cursor-pointer",
-                    "helper-text": unref(s).date ? void 0 : "Date is required",
-                    "helper-state": unref(s).date ? void 0 : "error"
+                    "helper-text": unref(y).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+                    "helper-state": unref(y).date ? void 0 : "error"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_5$3, toDisplayString(unref(s).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(s).date).options) : "Set a repeating date"), 1)
+                      createElementVNode("div", _hoisted_5$5, toDisplayString(unref(y).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options) : unref(o)("connect.template.rule.schedule.set_repeating_date")), 1)
                     ]),
                     _: 1
                   }, 8, ["helper-text", "helper-state"])
                 ]),
                 default: withCtx(() => [
-                  createVNode(V, { class: "elevated p-8 w-[450px]" }, {
+                  createVNode(B, { class: "elevated p-8 w-[450px]" }, {
                     default: withCtx(() => [
                       createVNode(_sfc_main$k, {
                         "apply-button": !0,
-                        "model-value": unref(s).date || "",
-                        onCancel: c[1] || (c[1] = (B) => n.value = !1),
-                        "onUpdate:modelValue": c[2] || (c[2] = (B) => (h({ date: B, time: unref(s).time }), n.value = !1))
+                        "model-value": unref(y).date || "",
+                        onCancel: r[1] || (r[1] = (E) => a.value = !1),
+                        "onUpdate:modelValue": r[2] || (r[2] = (E) => (b({ date: E, time: unref(y).time }), a.value = !1))
                       }, null, 8, ["model-value"])
                     ]),
                     _: 1
@@ -544,23 +547,23 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
               }, 8, ["show-popover"])
             ])) : (openBlock(), createBlock(R, {
               key: 1,
-              label: "Notify date",
-              "model-value": unref(s).date || "",
-              "onUpdate:modelValue": c[4] || (c[4] = (B) => h({ date: B, 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(o)("connect.template.rule.schedule.notify_date"),
+              "model-value": unref(y).date || "",
+              "onUpdate:modelValue": r[4] || (r[4] = (E) => b({ date: E, time: unref(y).time })),
+              "helper-text": unref(y).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+              "helper-state": unref(y).date ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]))
           ]),
-          unref(s).date && unref(s).time && unref(y) ? (openBlock(), createBlock(k, {
+          unref(y).date && unref(y).time && unref(v) ? (openBlock(), createBlock(S, {
             key: 0,
-            text: `${unref(moment)(unref(y)).isAfter(unref(moment)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(moment)(unref(y)).format("dddd, DD MMM YYYY")} at
-        ${unref(moment)(unref(y)).format("hh:mmA")}(UTC${unref(moment).tz(unref(d)).format("Z")}) (${unref(moment)(unref(y)).fromNow()})`
+            text: `${unref(moment)(unref(v)).isAfter(unref(moment)()) ? unref(o)("connect.template.rule.schedule.next_notification") : unref(o)("connect.template.rule.schedule.last_trigger_on")} ${unref(moment)(unref(v)).format("dddd, DD MMM YYYY")} at
+        ${unref(moment)(unref(v)).format("hh:mmA")}(UTC${unref(moment).tz(unref(n)).format("Z")}) (${unref(moment)(unref(v)).fromNow()})`
           }, null, 8, ["text"])) : createCommentVNode("", !0)
         ])
       ], 64);
     };
   }
-}), _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _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: "grid grid-cols-2 gap-16" }, _hoisted_4$6 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "GameTypeInput",
   props: {
     modelValue: {
@@ -569,42 +572,42 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = computed(
+    const { t: o } = useI18n(), c = e, s = m, p = computed(
       () => [
         {
-          label: "Fortune Wheel",
-          description: "Allow customers to spin the Fortune Wheel to win various rewards.",
+          label: o("connect.campaign.gameType.option.FORTUNE_WHEEL.label"),
+          description: o("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: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.label"),
+          description: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.description"),
           value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
           hidden: !0
         }
-      ].filter((d) => !d.hidden)
+      ].filter((n) => !n.hidden)
     );
-    return (d, l) => {
-      const o = resolveComponent("FmCard");
+    return (n, l) => {
+      const i = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$9, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(o, {
+        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(o)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$7, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(i, {
             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 == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
+              "col-span-2": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && i("update:model-value", n.value);
+              c.modelValue != a.value && s("update:model-value", a.value);
             },
-            key: n.value
+            key: a.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$7, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_4$5, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_4$6, toDisplayString(a.label), 1),
+              createElementVNode("div", _hoisted_5$4, toDisplayString(a.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -618,87 +621,87 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
 }, _hoisted_2$8 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "EditRewardPoolSheet",
   emits: ["update:model-value"],
-  setup(e, { expose: m, emit: a }) {
-    const i = useMembershipStore(), { minor: u } = useLoading, d = ref(!1), l = ref(), o = ref(), n = ref(0), s = computed(() => {
-      var r;
-      return ((r = i.loyaltyRewards.items.find(
-        (p) => {
-          var f;
-          return p.value === ((f = l.value) == null ? void 0 : f.collectible);
+  setup(e, { expose: m, emit: o }) {
+    const c = useMembershipStore(), { minor: s } = useLoading, p = ref(!1), n = ref(), l = ref(), i = ref(0), a = computed(() => {
+      var u;
+      return ((u = c.loyaltyRewards.items.find(
+        (r) => {
+          var d;
+          return r.value === ((d = n.value) == null ? void 0 : d.collectible);
         }
-      )) == null ? void 0 : r.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
-    }), y = computed(() => {
-      const c = s.value.safeParse(l.value);
-      return c.success ? [] : c.error.errors;
+      )) == null ? void 0 : u.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+    }), f = computed(() => {
+      const b = a.value.safeParse(n.value);
+      return b.success ? [] : b.error.errors;
     });
-    function v(c, r, p) {
-      c && (l.value = r, n.value = p), d.value = c;
+    function y(b, u, r) {
+      b && (n.value = u, i.value = r), p.value = b;
     }
-    const h = a;
-    async function g() {
-      const c = s.value.safeParse(l.value);
-      c.success && (await u(
+    const v = o;
+    async function C() {
+      const b = a.value.safeParse(n.value);
+      b.success && (await s(
         async () => {
-          c.data.type === "VOUCHER" && o.value && (c.data.collectibleConfig.image = await firebaseStorage.update(
-            c.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, o.value),
-            o.value
+          b.data.type === "VOUCHER" && l.value && (b.data.collectibleConfig.image = await firebaseStorage.update(
+            b.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
+            l.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), h("update:model-value", c.data, n.value));
+      ), v("update:model-value", b.data, i.value));
     }
     return m({
-      showSheet: v
-    }), (c, r) => {
-      const p = resolveComponent("FmSelect"), f = resolveComponent("FmStepperField"), b = resolveComponent("FmButton"), C = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(C, {
+      showSheet: y
+    }), (b, u) => {
+      const r = resolveComponent("FmSelect"), d = resolveComponent("FmStepperField"), g = resolveComponent("FmButton"), k = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(k, {
         "max-width": 560,
-        modelValue: unref(d),
+        modelValue: unref(p),
         "onUpdate:modelValue": [
-          r[9] || (r[9] = (V) => isRef(d) ? d.value = V : null),
-          r[10] || (r[10] = (V) => d.value = V)
+          u[9] || (u[9] = (V) => isRef(p) ? p.value = V : null),
+          u[10] || (u[10] = (V) => p.value = V)
         ],
         header: "Edit reward",
         "dismiss-away": ""
       }, {
         "side-sheet-footer": withCtx(() => [
           createElementVNode("div", _hoisted_2$8, [
-            createVNode(b, {
+            createVNode(g, {
               variant: "primary",
               type: "button",
-              disabled: unref(y).length > 0,
+              disabled: unref(f).length > 0,
               label: "Confirm",
-              onClick: r[7] || (r[7] = (V) => g())
+              onClick: u[7] || (u[7] = (V) => C())
             }, null, 8, ["disabled"]),
-            createVNode(b, {
+            createVNode(g, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: r[8] || (r[8] = (V) => d.value = !1)
+              onClick: u[8] || (u[8] = (V) => p.value = !1)
             })
           ])
         ]),
         default: withCtx(() => {
-          var V, x, R;
+          var V, x, B;
           return [
-            unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-              createVNode(p, {
+            unref(n) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+              createVNode(r, {
                 label: "Reward Type",
                 items: [
                   { label: "No Reward", value: "NO_REWARD" },
                   { label: "Voucher", value: "VOUCHER" },
                   { label: "Loyalty", value: "LOYALTY" }
                 ],
-                "model-value": unref(l).type,
-                "onUpdate:modelValue": r[0] || (r[0] = (k) => {
-                  k == "NO_REWARD" ? l.value = {
+                "model-value": unref(n).type,
+                "onUpdate:modelValue": u[0] || (u[0] = (h) => {
+                  h == "NO_REWARD" ? n.value = {
                     type: "NO_REWARD",
                     collectible: null,
                     weight: 1
-                  } : k === "VOUCHER" ? l.value = {
+                  } : h === "VOUCHER" ? n.value = {
                     collectible: null,
                     type: "VOUCHER",
                     collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -712,8 +715,8 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                       validForDay: 7
                     },
                     weight: 1
-                  } : l.value = {
-                    collectible: unref(i).loyaltyRewards.raw[0]._id,
+                  } : n.value = {
+                    collectible: unref(c).loyaltyRewards.raw[0]._id,
                     type: "LOYALTY",
                     earningOption: {
                       amount: 1,
@@ -726,75 +729,75 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
                   };
                 })
               }, null, 8, ["model-value"]),
-              unref(l).type == "LOYALTY" ? (openBlock(), createBlock(p, {
+              unref(n).type == "LOYALTY" ? (openBlock(), createBlock(r, {
                 key: 0,
                 label: "Loyalty type",
-                rules: [unref(ZodHelper).ruleAtPath(unref(s), "collectible", [unref(l).type])],
-                items: unref(i).loyaltyRewards.items,
-                "model-value": unref(l).collectible,
-                "onUpdate:modelValue": r[1] || (r[1] = (k) => unref(l).collectible = k)
+                rules: [unref(ZodHelper).ruleAtPath(unref(a), "collectible", [unref(n).type])],
+                items: unref(c).loyaltyRewards.items,
+                "model-value": unref(n).collectible,
+                "onUpdate:modelValue": u[1] || (u[1] = (h) => unref(n).collectible = h)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(f, {
+              createVNode(d, {
                 label: "Weight",
-                rules: [unref(ZodHelper).ruleAtPath(unref(s), "weight", [unref(l).type])],
-                "model-value": unref(l).weight,
-                "onUpdate:modelValue": r[2] || (r[2] = (k) => l.value = {
-                  ...unref(l),
-                  weight: k
+                rules: [unref(ZodHelper).ruleAtPath(unref(a), "weight", [unref(n).type])],
+                "model-value": unref(n).weight,
+                "onUpdate:modelValue": u[2] || (u[2] = (h) => n.value = {
+                  ...unref(n),
+                  weight: h
                 })
               }, null, 8, ["rules", "model-value"]),
-              unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((V = unref(i).loyaltyRewards.items.find(
-                  (k) => {
-                    var B;
-                    return k.value === ((B = unref(l)) == null ? void 0 : B.collectible);
+              unref(n).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ((V = unref(c).loyaltyRewards.items.find(
+                  (h) => {
+                    var R;
+                    return h.value === ((R = unref(n)) == null ? void 0 : R.collectible);
                   }
                 )) == null ? void 0 : V.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  r[11] || (r[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  u[11] || (u[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$l, {
                     class: "mt-[-8px]",
                     rules: [
-                      unref(ZodHelper).ruleAtPath(unref(s), "earningOption", [unref(l).type])
+                      unref(ZodHelper).ruleAtPath(unref(a), "earningOption", [unref(n).type])
                     ],
-                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
+                    "helper-state": unref(ZodHelper).helperState(unref(f), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(f), "earningOption"),
                     "fixed-type": !0,
-                    "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": r[3] || (r[3] = (k) => l.value = {
-                      ...unref(l),
-                      earningOption: k
+                    "model-value": unref(n).earningOption,
+                    "onUpdate:modelValue": u[3] || (u[3] = (h) => n.value = {
+                      ...unref(n),
+                      earningOption: h
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                r[12] || (r[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
+                u[12] || (u[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$m, {
-                  type: unref(l).type === "LOYALTY" ? "custom" : "range",
-                  "for-credit": unref(l).type === "LOYALTY" && ((x = unref(i).loyaltyRewards.items.find(
-                    (k) => {
-                      var B;
-                      return k.value === ((B = unref(l)) == null ? void 0 : B.collectible);
+                  type: unref(n).type === "LOYALTY" ? "custom" : "range",
+                  "for-credit": unref(n).type === "LOYALTY" && ((x = unref(c).loyaltyRewards.items.find(
+                    (h) => {
+                      var R;
+                      return h.value === ((R = unref(n)) == null ? void 0 : R.collectible);
                     }
                   )) == null ? void 0 : x.raw.type) === "CREDIT",
                   class: "!gap-24",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(s), "validityOption", [unref(l).type])],
-                  "model-value": unref(l).validityOption,
-                  "onUpdate:modelValue": r[4] || (r[4] = (k) => l.value = {
-                    ...unref(l),
-                    validityOption: k
+                  rules: [unref(ZodHelper).ruleAtPath(unref(a), "validityOption", [unref(n).type])],
+                  "model-value": unref(n).validityOption,
+                  "onUpdate:modelValue": u[4] || (u[4] = (h) => n.value = {
+                    ...unref(n),
+                    validityOption: h
                   })
                 }, null, 8, ["type", "for-credit", "rules", "model-value"])
               ], 64)) : createCommentVNode("", !0),
-              unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
+              unref(n).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
                 key: 2,
-                "reward-image": unref(o),
-                "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": r[5] || (r[5] = (k) => l.value = {
-                  ...unref(l),
-                  collectibleConfig: k
+                "reward-image": unref(l),
+                "model-value": ((B = unref(n)) == null ? void 0 : B.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": u[5] || (u[5] = (h) => n.value = {
+                  ...unref(n),
+                  collectibleConfig: h
                 }),
-                "onUpdate:rewardImage": r[6] || (r[6] = (k) => o.value = k)
+                "onUpdate:rewardImage": u[6] || (u[6] = (h) => l.value = h)
               }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-              createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
+              createVNode(JsonViewer, { json: unref(f) }, null, 8, ["json"])
             ])) : createCommentVNode("", !0)
           ];
         }),
@@ -806,7 +809,7 @@ const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defi
 function isNullOrEmpty(e) {
   return e == null || e === "";
 }
-const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$6 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$5 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "RewardPoolInput",
   props: {
     modelValue: {
@@ -822,36 +825,36 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = useMembershipStore(), d = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => a.modelValue ?? []), o = computed(() => {
-      const c = d.safeParse(l.value);
-      return c.success ? [] : c.error.errors;
-    }), n = ref();
-    function s(c, r) {
-      var f;
-      const p = [...l.value];
-      p[r] = c, (f = n.value) == null || f.showSheet(!1), i("update:model-value", p);
+    const o = e, c = m, s = useMembershipStore(), { t: p } = useI18n(), n = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => o.modelValue ?? []), i = computed(() => {
+      const u = n.safeParse(l.value);
+      return u.success ? [] : u.error.errors;
+    }), a = ref();
+    function f(u, r) {
+      var g;
+      const d = [...l.value];
+      d[r] = u, (g = a.value) == null || g.showSheet(!1), c("update:model-value", d);
     }
-    function y(c) {
-      const r = c.type == "VOUCHER" ? c.collectibleConfig : u.collectibles.find(
-        (b) => b._id.toString() == c.collectible
-      ), p = CollectionUtils.formattedType((r == null ? void 0 : r.name) || ""), f = c.weight;
+    function y(u) {
+      const r = u.type == "VOUCHER" ? u.collectibleConfig : s.collectibles.find(
+        (k) => k._id.toString() == u.collectible
+      ), d = CollectionUtils.formattedType((r == null ? void 0 : r.name) || ""), g = u.weight;
       return {
-        label: isNullOrEmpty(p) ? "NO REWARD" : p,
-        sublabel: `${f} (${(f / l.value.reduce((b, C) => b + C.weight, 0) * 100).toFixed(2)}%)`
+        label: isNullOrEmpty(d) ? "NO REWARD" : d,
+        sublabel: `${g} (${(g / l.value.reduce((k, V) => k + V.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function v(c) {
-      var p;
+    function v(u) {
+      var d;
       const r = [...l.value];
-      (p = n.value) == null || p.showSheet(!0, r[c], c);
+      (d = a.value) == null || d.showSheet(!0, r[u], u);
     }
-    function h(c) {
+    function C(u) {
       const r = [...l.value];
-      r.splice(c, 1), i("update:model-value", r);
+      r.splice(u, 1), c("update:model-value", r);
     }
-    function g() {
-      var c;
-      (c = n.value) == null || c.showSheet(
+    function b() {
+      var u;
+      (u = a.value) == null || u.showSheet(
         !0,
         {
           type: "NO_REWARD",
@@ -861,47 +864,47 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
         l.value.length
       );
     }
-    return (c, r) => {
-      const p = resolveComponent("FmButton"), f = resolveComponent("FmCard"), b = resolveComponent("FmHelperText");
+    return (u, r) => {
+      const d = resolveComponent("FmButton"), g = resolveComponent("FmCard"), k = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        r[1] || (r[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type and weightage given to your customer. ", -1)),
-        createVNode(p, {
-          label: "Add Reward",
-          onClick: r[0] || (r[0] = (C) => g()),
+        createElementVNode("div", _hoisted_2$7, toDisplayString(unref(p)("connect.template.configure_reward_type")), 1),
+        createVNode(d, {
+          label: unref(p)("connect.campaign.rewardPool.addReward"),
+          onClick: r[0] || (r[0] = (V) => b()),
           variant: "plain",
           icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (C, V) => (openBlock(), createBlock(f, {
-          key: V,
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (V, x) => (openBlock(), createBlock(g, {
+          key: x,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (x) => v(V)
+          onClick: (B) => v(x)
         }, {
           default: withCtx(() => {
-            var x;
+            var B;
             return [
               createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_2$7, toDisplayString(C.type == "LOYALTY" ? (x = C == null ? void 0 : C.earningOption) == null ? void 0 : x.amount : "") + " " + toDisplayString(y(C).label), 1),
-                createElementVNode("div", _hoisted_3$6, toDisplayString(y(C).sublabel), 1)
+                createElementVNode("div", _hoisted_3$6, toDisplayString(V.type == "LOYALTY" ? (B = V == null ? void 0 : V.earningOption) == null ? void 0 : B.amount : "") + " " + toDisplayString(y(V).label), 1),
+                createElementVNode("div", _hoisted_4$5, toDisplayString(y(V).sublabel), 1)
               ]),
-              createVNode(p, {
+              createVNode(d, {
                 icon: "delete",
                 variant: "tertiary",
-                onClick: (R) => (R.stopPropagation(), h(V))
+                onClick: (h) => (h.stopPropagation(), C(x))
               }, null, 8, ["onClick"])
             ];
           }),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((C) => C.path.join(".") == ""), (C) => (openBlock(), createBlock(b, {
-          key: C.message,
-          text: C.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i).filter((V) => V.path.join(".") == ""), (V) => (openBlock(), createBlock(k, {
+          key: V.message,
+          text: V.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
         createVNode(_sfc_main$b, {
           ref_key: "sheetRef",
-          ref: n,
-          "onUpdate:modelValue": s
+          ref: a,
+          "onUpdate:modelValue": f
         }, null, 512)
       ]);
     };
@@ -918,55 +921,55 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = computed(() => [
+    const { t: o } = useI18n(), c = e, s = m, p = 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: o("connect.template.promotion_game.rock_paper_scissors.label"),
+        description: o("connect.template.promotion_game.rock_paper_scissors.description"),
         value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
       }
     ]);
-    return (d, l) => {
-      var y, v, h;
-      const o = resolveComponent("FmSwitch"), n = resolveComponent("FmCard"), s = resolveComponent("FmHelperText");
+    return (n, l) => {
+      var y, v, C;
+      const i = resolveComponent("FmSwitch"), a = resolveComponent("FmCard"), f = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createVNode(o, {
-          label: "Enable game",
+        createVNode(i, {
+          label: unref(o)("connect.template.promotion_game.enable"),
           "model-value": !!((y = e.modelValue) != null && y.gameType),
-          "onUpdate:modelValue": l[0] || (l[0] = (g) => g ? i("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : i("update:model-value", null))
-        }, null, 8, ["model-value"]),
+          "onUpdate:modelValue": l[0] || (l[0] = (b) => b ? s("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : s("update:model-value", null))
+        }, null, 8, ["label", "model-value"]),
         ((v = e.modelValue) == null ? void 0 : v.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (g) => {
-            var c, r;
-            return openBlock(), createBlock(n, {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (b) => {
+            var u, r;
+            return openBlock(), createBlock(a, {
               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)]": ((c = e.modelValue) == null ? void 0 : c.gameType) == g.value,
-                "hover:bg-fm-color-opacity-sm": ((r = e.modelValue) == null ? void 0 : r.gameType) != g.value
+                "col-span-2": unref(p).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((u = e.modelValue) == null ? void 0 : u.gameType) == b.value,
+                "hover:bg-fm-color-opacity-sm": ((r = e.modelValue) == null ? void 0 : r.gameType) != b.value
               }]),
               onClick: () => {
-                var p;
-                ((p = a.modelValue) == null ? void 0 : p.gameType) != g.value && i("update:model-value", { gameType: g.value });
+                var d;
+                ((d = c.modelValue) == null ? void 0 : d.gameType) != b.value && s("update:model-value", { gameType: b.value });
               },
-              key: g.value
+              key: b.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$5, toDisplayString(g.label), 1),
-                createElementVNode("div", _hoisted_4$4, toDisplayString(g.description), 1)
+                createElementVNode("div", _hoisted_3$5, toDisplayString(b.label), 1),
+                createElementVNode("div", _hoisted_4$4, toDisplayString(b.description), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
           }), 128))
         ])) : createCommentVNode("", !0),
-        ((h = e.modelValue) == null ? void 0 : h.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(s, {
+        ((C = e.modelValue) == null ? void 0 : C.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(f, {
           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(o)("connect.template.promotion_game.rock_paper_scissors.warning"),
           state: "warning"
-        })) : createCommentVNode("", !0)
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
       ]);
     };
   }
-}), _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: {
@@ -975,38 +978,38 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = computed(() => [
+    const { t: o } = useI18n(), c = e, s = m, p = computed(() => [
       {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("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: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
     ]);
-    return (d, l) => {
-      const o = resolveComponent("FmCard");
+    return (n, l) => {
+      const i = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$5, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (n) => (openBlock(), createBlock(o, {
+        createElementVNode("div", _hoisted_2$5, toDisplayString(unref(o)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$4, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(i, {
             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 == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
+              "col-span-2": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
             }]),
             onClick: () => {
-              a.modelValue != n.value && i("update:model-value", n.value);
+              c.modelValue != a.value && s("update:model-value", a.value);
             },
-            key: n.value
+            key: a.value
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$4, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_4$3, toDisplayString(n.description), 1)
+              createElementVNode("div", _hoisted_4$3, toDisplayString(a.label), 1),
+              createElementVNode("div", _hoisted_5$3, toDisplayString(a.description), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -1029,15 +1032,15 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = m;
-    return (i, u) => {
-      const d = resolveComponent("FmStepperField");
+    const o = m;
+    return (c, s) => {
+      const p = 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(d, {
+        s[1] || (s[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(p, {
           label: "Maximum to collect",
           "model-value": e.modelValue || null,
-          "onUpdate:modelValue": u[0] || (u[0] = (l) => a("update:model-value", l)),
+          "onUpdate:modelValue": s[0] || (s[0] = (n) => o("update:model-value", n)),
           "helper-text": e.helperText || "Set the threshold required for reward eligibility",
           "helper-state": e.helperState || "none"
         }, null, 8, ["model-value", "helper-text", "helper-state"])
@@ -1053,49 +1056,49 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
     }
   },
   emits: ["update:model-value"],
-  setup(e, { expose: m, emit: a }) {
-    const i = e, u = useMembershipStore(), { minor: d } = useLoading, l = ref(!1), o = ref(), n = ref(), s = ref(0), y = computed(() => {
-      var f;
-      return ((f = u.loyaltyRewards.items.find(
-        (b) => {
-          var C;
-          return b.value === ((C = o.value) == null ? void 0 : C.collectible);
+  setup(e, { expose: m, emit: o }) {
+    const c = e, s = useMembershipStore(), { minor: p } = useLoading, n = ref(!1), l = ref(), i = ref(), a = ref(0), f = computed(() => {
+      var d;
+      return ((d = s.loyaltyRewards.items.find(
+        (g) => {
+          var k;
+          return g.value === ((k = l.value) == null ? void 0 : k.collectible);
         }
-      )) == null ? void 0 : f.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
-    }), v = computed(() => {
-      const p = y.value.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
+      )) == null ? void 0 : d.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+    }), y = computed(() => {
+      const r = f.value.safeParse(l.value);
+      return r.success ? [] : r.error.errors;
     });
-    function h(p, f, b) {
-      p && (o.value = f, s.value = b), l.value = p;
+    function v(r, d, g) {
+      r && (l.value = d, a.value = g), n.value = r;
     }
-    const g = a;
-    async function c() {
-      const p = y.value.safeParse(o.value);
-      p.success && (await d(
+    const C = o;
+    async function b() {
+      const r = f.value.safeParse(l.value);
+      r.success && (await p(
         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
+          r.data.type === "VOUCHER" && i.value && (r.data.collectibleConfig.image = await firebaseStorage.update(
+            r.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, i.value),
+            i.value
           ));
         },
         {
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), g("update:model-value", p.data, s.value));
+      ), C("update:model-value", r.data, a.value));
     }
-    const r = ref();
+    const u = ref();
     return m({
-      showSheet: h
-    }), (p, f) => {
-      const b = resolveComponent("FmStepperField"), C = resolveComponent("FmSelect"), V = resolveComponent("FmForm"), x = resolveComponent("FmButton"), R = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(R, {
+      showSheet: v
+    }), (r, d) => {
+      const g = resolveComponent("FmStepperField"), k = resolveComponent("FmSelect"), V = resolveComponent("FmForm"), x = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(B, {
         "max-width": 560,
-        modelValue: unref(l),
+        modelValue: unref(n),
         "onUpdate:modelValue": [
-          f[10] || (f[10] = (k) => isRef(l) ? l.value = k : null),
-          f[11] || (f[11] = (k) => l.value = k)
+          d[10] || (d[10] = (h) => isRef(n) ? n.value = h : null),
+          d[11] || (d[11] = (h) => n.value = h)
         ],
         header: "Edit reward",
         "dismiss-away": ""
@@ -1106,59 +1109,59 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
               variant: "primary",
               type: "button",
               label: "Confirm",
-              disabled: unref(v).length > 0,
-              onClick: f[8] || (f[8] = async () => {
-                var k;
-                return (k = unref(r)) == null ? void 0 : k.validateInputs();
+              disabled: unref(y).length > 0,
+              onClick: d[8] || (d[8] = async () => {
+                var h;
+                return (h = unref(u)) == null ? void 0 : h.validateInputs();
               })
             }, null, 8, ["disabled"]),
             createVNode(x, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: f[9] || (f[9] = (k) => l.value = !1)
+              onClick: d[9] || (d[9] = (h) => n.value = !1)
             })
           ])
         ]),
         default: withCtx(() => [
-          createVNode(JsonViewer, { json: unref(o) }, null, 8, ["json"]),
-          unref(o) ? (openBlock(), createBlock(V, {
+          createVNode(JsonViewer, { json: unref(l) }, null, 8, ["json"]),
+          unref(l) ? (openBlock(), createBlock(V, {
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
-            ref: r,
-            onValidationSuccess: f[7] || (f[7] = (k) => c())
+            ref: u,
+            onValidationSuccess: d[7] || (d[7] = (h) => b())
           }, {
             default: withCtx(() => {
-              var k, B;
+              var h, R;
               return [
-                unref(o).type ? (openBlock(), createBlock(b, {
+                unref(l).type ? (openBlock(), createBlock(g, {
                   key: 0,
                   label: "Threshold",
                   rules: [
                     unref(ZodHelper).toRule(
                       unref(z).number().min(1).max(
-                        i.maxThreshold,
-                        `Number cannot be more than ${i.maxThreshold}`
+                        c.maxThreshold,
+                        `Number cannot be more than ${c.maxThreshold}`
                       )
                     )
                   ],
-                  "model-value": unref(o).threshold,
-                  "onUpdate:modelValue": f[0] || (f[0] = (E) => o.value = {
-                    ...unref(o),
-                    threshold: E
+                  "model-value": unref(l).threshold,
+                  "onUpdate:modelValue": d[0] || (d[0] = (S) => l.value = {
+                    ...unref(l),
+                    threshold: S
                   })
                 }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
-                createVNode(C, {
+                createVNode(k, {
                   label: "Reward Type",
                   items: [
                     { label: "Voucher", value: "VOUCHER" },
                     { label: "Loyalty", value: "LOYALTY" }
                   ],
-                  "model-value": unref(o).type,
-                  "onUpdate:modelValue": f[1] || (f[1] = (E) => {
-                    var S, w;
-                    E === "VOUCHER" ? o.value = {
+                  "model-value": unref(l).type,
+                  "onUpdate:modelValue": d[1] || (d[1] = (S) => {
+                    var E, $;
+                    S === "VOUCHER" ? l.value = {
                       collectible: null,
                       type: "VOUCHER",
                       collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -1171,9 +1174,9 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (S = unref(o)) == null ? void 0 : S.threshold
-                    } : o.value = {
-                      collectible: unref(u).loyaltyRewards.raw[0]._id,
+                      threshold: (E = unref(l)) == null ? void 0 : E.threshold
+                    } : l.value = {
+                      collectible: unref(s).loyaltyRewards.raw[0]._id,
                       type: "LOYALTY",
                       earningOption: {
                         amount: 1,
@@ -1182,60 +1185,60 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (w = unref(o)) == null ? void 0 : w.threshold
+                      threshold: ($ = unref(l)) == null ? void 0 : $.threshold
                     };
                   })
                 }, null, 8, ["model-value"]),
-                unref(o).type == "LOYALTY" ? (openBlock(), createBlock(C, {
+                unref(l).type == "LOYALTY" ? (openBlock(), createBlock(k, {
                   key: 1,
                   label: "Loyalty type",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(y), "collectible", [unref(o).type])],
-                  items: unref(u).loyaltyRewards.items,
-                  "model-value": unref(o).collectible,
-                  "onUpdate:modelValue": f[2] || (f[2] = (E) => unref(o).collectible = E)
+                  rules: [unref(ZodHelper).ruleAtPath(unref(f), "collectible", [unref(l).type])],
+                  items: unref(s).loyaltyRewards.items,
+                  "model-value": unref(l).collectible,
+                  "onUpdate:modelValue": d[2] || (d[2] = (S) => unref(l).collectible = S)
                 }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-                unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  f[12] || (f[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  d[12] || (d[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$l, {
                     class: "mt-[-8px]",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "earningOption", [unref(o).type])],
-                    "helper-state": unref(ZodHelper).helperState(unref(v), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(v), "earningOption"),
+                    rules: [unref(ZodHelper).ruleAtPath(unref(f), "earningOption", [unref(l).type])],
+                    "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": f[3] || (f[3] = (E) => o.value = {
-                      ...unref(o),
-                      earningOption: E
+                    "model-value": unref(l).earningOption,
+                    "onUpdate:modelValue": d[3] || (d[3] = (S) => l.value = {
+                      ...unref(l),
+                      earningOption: S
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
                   createVNode(_sfc_main$m, {
                     class: "!gap-24",
-                    type: unref(o).type === "LOYALTY" ? "custom" : "range",
-                    "for-credit": unref(o).type === "LOYALTY" && ((k = unref(u).loyaltyRewards.items.find(
-                      (E) => {
-                        var S;
-                        return E.value === ((S = unref(o)) == null ? void 0 : S.collectible);
+                    type: unref(l).type === "LOYALTY" ? "custom" : "range",
+                    "for-credit": unref(l).type === "LOYALTY" && ((h = unref(s).loyaltyRewards.items.find(
+                      (S) => {
+                        var E;
+                        return S.value === ((E = unref(l)) == null ? void 0 : E.collectible);
                       }
-                    )) == null ? void 0 : k.raw.type) === "CREDIT",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "validityOption", [unref(o).type])],
-                    "model-value": unref(o).validityOption,
-                    "onUpdate:modelValue": f[4] || (f[4] = (E) => o.value = {
-                      ...unref(o),
-                      validityOption: E
+                    )) == null ? void 0 : h.raw.type) === "CREDIT",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(f), "validityOption", [unref(l).type])],
+                    "model-value": unref(l).validityOption,
+                    "onUpdate:modelValue": d[4] || (d[4] = (S) => l.value = {
+                      ...unref(l),
+                      validityOption: S
                     })
                   }, null, 8, ["type", "for-credit", "rules", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
+                unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
                   key: 3,
-                  "reward-image": unref(n),
-                  "model-value": ((B = unref(o)) == null ? void 0 : B.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": f[5] || (f[5] = (E) => o.value = {
-                    ...unref(o),
-                    collectibleConfig: E
+                  "reward-image": unref(i),
+                  "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": d[5] || (d[5] = (S) => l.value = {
+                    ...unref(l),
+                    collectibleConfig: S
                   }),
-                  "onUpdate:rewardImage": f[6] || (f[6] = (E) => n.value = E)
+                  "onUpdate:rewardImage": d[6] || (d[6] = (S) => i.value = S)
                 }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-                createVNode(JsonViewer, { json: unref(v) }, null, 8, ["json"])
+                createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
               ];
             }),
             _: 1
@@ -1269,19 +1272,19 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
     }
   },
   setup(e) {
-    const m = e, { maxRange: a, currentRange: i, markers: u } = toRefs(m), d = computed(
-      () => Math.min(i.value / a.value * 100, 100)
-    ), l = (o) => o / a.value * 100;
-    return (o, n) => {
-      const s = resolveComponent("FmIcon");
+    const m = e, { maxRange: o, currentRange: c, markers: s } = toRefs(m), p = computed(
+      () => Math.min(c.value / o.value * 100, 100)
+    ), n = (l) => l / o.value * 100;
+    return (l, i) => {
+      const a = resolveComponent("FmIcon");
       return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(a), 40), (y) => (openBlock(), createBlock(s, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(o), 40), (f) => (openBlock(), createBlock(a, {
           class: normalizeClass(
-            unref(i) >= y ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+            unref(c) >= f ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
           ),
-          outline: unref(i) < y,
-          key: y,
-          name: unref(u).some((v) => v === y) ? "featured_seasonal_and_gifts" : "check_circle"
+          outline: unref(c) < f,
+          key: f,
+          name: unref(s).some((y) => y === f) ? "featured_seasonal_and_gifts" : "check_circle"
         }, null, 8, ["class", "outline", "name"]))), 128))
       ])) : (openBlock(), createElementBlock("div", {
         key: 1,
@@ -1289,18 +1292,18 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { 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(d) + "%" })
+          style: normalizeStyle({ width: unref(p) + "%" })
         }, null, 4),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (y, v) => (openBlock(), createElementBlock("div", {
-          key: v,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (f, y) => (openBlock(), createElementBlock("div", {
+          key: y,
           class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
-          style: normalizeStyle({ left: l(y) + "%" })
+          style: normalizeStyle({ left: n(f) + "%" })
         }, [
           createElementVNode("div", _hoisted_2$4, [
             createElementVNode("div", {
               class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
             }),
-            n[0] || (n[0] = createElementVNode("div", null, "🎁", -1))
+            i[0] || (i[0] = createElementVNode("div", null, "🎁", -1))
           ])
         ], 4))), 128))
       ]));
@@ -1308,19 +1311,19 @@ const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-e
   }
 }), isObject = (e) => e !== null && typeof e == "object";
 function changeKeysFactory(e) {
-  return function m(a, i = 1, u) {
-    if (i === 0 || !isObject(a))
-      return a;
-    if (Array.isArray(a))
-      return a.map((l) => m(l, i - 1, u));
-    const d = Object.create(Object.getPrototypeOf(a));
-    return Object.keys(a).forEach((l) => {
-      const o = a[l], n = e(l, u), s = m(o, i - 1, u);
-      d[n] = s;
-    }), d;
+  return function m(o, c = 1, s) {
+    if (c === 0 || !isObject(o))
+      return o;
+    if (Array.isArray(o))
+      return o.map((n) => m(n, c - 1, s));
+    const p = Object.create(Object.getPrototypeOf(o));
+    return Object.keys(o).forEach((n) => {
+      const l = o[n], i = e(n, s), a = m(l, c - 1, s);
+      p[i] = a;
+    }), p;
   };
 }
-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: {
@@ -1334,42 +1337,49 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   },
   emits: ["update:model-value"],
   setup(e, { emit: m }) {
-    const a = e, i = m, u = useMembershipStore(), d = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
-      () => a.modelValue.sort((r, p) => r.threshold - p.threshold) ?? []
-    ), o = computed(() => {
-      const r = d.safeParse(l.value);
+    const { t: o } = useI18n(), c = e, s = m, p = useMembershipStore(), n = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
+      () => c.modelValue.sort((r, d) => r.threshold - d.threshold) ?? []
+    ), i = computed(() => {
+      const r = n.safeParse(l.value);
       return r.success ? [] : r.error.errors;
-    }), n = ref();
-    function s(r, p) {
-      var b;
-      const f = [...l.value];
-      f[p] = r, (b = n.value) == null || b.showSheet(!1), i("update:model-value", f);
+    }), a = ref();
+    function f(r, d) {
+      var k;
+      const g = [...l.value];
+      g[d] = r, (k = a.value) == null || k.showSheet(!1), s("update:model-value", g);
     }
     function y(r) {
-      const p = r.type == "VOUCHER" ? r.collectibleConfig : u.collectibles.find(
-        (b) => b._id.toString() == r.collectible
-      ), f = CollectionUtils.formattedType((p == null ? void 0 : p.name) || "");
+      const d = r.type == "VOUCHER" ? r.collectibleConfig : p.collectibles.find(
+        (V) => V._id.toString() == r.collectible
+      ), g = CollectionUtils.formattedType((d == null ? void 0 : d.name) || ""), k = r.earningOption.type == "FIXED" ? o("connect.template.mission_pool.reward_sublabel_fixed", {
+        threshold: r.threshold,
+        amount: r.earningOption.amount
+      }) : o("connect.template.mission_pool.reward_sublabel_per_spend", {
+        threshold: r.threshold,
+        amount: r.earningOption.amount,
+        every: r.earningOption.every
+      });
       return {
-        label: isNullOrEmpty(f) ? "NO REWARD" : f,
-        sublabel: `Reward at ${r.threshold} | Amount: ${r.earningOption.type == "FIXED" ? r.earningOption.amount : `${r.earningOption.amount} for every RM${r.earningOption.every} spent`} `
+        label: isNullOrEmpty(g) ? o("connect.template.mission_pool.no_reward") : g,
+        sublabel: k
       };
     }
     function v(r) {
-      var f;
-      const p = [...l.value];
-      (f = n.value) == null || f.showSheet(!0, p[r], r);
+      var g;
+      const d = [...l.value];
+      (g = a.value) == null || g.showSheet(!0, d[r], r);
     }
-    function h(r) {
-      const p = [...l.value];
-      p.splice(r, 1), i("update:model-value", p);
+    function C(r) {
+      const d = [...l.value];
+      d.splice(r, 1), s("update:model-value", d);
     }
-    function g() {
+    function b() {
       var r;
-      (r = n.value) == null || r.showSheet(
+      (r = a.value) == null || r.showSheet(
         !0,
         {
           type: "LOYALTY",
-          collectible: u.loyaltyRewards.items[0].value,
+          collectible: p.loyaltyRewards.items[0].value,
           threshold: null,
           validityOption: {
             validForDay: 7
@@ -1382,71 +1392,71 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         l.value.length
       );
     }
-    function c(r) {
-      var p, f;
-      return r.type == "VOUCHER" ? (p = r.collectibleConfig) == null ? void 0 : p.name : sentenceCase(
-        ((f = u.loyaltyRewards.items.find(
-          (b) => b.value == r.collectible
-        )) == null ? void 0 : f.label) || ""
+    function u(r) {
+      var d, g;
+      return r.type == "VOUCHER" ? (d = r.collectibleConfig) == null ? void 0 : d.name : sentenceCase(
+        ((g = p.loyaltyRewards.items.find(
+          (k) => k.value == r.collectible
+        )) == null ? void 0 : g.label) || ""
       );
     }
-    return (r, p) => {
-      const f = resolveComponent("FmButton"), b = resolveComponent("FmCard"), C = resolveComponent("FmHelperText");
+    return (r, d) => {
+      const g = resolveComponent("FmButton"), k = resolveComponent("FmCard"), V = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        p[2] || (p[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type given to your customer. ", -1)),
-        createVNode(f, {
-          label: "Add Reward",
-          onClick: p[0] || (p[0] = (V) => g()),
+        createElementVNode("div", _hoisted_2$3, toDisplayString(unref(o)("connect.template.configure_reward_customer")), 1),
+        createVNode(g, {
+          label: unref(o)("connect.template.mission_pool.add_reward"),
+          onClick: d[0] || (d[0] = (x) => b()),
           variant: "plain",
           icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (V, x) => (openBlock(), createBlock(b, {
-          key: x,
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (x, B) => (openBlock(), createBlock(k, {
+          key: B,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (R) => v(x)
+          onClick: (h) => v(B)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2$3, toDisplayString(y(V).label), 1),
-              createElementVNode("div", _hoisted_3$3, toDisplayString(y(V).sublabel), 1)
+              createElementVNode("div", _hoisted_3$3, toDisplayString(y(x).label), 1),
+              createElementVNode("div", _hoisted_4$2, toDisplayString(y(x).sublabel), 1)
             ]),
-            createVNode(f, {
+            createVNode(g, {
               icon: "delete",
               variant: "tertiary",
-              onClick: (R) => (R.stopPropagation(), h(x))
+              onClick: (h) => (h.stopPropagation(), C(B))
             }, null, 8, ["onClick"])
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((V) => V.path.join(".") == ""), (V) => (openBlock(), createBlock(C, {
-          key: V.message,
-          text: V.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i).filter((x) => x.path.join(".") == ""), (x) => (openBlock(), createBlock(V, {
+          key: x.message,
+          text: x.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
-        p[3] || (p[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1)),
-        (openBlock(), createBlock(b, {
+        createElementVNode("div", _hoisted_5$2, toDisplayString(unref(o)("connect.template.mission_pool.preview")), 1),
+        (openBlock(), createBlock(k, {
           key: 0,
           variant: "outlined",
           class: "p-24 space-y-16 w-fit"
         }, {
           default: withCtx(() => {
-            var V, x;
+            var x, B;
             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(((V = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : V.earningOption.amount) > 1 ? (x = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : x.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? c(e.modelValue[e.modelValue.length - 1]) : ""), 1),
-                  p[1] || (p[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(o)("connect.template.mission_pool.collect_stamps", { end: e.mission.end })) + " " + toDisplayString(((x = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : x.earningOption.amount) > 1 ? (B = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : B.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? u(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_8$2, toDisplayString(unref(o)("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((R) => R.threshold)
+                  markers: e.modelValue.map((h) => h.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)
               ])
             ];
           }),
@@ -1454,55 +1464,55 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         })),
         createVNode(_sfc_main$6, {
           ref_key: "sheetRef",
-          ref: n,
-          "onUpdate:modelValue": s,
+          ref: a,
+          "onUpdate:modelValue": f,
           "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: m }) {
-    const a = e, i = computed(() => {
-      const l = FdoMission.safeParse(a.modelValue);
+    const { t: o } = useI18n(), c = e, s = computed(() => {
+      const l = FdoMission.safeParse(c.modelValue);
       return l.success ? [] : l.error.errors;
-    }), u = computed(() => [
+    }), p = computed(() => [
       {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("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: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
         value: F_MISSION_TYPE.enum.PROGRESSIVE
       }
-    ]), d = m;
-    return (l, o) => {
+    ]), n = m;
+    return (l, i) => {
       var y;
-      const n = resolveComponent("FmCard"), s = resolveComponent("FmStepperField");
+      const a = resolveComponent("FmCard"), f = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("div", _hoisted_2$2, [
-          o[1] || (o[1] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1)),
-          o[2] || (o[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-          createElementVNode("div", _hoisted_3$2, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (v) => {
-              var h, g;
-              return openBlock(), createBlock(n, {
+          createElementVNode("div", _hoisted_3$2, toDisplayString(unref(o)("connect.campaign.mission.missionType")), 1),
+          createElementVNode("div", _hoisted_4$1, toDisplayString(unref(o)("connect.template.select_game")), 1),
+          createElementVNode("div", _hoisted_5$1, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (v) => {
+              var C, b;
+              return openBlock(), createBlock(a, {
                 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)]": ((h = e.modelValue) == null ? void 0 : h.type) == v.value,
-                  "hover:bg-fm-color-opacity-sm": ((g = e.modelValue) == null ? void 0 : g.type) != v.value
+                  "col-span-2": unref(p).length == 1,
+                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((C = e.modelValue) == null ? void 0 : C.type) == v.value,
+                  "hover:bg-fm-color-opacity-sm": ((b = e.modelValue) == null ? void 0 : b.type) != v.value
                 }]),
                 onClick: () => {
-                  var c, r;
-                  ((c = e.modelValue) == null ? void 0 : c.type) != v.value && d("update:model-value", {
+                  var u, r;
+                  ((u = e.modelValue) == null ? void 0 : u.type) != v.value && n("update:model-value", {
                     ...e.modelValue,
                     type: v.value,
                     end: ((r = e.modelValue) == null ? void 0 : r.end) || 1
@@ -1511,36 +1521,44 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                 key: v.value
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$1, toDisplayString(v.label), 1),
-                  createElementVNode("div", _hoisted_5$1, toDisplayString(v.description), 1)
+                  createElementVNode("div", _hoisted_6$1, toDisplayString(v.label), 1),
+                  createElementVNode("div", _hoisted_7$1, toDisplayString(v.description), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "onClick"]);
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_6$1, [
-          o[3] || (o[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1)),
-          o[4] || (o[4] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
-          createVNode(s, {
-            label: "Maximum to collect",
+        createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequired")), 1),
+          createElementVNode("div", _hoisted_10$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequiredDescription")), 1),
+          createVNode(f, {
+            label: unref(o)("connect.campaign.mission.maximumToCollect"),
             "model-value": ((y = e.modelValue) == null ? void 0 : y.end) || null,
-            "onUpdate:modelValue": o[0] || (o[0] = (v) => {
-              var h;
-              return d("update:model-value", {
+            "onUpdate:modelValue": i[0] || (i[0] = (v) => {
+              var C;
+              return n("update:model-value", {
                 ...e.modelValue,
-                type: ((h = e.modelValue) == null ? void 0 : h.type) || "STAMP",
+                type: ((C = e.modelValue) == null ? void 0 : C.type) || "STAMP",
                 end: v
               });
             }),
-            "helper-text": unref(ZodHelper).helperText(unref(i), "end") || "Set the threshold required for reward eligibility",
-            "helper-state": unref(ZodHelper).helperState(unref(i), "end") || "none"
-          }, null, 8, ["model-value", "helper-text", "helper-state"])
+            "helper-text": unref(ZodHelper).helperText(unref(s), "end") || unref(o)("connect.campaign.mission.thresholdHelperText"),
+            "helper-state": unref(ZodHelper).helperState(unref(s), "end") || "none"
+          }, null, 8, ["label", "model-value", "helper-text", "helper-state"])
         ])
       ]);
     };
   }
-}), _hoisted_1$2 = { key: 26 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+});
+function useLocaleText() {
+  const { locale: e, t: m } = useI18n();
+  function o(c, s) {
+    return c ? c[e.value] ?? c["en-US"] ?? m(s) : m(s);
+  }
+  return { getLocaleText: o };
+}
+const _hoisted_1$2 = { key: 26 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TemplateInput",
   props: {
     field: { type: Object, required: !0 },
@@ -1567,12 +1585,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   },
   emits: ["update:model-value", "update:file"],
   setup(e, { emit: m }) {
-    const { t: a } = useI18n(), i = e, u = m;
-    function d(s) {
-      switch (i.field.type) {
+    const { t: o } = useI18n(), { getLocaleText: c } = useLocaleText(), s = e, p = m;
+    function n(f) {
+      switch (s.field.type) {
         case "timeframe":
-          const y = s.startDate ? hooks(s.startDate).startOf("day").toISOString() : void 0, v = s.endDate ? hooks(s.endDate).endOf("day").toISOString() : void 0;
-          u("update:model-value", {
+          const y = f.startDate ? hooks(f.startDate).startOf("day").toISOString() : void 0, v = f.endDate ? hooks(f.endDate).endOf("day").toISOString() : void 0;
+          p("update:model-value", {
             type: "timeframe",
             property: "__now",
             start: y,
@@ -1580,134 +1598,134 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           });
           break;
         case "image": {
-          u(
+          p(
             "update:file",
-            s,
-            l.value || firebaseStorage.collectibleImagePath(void 0, s)
+            f,
+            l.value || firebaseStorage.collectibleImagePath(void 0, f)
           );
           break;
         }
         default:
-          u("update:model-value", s);
+          p("update:model-value", f);
           break;
       }
     }
     const l = computed(() => {
-      switch (i.field.type) {
+      switch (s.field.type) {
         case "timeframe": {
-          const s = i.modelValue;
+          const f = s.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: f != null && f.start ? hooks(f == null ? void 0 : f.start).format("YYYY-MM-DD") : null,
+            endDate: f != null && f.end ? hooks(f == null ? void 0 : f.end).format("YYYY-MM-DD") : null
           };
         }
         default:
-          return i.modelValue;
+          return s.modelValue;
       }
     });
-    function o() {
-      if (!n.value.schema) return [];
-      const s = n.value.schema.safeParse(i.modelValue);
-      return s.success ? [] : s.error.errors;
+    function i() {
+      if (!a.value.schema) return [];
+      const f = a.value.schema.safeParse(s.modelValue);
+      return f.success ? [] : f.error.errors;
     }
-    const n = 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
+    const a = computed(() => ({
+      schema: s.schema,
+      unwrapped: s.schema ? ZodHelper.unwrap(s.schema) : void 0,
+      rules: s.schema ? [ZodHelper.ruleAtPath(s.schema, "")] : void 0,
+      labelMark: s.schema && ZodHelper.isRequired(s.schema) == !1 ? "optional" : void 0,
+      zodLabel: s.schema ? ZodHelper.toInputLabel(s.schema, s.field.label) : void 0
     }));
-    return (s, y) => {
-      var p, f, b, C, V;
-      const v = resolveComponent("FmTextField"), h = resolveComponent("FmStepperField"), g = resolveComponent("FmTextarea"), c = resolveComponent("FmHelperText"), r = resolveComponent("FmSwitch");
+    return (f, y) => {
+      var d, g, k, V, x;
+      const v = resolveComponent("FmTextField"), C = resolveComponent("FmStepperField"), b = resolveComponent("FmTextarea"), u = resolveComponent("FmHelperText"), r = resolveComponent("FmSwitch");
       return e.field.type === "text" ? (openBlock(), createBlock(v, {
         key: 0,
-        label: unref(a)(e.field.label),
-        "label-mark": unref(n).labelMark,
-        rules: unref(n).rules,
+        label: unref(c)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": n,
         "helper-state": e.helperText ? "error" : void 0,
         "helper-text": e.helperText
       }, null, 8, ["label", "label-mark", "rules", "model-value", "helper-state", "helper-text"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         createVNode(JsonViewer, {
-          json: { schema: unref(n).unwrapped, props: i }
+          json: { schema: unref(a).unwrapped, props: s }
         }, null, 8, ["json"]),
-        createVNode(h, {
-          label: unref(a)(e.field.label),
-          "label-mark": e.field.isRuleChildren ? void 0 : unref(n).labelMark,
+        createVNode(C, {
+          label: unref(c)(e.field.label_locale, e.field.label ?? ""),
+          "label-mark": e.field.isRuleChildren ? void 0 : unref(a).labelMark,
           "model-value": unref(l),
-          rules: e.field.isRuleChildren ? [] : unref(n).rules,
-          "onUpdate:modelValue": d,
+          rules: e.field.isRuleChildren ? [] : unref(a).rules,
+          "onUpdate:modelValue": n,
           "helper-state": e.field.isRuleChildren && e.helperText ? "error" : void 0,
           "helper-text": e.field.isRuleChildren ? e.helperText : void 0
         }, null, 8, ["label", "label-mark", "model-value", "rules", "helper-state", "helper-text"])
-      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(g, {
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(b, {
         key: 2,
-        label: unref(a)(e.field.label),
-        "label-mark": unref(n).labelMark,
-        rules: unref(n).rules,
+        label: unref(c)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": n,
         "show-word-count": "",
-        "max-length": (V = (C = (b = (f = (p = unref(n)) == null ? void 0 : p.unwrapped) == null ? void 0 : f._def) == null ? void 0 : b.checks) == null ? void 0 : C.find((x) => x.kind == "max")) == null ? void 0 : V.value
+        "max-length": (x = (V = (k = (g = (d = unref(a)) == null ? void 0 : d.unwrapped) == null ? void 0 : g._def) == null ? void 0 : k.checks) == null ? void 0 : V.find((B) => B.kind == "max")) == null ? void 0 : x.value
       }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$g, {
         key: 3,
         "campaign-type": e.extras,
         "model-value": unref(l),
         disabled: e.disabled,
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createVNode(_sfc_main$e, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        createVNode(c, {
+        createVNode(u, {
           class: "!mt-[8px]",
-          text: unref(ZodHelper).helperText(o(), ""),
-          state: unref(ZodHelper).helperState(o(), "")
+          text: unref(ZodHelper).helperText(i(), ""),
+          state: unref(ZodHelper).helperState(i(), "")
         }, null, 8, ["text", "state"])
       ], 64)) : e.field.type === "image" ? (openBlock(), createBlock(_sfc_main$o, {
         key: 5,
         thumbnail: unref(l),
         "aspect-ratio": "16 / 9",
         class: "w-1/2 xs:w-2/3",
-        "onUpdate:file": d
+        "onUpdate:file": n
       }, {
         label: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(n).zodLabel)))
+          (openBlock(), createBlock(resolveDynamicComponent(unref(a).zodLabel)))
         ]),
         _: 1
       }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(r, {
         key: 6,
-        label: unref(a)(e.field.label),
+        label: unref(c)(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(n).labelMark,
-        rules: unref(n).rules,
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$p, {
         key: 7,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": n,
         "no-campaign": !1,
-        schema: unref(n).schema,
+        schema: unref(a).schema,
         "is-mission": e.extras === "MISSION"
       }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$q, {
         key: 8,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
         createVNode(_sfc_main$r, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d,
+          "onUpdate:modelValue": n,
           "can-set-auto-apply": e.field.property == "campaign.effect"
         }, null, 8, ["model-value", "can-set-auto-apply"]),
-        unref(l) ? createCommentVNode("", !0) : (openBlock(), createBlock(c, {
+        unref(l) ? createCommentVNode("", !0) : (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
-          text: unref(a)("connect.campaign.common.effect_required"),
+          text: unref(o)("connect.campaign.common.effect_required"),
           state: "error"
         }, null, 8, ["text"]))
       ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$s, {
@@ -1715,58 +1733,58 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         "allow-email": !0,
         "allow-whatsapp": !0,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
-        "helper-text": unref(ZodHelper).helperText(o(), ""),
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(i(), ""),
         "trigger-type": e.field.extras,
-        "helper-state": unref(ZodHelper).helperState(o(), "")
+        "helper-state": unref(ZodHelper).helperState(i(), "")
       }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$l, {
         key: 11,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": n,
         extras: e.extras,
         "error-text": e.helperText
       }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$m, {
         key: 12,
         type: "custom",
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
-        "helper-text": e.helperText || unref(ZodHelper).helperText(o(), ""),
-        "for-credit": i.campaignType === "CREDIT"
+        "onUpdate:modelValue": n,
+        "helper-text": e.helperText || unref(ZodHelper).helperText(i(), ""),
+        "for-credit": s.campaignType === "CREDIT"
       }, null, 8, ["model-value", "helper-text", "for-credit"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$c, {
         key: 13,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$a, {
         key: 14,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
         key: 15,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
         key: 16,
         "model-value": unref(l),
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": n
       }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
         key: 17,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
-        "helper-text": unref(ZodHelper).helperText(o(), ""),
-        "helper-state": unref(ZodHelper).helperState(o(), "")
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(i(), ""),
+        "helper-state": unref(ZodHelper).helperState(i(), "")
       }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
         key: 18,
         "model-value": unref(l),
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": n,
         mission: e.extras.mission
       }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
         createVNode(_sfc_main$d, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d,
+          "onUpdate:modelValue": n,
           "start-date": e.extras.start,
           "end-date": e.extras.end
         }, null, 8, ["model-value", "start-date", "end-date"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1775,25 +1793,25 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
         createVNode(_sfc_main$t, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
       ], 64)) : e.field.type === "rule_time" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
-        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(l).rules.g_time).length > 0 ? (openBlock(), createBlock(c, {
+        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(l).rules.g_time).length > 0 ? (openBlock(), createBlock(u, {
           key: 0,
           state: "warning",
           text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
         }, null, 8, ["text"])) : createCommentVNode("", !0),
         createVNode(_sfc_main$i, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 1,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1802,9 +1820,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
         createVNode(_sfc_main$u, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1813,9 +1831,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
         createVNode(_sfc_main$v, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1824,9 +1842,9 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 24 }, [
         createVNode(_sfc_main$h, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -1835,15 +1853,15 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
         createVNode(_sfc_main$9, {
           "model-value": unref(l),
-          "onUpdate:modelValue": d
+          "onUpdate:modelValue": n
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(c, {
+        e.helperText ? (openBlock(), createBlock(u, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(i.field), 1));
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(s.field), 1));
     };
   }
 }), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -1855,23 +1873,23 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     }
   },
   setup(e) {
-    const { t: m, te: a } = useI18n();
-    return (i, u) => {
-      const d = resolveComponent("FmCard");
-      return openBlock(), createBlock(d, {
+    const { t: m, te: o } = useI18n();
+    return (c, s) => {
+      const p = resolveComponent("FmCard");
+      return openBlock(), createBlock(p, {
         variant: "outlined",
         class: "p-16 space-y-8"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, toDisplayString(unref(m)("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), (l, o) => (openBlock(), createElementBlock("div", {
+          s[0] || (s[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), (n, l) => (openBlock(), createElementBlock("div", {
             class: "space-y-4",
-            key: o
+            key: l
           }, [
-            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)
+            n ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(m)(`${l}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(o)(`${n}`) ? unref(m)(`${n}`) : n), 1)
             ], 64)) : createCommentVNode("", !0)
           ]))), 128))
         ]),
@@ -1886,7 +1904,7 @@ 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) {
@@ -1896,19 +1914,23 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
         } catch {
         } finally {
-          await new Promise((a) => setTimeout(a, 120)), isLoading.value = !1;
+          await new Promise((o) => setTimeout(o, 120)), isLoading.value = !1;
         }
-        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((a, i) => {
-          a.campaign.type === "VOUCHER" && a.campaign.code && useCampaignStore().campaigns.voucher.some(
-            (u) => u.code === a.campaign.code && u._id.toString() !== a.campaign._id.toString()
-          ) && i.addIssue({
+        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((o, c) => {
+          o.campaign.type === "VOUCHER" && o.campaign.code && useCampaignStore().campaigns.voucher.some(
+            (s) => s.code === o.campaign.code && s._id.toString() !== o.campaign._id.toString()
+          ) && c.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({
           ...(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 ? `Edit ${CampaignOptions[type].name} Campaign` : `Create ${CampaignOptions[type].name} Campaign`;
+        }), "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() {
@@ -1935,10 +1957,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     });
     function stepErrors(e = currentStep.value - 1) {
       const m = template.value.steps[e].groups.flatMap(
-        (a) => a.fields.map((i) => i.property)
+        (o) => o.fields.map((c) => c.property)
       );
       return errors.value.filter(
-        (a) => m.some((i) => a.path.join(".").includes(i))
+        (o) => m.some((c) => o.path.join(".").includes(c))
       );
     }
     __expose({ showSheet });
@@ -1952,16 +1974,16 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       });
     }
     function onUpdateProperty(e, m) {
-      var a, i, u, d, l, o, n, s;
+      var o, c, s, p, n, l, i, a;
       if (_.set(data.value, e, m), e == "campaign.event.type") {
-        const v = ((d = (u = (i = (a = template.value) == null ? void 0 : a.defaultValue) == null ? void 0 : i.campaign) == null ? void 0 : u.event) == null ? void 0 : d.rule) ? _.cloneDeep({
-          ...(s = (n = (o = (l = template.value) == null ? void 0 : l.defaultValue) == null ? void 0 : o.campaign) == null ? void 0 : n.event) == null ? void 0 : s.rule
+        const y = ((p = (s = (c = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : c.campaign) == null ? void 0 : s.event) == null ? void 0 : p.rule) ? _.cloneDeep({
+          ...(a = (i = (l = (n = template.value) == null ? void 0 : n.defaultValue) == null ? void 0 : l.campaign) == null ? void 0 : i.event) == null ? void 0 : a.rule
         }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
           RuleBuilder.scaffoldGroup("g_schedule"),
           RuleBuilder.scaffoldGroup("g_time"),
           RuleBuilder.scaffoldGroup("g_user"),
           RuleBuilder.scaffoldGroup("g_bill")
-        ]), h = RuleBuilder.setRuleToGroup(
+        ]), v = RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
           [
             RuleBuilder.constructEntry(
@@ -1974,13 +1996,13 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           "&&"
         );
         if (m != "SCHEDULE") {
-          _.set(data.value, "campaign.event.rule", v);
+          _.set(data.value, "campaign.event.rule", y);
           return;
         }
         _.set(
           data.value,
           "campaign.event.rule",
-          RuleBuilder.setRuleToGroup(v, h)
+          RuleBuilder.setRuleToGroup(y, v)
         );
       }
       e == "campaign.notify" && m == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
@@ -1992,10 +2014,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       }) : "";
     }
     function isDisable(e) {
-      var m, a;
+      var m, o;
       switch (e == null ? void 0 : e.property) {
         case "campaign.event.type":
-          return ((a = (m = data.value) == null ? void 0 : m.campaign) == null ? void 0 : a._id) || !1;
+          return ((o = (m = data.value) == null ? void 0 : m.campaign) == null ? void 0 : o._id) || !1;
         default:
           return !1;
       }
@@ -2005,25 +2027,25 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
       e.success && (emits("submit:model-value", cleanPF(JSON.parse(JSON.stringify(e.data)))), sheetVisible.value = !1);
     }
     return (e, m) => {
-      const a = resolveComponent("FmButton"), i = resolveComponent("FmStep"), u = resolveComponent("FmStepper"), d = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
-      return openBlock(), createBlock(l, {
+      const o = resolveComponent("FmButton"), c = resolveComponent("FmStep"), s = resolveComponent("FmStepper"), p = resolveComponent("FmCard"), n = resolveComponent("FmTopSheet");
+      return openBlock(), createBlock(n, {
         "fullscreen-size": "lg",
         modelValue: unref(sheetVisible),
         "onUpdate:modelValue": [
-          m[7] || (m[7] = (o) => isRef(sheetVisible) ? sheetVisible.value = o : null),
-          m[8] || (m[8] = (o) => sheetVisible.value = o)
+          m[7] || (m[7] = (l) => isRef(sheetVisible) ? sheetVisible.value = l : null),
+          m[8] || (m[8] = (l) => sheetVisible.value = l)
         ]
       }, createSlots({
         "top-sheet-header": withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
             createElementVNode("div", _hoisted_2, [
-              createVNode(a, {
-                onClick: m[0] || (m[0] = (o) => hideSheet()),
+              createVNode(o, {
+                onClick: m[0] || (m[0] = (l) => hideSheet()),
                 label: unref(t)("connect.campaign.common.cancel"),
                 variant: "tertiary"
               }, null, 8, ["label"]),
-              createVNode(a, {
+              createVNode(o, {
                 onClick: onSubmit,
                 label: unref(t)("connect.campaign.common.save"),
                 disabled: unref(errors).length > 0
@@ -2061,7 +2083,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                       ])
                     ])
                   ], -1)),
-                  createVNode(d, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                  createVNode(p, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
                 ])
               ])
             ])
@@ -2071,48 +2093,48 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           name: "default",
           fn: withCtx(() => [
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(u, {
+              createVNode(s, {
                 modelValue: unref(currentStep),
-                "onUpdate:modelValue": m[1] || (m[1] = (o) => isRef(currentStep) ? currentStep.value = o : null),
+                "onUpdate:modelValue": m[1] || (m[1] = (l) => isRef(currentStep) ? currentStep.value = l : null),
                 orientation: "horizontal",
                 class: "xs:hidden mx-[-24px] mt-16 mb-24 flex-1"
               }, {
                 default: withCtx(() => [
-                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(i, {
-                    key: o.name,
-                    title: unref(t)(o.name),
-                    value: n + 1,
-                    error: () => stepErrors(n).length > 0,
-                    complete: () => n + 1 <= unref(currentStep)
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, i) => (openBlock(), createBlock(c, {
+                    key: l.name,
+                    title: unref(getLocaleText)(l.name_locale, l.name),
+                    value: i + 1,
+                    error: () => stepErrors(i).length > 0,
+                    complete: () => i + 1 <= unref(currentStep)
                   }, null, 8, ["title", "value", "error", "complete"]))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
               createElementVNode("div", _hoisted_4, [
-                createVNode(a, {
+                createVNode(o, {
                   icon: "close",
                   variant: "tertiary",
-                  onClick: m[2] || (m[2] = (o) => sheetVisible.value = !1)
+                  onClick: m[2] || (m[2] = (l) => sheetVisible.value = !1)
                 }),
-                createVNode(u, {
+                createVNode(s, {
                   modelValue: unref(currentStep),
-                  "onUpdate:modelValue": m[3] || (m[3] = (o) => isRef(currentStep) ? currentStep.value = o : null),
+                  "onUpdate:modelValue": m[3] || (m[3] = (l) => isRef(currentStep) ? currentStep.value = l : null),
                   orientation: "horizontal",
                   class: "flex-1"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(i, {
-                      key: o.name,
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, i) => (openBlock(), createBlock(c, {
+                      key: l.name,
                       title: unref(sheetTitle),
-                      description: unref(t)(o.name),
-                      value: n + 1,
-                      error: () => stepErrors(n).length > 0,
-                      complete: () => n + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                      description: unref(getLocaleText)(l.name_locale, l.name),
+                      value: i + 1,
+                      error: () => stepErrors(i).length > 0,
+                      complete: () => i + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
                     }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                createVNode(a, {
+                createVNode(o, {
                   icon: "info",
                   variant: "tertiary",
                   onClick: m[4] || (m[4] = () => showSummaryDialog())
@@ -2124,55 +2146,55 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                     json: {
                       data: unref(data),
                       errors: unref(errors).map(
-                        (o) => `${o.path.join(".")} - ${o.message}`
+                        (l) => `${l.path.join(".")} - ${l.message}`
                       ),
                       stepErrors: stepErrors().map(
-                        (o) => `${o.path.join(".")} - ${o.message}`
+                        (l) => `${l.path.join(".")} - ${l.message}`
                       ),
                       schema: unref(schema)
                     }
                   }, null, 8, ["json"]),
                   (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
-                    (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,
+                    (l) => l.fields.length && (!l.condition || (Array.isArray(l.condition) ? l.condition.every((i) => unref(_).get(unref(data), i.property) == i.value == (i.not != !0)) : unref(_).get(unref(data), l.condition.property) == l.condition.value == (l.condition.not != !0)))
+                  ), (l, i) => (openBlock(), createElementBlock("div", {
+                    key: i,
                     class: "space-y-24"
                   }, [
-                    createElementVNode("div", _hoisted_7, toDisplayString(o.name ? unref(t)(o.name) : ""), 1),
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(o.fields, (s, y) => (openBlock(), createElementBlock("div", { key: y }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(unref(getLocaleText)(l.name_locale, l.name ?? "")), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(l.fields, (a, f) => (openBlock(), createElementBlock("div", { key: f }, [
                       (openBlock(), createBlock(_sfc_main$2, {
-                        key: y,
-                        field: s,
-                        modelValue: unref(_).get(unref(data), s.property),
-                        disabled: isDisable(s),
+                        key: f,
+                        field: a,
+                        modelValue: unref(_).get(unref(data), a.property),
+                        disabled: isDisable(a),
                         "campaign-type": unref(campaignType),
-                        "onUpdate:modelValue": (v) => onUpdateProperty(s.property, v),
-                        "onUpdate:file": async (v, h) => {
-                          const g = await onUpdateFile(v, h);
-                          onUpdateProperty(s.property, g || "");
+                        "onUpdate:modelValue": (y) => onUpdateProperty(a.property, y),
+                        "onUpdate:file": async (y, v) => {
+                          const C = await onUpdateFile(y, v);
+                          onUpdateProperty(a.property, C || "");
                         },
                         schema: unref(ZodHelper).typeAtPath(
                           unref(schema),
-                          s.property,
+                          a.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), a.property),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), a.property),
+                        extras: a.extras != null ? a.extras == "" ? unref(data) : unref(_).get(unref(data), a.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(a, {
-                      label: "Back",
+                    createVNode(o, {
+                      label: unref(t)("connect.common.back"),
                       variant: "tertiary",
                       disabled: unref(currentStep) == 1,
-                      onClick: m[5] || (m[5] = (o) => currentStep.value--)
-                    }, null, 8, ["disabled"]),
-                    createVNode(a, {
+                      onClick: m[5] || (m[5] = (l) => currentStep.value--)
+                    }, null, 8, ["label", "disabled"]),
+                    createVNode(o, {
                       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: m[6] || (m[6] = (o) => 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] = (l) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
                     }, null, 8, ["disabled", "label"])
                   ])
                 ]),
@@ -2190,5 +2212,6 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   }
 });
 export {
-  _sfc_main as _
+  _sfc_main as _,
+  useLocaleText as u
 };