@feedmepos/mf-connect 0.1.98-beta.71 → 0.1.98-beta.73

package/dist/{EditCampaignSheet.vue_vue_type_script_setup_true_lang-C09W9Qja.js → EditCampaignSheet.vue_vue_type_script_setup_true_lang-G2oU70Ef.js}

@@ -1,48 +1,48 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, createCommentVNode, computed, onMounted, toDisplayString, createBlock, withCtx, Fragment, renderList, withModifiers, isRef, createTextVNode, normalizeClass, watchEffect, resolveDynamicComponent, toRefs, normalizeStyle, createSlots } from "vue";
-import { _ } from "./lodash-Dq8OKCKK.js";
-import { S as S6, f as Zh, z as z$1 } from "./app-BxTElIm-.js";
-import { Z as ZodHelper } from "./zod-CVpVUgBZ.js";
-import { F as FdoObjectId, z } from "./index-BxU--5J5.js";
-import { e as FdoGroup, F as F_RUNNABLE_CAMPAIGN_TYPE, f as FdtoRunnableCampaign, g as FdoCreditLoyaltyReward, h as FdtoRandomReward, i as F_MISSION_TYPE, j as FdoThresholdCreditReward, k as FdtoThresholdReward, l as FdoMission } from "./index-Bd4clHfr.js";
-import { F as FdtoCollectibleConfig } from "./index-BBsK7TUw.js";
-import { a as isRuleGroup, R as RuleBuilder, s as stripRruleDtstartExceptSchedule, i as isRuleEntry, T as TEMPLATES } from "./index-DJdTDF9C.js";
-import { g as F_APP_INBOX_DESTINATION, A as APP_INBOX_BODY_LIMIT, t as toDelivery, h as toLegacyMessage } from "./index-BeVWchv7.js";
-import { u as useMembershipStore } from "./membership-CltAa-gH.js";
-import { u as useBusinessStore } from "./business-DjAiT8tR.js";
+import { _ } from "./lodash-Cxh2BWuW.js";
+import { S as S6, f as Zh, z as z$1 } from "./app-CmqX1V1B.js";
+import { Z as ZodHelper } from "./zod-DIsCEUuE.js";
+import { F as FdoObjectId, z } from "./index-C-oypk0K.js";
+import { e as FdoGroup, F as F_RUNNABLE_CAMPAIGN_TYPE, f as FdtoRunnableCampaign, g as FdoCreditLoyaltyReward, h as FdtoRandomReward, i as F_MISSION_TYPE, j as FdoThresholdCreditReward, k as FdtoThresholdReward, l as FdoMission } from "./index-DIP_uzZm.js";
+import { F as FdtoCollectibleConfig } from "./index-BAs9N7bi.js";
+import { a as isRuleGroup, R as RuleBuilder, s as stripRruleDtstartExceptSchedule, i as isRuleEntry, T as TEMPLATES } from "./index-CBRWvjup.js";
+import { A as APP_INBOX_BODY_LIMIT, g as FdoBroadcastUrl, h as F_PUSH_DESTINATION, t as toDelivery, i as toLegacyMessage } from "./index-DKrJlWH3.js";
+import { e as CHANNEL_DISPLAY_ORDER, i as isPaidChannel, f as isChannelComplete, h as addChannel, j as setMode, k as hasDraft, l as setPrimaryChannel, r as removeChannel, m as moveChannel, n as setChannelContent, o as getCampaignSummaryObject, p as normaliseBroadcastDelivery } from "./campaign-D9Jufumh.js";
+import { u as useMembershipStore } from "./membership-BBAosVNQ.js";
+import { u as useBusinessStore } from "./business-DXmGtwPm.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-BjwEQd11.js";
-import { _ as _sfc_main$C } from "./ImageInput.vue_vue_type_script_setup_true_lang-BySju1oT.js";
-import { b as _sfc_main$A, a as _sfc_main$D, _ as _sfc_main$F } from "./EffectSheet.vue_vue_type_style_index_0_lang-Bz1HRBMa.js";
-import { _ as _sfc_main$E } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-iylphGuV.js";
-import { c as core, S as SvcConfig } from "./index-BQk6zTgf.js";
-import { p as prompt, f as firebaseStorage } from "./plugins-BFKVM3uC.js";
+import { f as featureVersionMapping } from "./campaign.enum-CXhYMbkx.js";
+import { _ as _sfc_main$C } from "./ImageInput.vue_vue_type_script_setup_true_lang-BI00YCKv.js";
+import { b as _sfc_main$A, a as _sfc_main$D, _ as _sfc_main$F } from "./EffectSheet.vue_vue_type_style_index_0_lang-C4RByg0k.js";
+import { _ as _sfc_main$E } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-LquvtnTy.js";
+import { c as core, S as SvcConfig } from "./index-C9JY8Ru6.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-BKD6oEHa.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as _sfc_main$G } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-Be5X1C-Y.js";
-import { a as _sfc_main$u, _ as _sfc_main$y } from "./RuleGroup.vue_vue_type_script_setup_true_lang-M0c67Dyl.js";
-import { u as useI18n } from "./vue-i18n-wJReAVJw.js";
-import { T as TypeToTriggerOptions, _ as _sfc_main$H, b as _sfc_main$I } from "./trigger-DvYcjRBZ.js";
-import { D as DEFAULT_MESSAGE_VARIABLES, b as _sfc_main$v, g as getSmsMessageMetrics, _ as _sfc_main$w, a as _sfc_main$x } from "./MessageInput.vue_vue_type_script_setup_true_lang-DbV-m3cC.js";
+import { _ as _sfc_main$G } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-CNjBtitb.js";
+import { a as _sfc_main$u, _ as _sfc_main$y } from "./RuleGroup.vue_vue_type_script_setup_true_lang-B9Dbe9no.js";
+import { u as useI18n } from "./vue-i18n-Bg_RJ_GV.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$H, b as _sfc_main$I } from "./trigger-DN5yeimJ.js";
+import { D as DEFAULT_MESSAGE_VARIABLES, b as _sfc_main$v, g as getSmsMessageMetrics, _ as _sfc_main$w, a as _sfc_main$x } from "./MessageInput.vue_vue_type_script_setup_true_lang-BWCxGlQO.js";
 import { useCoreStore } from "@feedmepos/mf-common";
-import { c as campaignApi } from "./index-Bz6oSli7.js";
-import { e as CHANNEL_DISPLAY_ORDER, i as isPaidChannel, f as isChannelComplete, h as addChannel, j as setMode, r as removeChannel, m as moveChannel, k as setChannelContent, l as getCampaignSummaryObject } from "./campaign-DlR3KF9m.js";
-import { m as membershipApi } from "./index-DeQKLilv.js";
-import { m as moment } from "./index-BiolIgqR.js";
-import { c as calculateNextScheduleAt, R as RRule, S as SummarizeRrule, g as getRruleAnchorDate } from "./rule-CAKdNobZ.js";
-import { C as CountryTimezone } from "./timezone-D2b-V5XD.js";
-import { _ as _sfc_main$z, a as _sfc_main$B } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-0EIYoZ0F.js";
-import "./index-B9ZMIUMa.js";
-import "./index-DhtKt4OL.js";
-import { a as F_GAME_TYPE } from "./collectible.enum-BrtXpT9S.js";
-import { u as useLoading } from "./loading-Dx4SCvZY.js";
-import { i as initCollectibleConfig } from "./helper-BCl5r5yZ.js";
-import { C as CollectionUtils } from "./collection.fn-CDhfM3Eq.js";
+import { c as campaignApi } from "./index-2QCDTrA9.js";
+import { m as membershipApi } from "./index-SQItAw7w.js";
+import { m as moment } from "./index-ChYMoLaB.js";
+import { c as calculateNextScheduleAt, R as RRule, S as SummarizeRrule, g as getRruleAnchorDate } from "./rule-CBZRptRM.js";
+import { C as CountryTimezone } from "./timezone-t0WxSk3e.js";
+import { _ as _sfc_main$z, a as _sfc_main$B } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-Bv--fzY0.js";
+import "./index-qkkPuNFM.js";
+import "./index-DoiGG41P.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-Tk6LIMMm.js";
+import { u as useLoading } from "./loading-ClX4Z1ZH.js";
+import { i as initCollectibleConfig } from "./helper-DluoQ6zi.js";
+import { C as CollectionUtils } from "./collection.fn-DCVNYQau.js";
 import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
 import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-tAmQNoq7.js";
+import { u as useCampaignStore } from "./campaign-CVXbgs-y.js";
 import { a as cleanPF } from "./object-BYyQ0PZp.js";
 function campaignRefinement(e, s) {
-  var c, i;
+  var i, c;
   if (console.log(e, s), !e) return;
   const o = e.campaign;
   if (!o) return;
@@ -71,7 +71,7 @@ function campaignRefinement(e, s) {
       break;
     }
     case "CREDIT": {
-      const l = (c = o.config) == null ? void 0 : c.validityOption;
+      const l = (i = o.config) == null ? void 0 : i.validityOption;
       (!l || ["validForDay", "validBefore"].every((a) => l[a] == null)) && s.addIssue({
         code: "custom",
         path: ["campaign", "config", "validityOption"],
@@ -91,7 +91,7 @@ function campaignRefinement(e, s) {
             i18n: "connectZodCustom:campaign.reward_threshold_range"
           }
         });
-      }), (i = o.config) != null && i.validityOption.followFirstReceive || s.addIssue({
+      }), (c = o.config) != null && c.validityOption.followFirstReceive || s.addIssue({
         code: "custom",
         path: ["campaign", "config", "validityOption"],
         params: {
@@ -152,11 +152,11 @@ function campaignTransform(e) {
   if (e.campaign.type === "VOUCHER" && "configs" in e) {
     const d = e.configs;
     d.extras.targetLocation = e.campaign.targetLocation;
-    const c = Math.max(
+    const i = Math.max(
       e.campaign.earningOption.amount,
       d.options.maxUse ?? 1
     );
-    e.campaign.earningOption.amount = c, d.options.maxUse = c, e.campaign.earningOption = {
+    e.campaign.earningOption.amount = i, d.options.maxUse = i, e.campaign.earningOption = {
       type: "FIXED",
       amount: 1
     };
@@ -291,7 +291,7 @@ function summarizeGrabDiscount(e) {
         return "Bundle discount";
     }
   }
-  function c(l) {
+  function i(l) {
     switch (l.type) {
       case "percentage":
       case "bundleSamePercentage":
@@ -312,13 +312,13 @@ function summarizeGrabDiscount(e) {
         return `${s}${l.value} discount`;
     }
   }
-  function i(l) {
+  function c(l) {
     return l.cap && l.cap > 0 ? `capped at ${s}${l.cap}` : null;
   }
   return {
     type: o(e),
-    adjustment: c(e),
-    cap: i(e)
+    adjustment: i(e),
+    cap: c(e)
   };
 }
 const _hoisted_1$r = {
@@ -333,17 +333,17 @@ const _hoisted_1$r = {
   },
   emits: ["confirm", "cancel"],
   setup(e, { emit: s }) {
-    const o = e, d = s, c = ref();
+    const o = e, d = s, i = ref();
     watch(
       () => o.visible,
       (a) => {
         var r, p;
-        !a && c.value && ((p = (r = c.value).setSelectedItems) == null || p.call(r, o.initialValue || []));
+        !a && i.value && ((p = (r = i.value).setSelectedItems) == null || p.call(r, o.initialValue || []));
       }
     );
-    function i() {
+    function c() {
       var a;
-      (a = c.value) == null || a.onConfirm();
+      (a = i.value) == null || a.onConfirm();
     }
     function l() {
       d("cancel");
@@ -372,7 +372,7 @@ const _hoisted_1$r = {
         createElementVNode("div", _hoisted_4$j, [
           createVNode(unref(S6), {
             ref_key: "selectItemRef",
-            ref: c,
+            ref: i,
             "initial-value": e.initialValue,
             "filter-items": e.filterItems,
             "on-complete": n,
@@ -388,7 +388,7 @@ const _hoisted_1$r = {
           createVNode(v, {
             variant: "primary",
             label: "Confirm Selection",
-            onClick: i
+            onClick: c
           })
         ])
       ])) : createCommentVNode("", !0);
@@ -397,7 +397,7 @@ const _hoisted_1$r = {
 }), _hoisted_1$q = {
   key: 0,
   class: "bg-fm-color-neutral-gray-50 border border-fm-color-neutral-gray-200 rounded-8 p-16 space-y-16"
-}, _hoisted_2$m = { class: "flex items-center justify-between" }, _hoisted_3$j = { class: "flex items-center gap-8" }, _hoisted_4$i = { class: "flex gap-16 items-center flex-wrap" }, _hoisted_5$f = { class: "flex gap-8 items-center" }, _hoisted_6$b = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_7$a = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 max-h-[300px] overflow-y-auto" }, _hoisted_8$8 = { class: "flex items-center gap-12" }, _hoisted_9$8 = { class: "fm-typo-en-body-md-600" }, _hoisted_10$8 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_11$6 = {
+}, _hoisted_2$m = { class: "flex items-center justify-between" }, _hoisted_3$j = { class: "flex items-center gap-8" }, _hoisted_4$i = { class: "flex gap-16 items-center flex-wrap" }, _hoisted_5$f = { class: "flex gap-8 items-center" }, _hoisted_6$b = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_7$a = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 max-h-[300px] overflow-y-auto" }, _hoisted_8$9 = { class: "flex items-center gap-12" }, _hoisted_9$9 = { class: "fm-typo-en-body-md-600" }, _hoisted_10$8 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_11$6 = {
   key: 1,
   class: "p-24 text-center"
 }, _hoisted_12$5 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_13$5 = { class: "flex justify-end gap-8 pt-8 border-t border-fm-color-neutral-gray-200" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
@@ -408,8 +408,8 @@ const _hoisted_1$r = {
   },
   emits: ["confirm", "cancel"],
   setup(e, { emit: s }) {
-    const o = e, d = s, c = Zh(), i = ref({}), l = ref(""), n = computed(() => {
-      const u = c.menu.value;
+    const o = e, d = s, i = Zh(), c = ref({}), l = ref(""), n = computed(() => {
+      const u = i.menu.value;
       return u ? u.modules.category.map((m) => ({
         id: m._id,
         name: m.name
@@ -420,9 +420,9 @@ const _hoisted_1$r = {
       return n.value.filter(
         (m) => m.name.toLowerCase().includes(u)
       );
-    }), r = computed(() => Object.values(i.value).filter(Boolean).length);
+    }), r = computed(() => Object.values(c.value).filter(Boolean).length);
     function p() {
-      i.value = n.value.reduce(
+      c.value = n.value.reduce(
         (u, m) => (u[m.id] = o.initialValue.includes(m.id), u),
         {}
       );
@@ -430,34 +430,34 @@ const _hoisted_1$r = {
     watch([() => o.visible, () => o.initialValue], () => {
       o.visible && p();
     }), onMounted(async () => {
-      await c.store.getMenu(), p();
+      await i.store.getMenu(), p();
     });
     function v(u) {
-      i.value[u] = !i.value[u];
+      c.value[u] = !c.value[u];
     }
-    function y() {
+    function f() {
       const u = r.value === a.value.length;
       a.value.forEach((m) => {
-        i.value[m.id] = !u;
+        c.value[m.id] = !u;
       });
     }
     function V() {
-      Object.keys(i.value).forEach((u) => {
-        i.value[u] = !1;
+      Object.keys(c.value).forEach((u) => {
+        c.value[u] = !1;
       });
     }
-    function x() {
-      const u = Object.entries(i.value).filter(([, m]) => m).map(([m]) => m);
+    function k() {
+      const u = Object.entries(c.value).filter(([, m]) => m).map(([m]) => m);
       d("confirm", u);
     }
-    function f() {
+    function y() {
       d("cancel");
     }
     const g = computed(() => a.value.length > 0 && a.value.every(
-      (u) => i.value[u.id]
+      (u) => c.value[u.id]
     ));
     return (u, m) => {
-      const C = resolveComponent("FmIcon"), k = resolveComponent("FmButton"), $ = resolveComponent("FmTextField"), R = resolveComponent("FmCheckbox"), B = resolveComponent("FmListItem"), D = resolveComponent("FmList");
+      const C = resolveComponent("FmIcon"), x = resolveComponent("FmButton"), $ = resolveComponent("FmTextField"), F = resolveComponent("FmCheckbox"), N = resolveComponent("FmListItem"), D = resolveComponent("FmList");
       return e.visible ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
         createElementVNode("div", _hoisted_2$m, [
           createElementVNode("div", _hoisted_3$j, [
@@ -467,23 +467,23 @@ const _hoisted_1$r = {
             }),
             m[2] || (m[2] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Categories", -1))
           ]),
-          createVNode(k, {
+          createVNode(x, {
             icon: "close",
             variant: "tertiary",
-            onClick: f
+            onClick: y
           })
         ]),
         m[3] || (m[3] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. The discount will be available for all items within the selected categories. ", -1)),
         createElementVNode("div", _hoisted_4$i, [
           createElementVNode("div", _hoisted_5$f, [
-            createVNode(k, {
+            createVNode(x, {
               icon: "select_all",
               variant: "tertiary",
               size: "small",
               label: `${g.value ? "Deselect" : "Select"} All`,
-              onClick: y
+              onClick: f
             }, null, 8, ["label"]),
-            createVNode(k, {
+            createVNode(x, {
               icon: "sync",
               variant: "tertiary",
               size: "small",
@@ -503,14 +503,14 @@ const _hoisted_1$r = {
         createElementVNode("div", _hoisted_7$a, [
           a.value.length > 0 ? (openBlock(), createBlock(D, { key: 0 }, {
             default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (w) => (openBlock(), createBlock(B, {
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (w) => (openBlock(), createBlock(N, {
                 key: w.id,
                 clickable: !0,
                 onClick: (O) => v(w.id)
               }, {
                 leading: withCtx(() => [
-                  createVNode(R, {
-                    "model-value": i.value[w.id] || !1,
+                  createVNode(F, {
+                    "model-value": c.value[w.id] || !1,
                     value: w.id,
                     "onUpdate:modelValue": (O) => v(w.id),
                     onClick: m[1] || (m[1] = withModifiers(() => {
@@ -518,14 +518,14 @@ const _hoisted_1$r = {
                   }, null, 8, ["model-value", "value", "onUpdate:modelValue"])
                 ]),
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_8$8, [
+                  createElementVNode("div", _hoisted_8$9, [
                     createVNode(C, {
                       name: "category",
                       size: "sm",
                       class: "text-fm-color-typo-secondary"
                     }),
                     createElementVNode("div", null, [
-                      createElementVNode("div", _hoisted_9$8, toDisplayString(w.name), 1),
+                      createElementVNode("div", _hoisted_9$9, toDisplayString(w.name), 1),
                       createElementVNode("div", _hoisted_10$8, " ID: " + toDisplayString(w.id), 1)
                     ])
                   ])
@@ -539,16 +539,16 @@ const _hoisted_1$r = {
           ]))
         ]),
         createElementVNode("div", _hoisted_13$5, [
-          createVNode(k, {
+          createVNode(x, {
             variant: "secondary",
             label: "Cancel",
-            onClick: f
+            onClick: y
           }),
-          createVNode(k, {
+          createVNode(x, {
             variant: "primary",
             label: `Confirm Selection (${r.value})`,
             disabled: r.value === 0,
-            onClick: x
+            onClick: k
           }, null, 8, ["label", "disabled"])
         ])
       ])) : createCommentVNode("", !0);
@@ -557,17 +557,17 @@ const _hoisted_1$r = {
 }), _hoisted_1$p = { class: "space-y-8" }, _hoisted_2$l = {
   key: 1,
   class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
-}, _hoisted_3$i = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$h = { class: "text-fm-color-typo-secondary" }, _hoisted_5$e = { key: 0 }, _hoisted_6$a = { class: "space-y-24" }, _hoisted_7$9 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, _hoisted_8$7 = { key: 0 }, _hoisted_9$7 = { class: "fm-typo-en-body-md-600 mb-8 block" }, _hoisted_10$7 = { key: 1 }, _hoisted_11$5 = { key: 2 }, _hoisted_12$4 = { key: 0 }, _hoisted_13$4 = { class: "space-y-8" }, _hoisted_14$4 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_15$3 = { class: "flex items-center gap-8" }, _hoisted_16$2 = { class: "fm-typo-en-body-md-400" }, _hoisted_17$2 = { key: 3 }, _hoisted_18$2 = { key: 0 }, _hoisted_19$2 = { class: "space-y-8" }, _hoisted_20$2 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_21$1 = { class: "flex items-center gap-8" }, _hoisted_22 = { class: "fm-typo-en-body-md-400" }, _hoisted_23 = {
+}, _hoisted_3$i = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$h = { class: "text-fm-color-typo-secondary" }, _hoisted_5$e = { key: 0 }, _hoisted_6$a = { class: "space-y-24" }, _hoisted_7$9 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, _hoisted_8$8 = { key: 0 }, _hoisted_9$8 = { class: "fm-typo-en-body-md-600 mb-8 block" }, _hoisted_10$7 = { key: 1 }, _hoisted_11$5 = { key: 2 }, _hoisted_12$4 = { key: 0 }, _hoisted_13$4 = { class: "space-y-8" }, _hoisted_14$4 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_15$3 = { class: "flex items-center gap-8" }, _hoisted_16$2 = { class: "fm-typo-en-body-md-400" }, _hoisted_17$2 = { key: 3 }, _hoisted_18$2 = { key: 0 }, _hoisted_19$2 = { class: "space-y-8" }, _hoisted_20$2 = { class: "flex items-center justify-between p-12 border border-fm-color-neutral-gray-200 fm-corner-radius-md" }, _hoisted_21$1 = { class: "flex items-center gap-8" }, _hoisted_22$1 = { class: "fm-typo-en-body-md-400" }, _hoisted_23$1 = {
   key: 0,
   class: "mt-16 p-12 bg-fm-color-feedback-error-light rounded-8 border border-fm-color-feedback-error-main"
-}, _hoisted_24 = { class: "flex items-center gap-8 mb-8 text-fm-color-system-error-300" }, _hoisted_25 = { class: "space-y-4" }, _hoisted_26 = { class: "flex gap-16" }, _sfc_main$r = /* @__PURE__ */ defineComponent({
+}, _hoisted_24$1 = { class: "flex items-center gap-8 mb-8 text-fm-color-system-error-300" }, _hoisted_25 = { class: "space-y-4" }, _hoisted_26 = { class: "flex gap-16" }, _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "GrabEffectSheet",
   props: {
     modelValue: { type: Object }
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const o = e, d = s, c = Zh(), i = ref(!1), l = ref(!1), n = ref(!1), a = ref({
+    const o = e, d = s, i = Zh(), c = ref(!1), l = ref(!1), n = ref(!1), a = ref({
       type: "net",
       value: 0,
       scope: {
@@ -581,11 +581,11 @@ const _hoisted_1$r = {
       },
       { immediate: !0 }
     ), onMounted(async () => {
-      await c.store.getMenu();
+      await i.store.getMenu();
     });
     const r = computed(() => {
       var b;
-      return !(!a.value.type || !((b = a.value.scope) != null && b.type) || y(a.value.type) && (!a.value.value || a.value.value <= 0) || (a.value.scope.type === "items" || a.value.scope.type === "category") && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0));
+      return !(!a.value.type || !((b = a.value.scope) != null && b.type) || f(a.value.type) && (!a.value.value || a.value.value <= 0) || (a.value.scope.type === "items" || a.value.scope.type === "category") && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0));
     });
     async function p(b) {
       b.stopPropagation(), await prompt.remove("Are you sure you want to remove this discount?") && d("update:model-value", null);
@@ -594,7 +594,7 @@ const _hoisted_1$r = {
       var b;
       return C(((b = a.value.scope) == null ? void 0 : b.type) || "order");
     }
-    function y(b) {
+    function f(b) {
       return b && !["freeItem", "delivery"].includes(b);
     }
     function V(b) {
@@ -602,37 +602,37 @@ const _hoisted_1$r = {
         b
       );
     }
-    function x(b) {
+    function k(b) {
       return b != null && b.includes("Percentage") ? "Discount percentage" : b != null && b.includes("FixPrice") ? "Bundle fixed price" : b === "percentage" ? "Discount percentage" : "Discount amount";
     }
-    function f(b) {
+    function y(b) {
       return b != null && b.includes("Percentage") || b === "percentage" ? "10" : "5.00";
     }
     function g(b) {
       return b != null && b.includes("Percentage") || b === "percentage" ? "%" : "$";
     }
-    function u(b, E) {
+    function u(b, B) {
       a.value = {
         ...a.value,
-        [b]: E
+        [b]: B
       };
     }
-    function m(b, E) {
-      var A;
+    function m(b, B) {
+      var U;
       const T = {
         ...a.value.scope,
-        [b]: E
+        [b]: B
       };
       if (a.value = {
         ...a.value,
         scope: T
       }, b === "type") {
-        const P = C(E);
+        const P = C(B);
         P.some(
-          (N) => N.value === a.value.type
+          (h) => h.value === a.value.type
         ) || (a.value = {
           ...a.value,
-          type: ((A = P[0]) == null ? void 0 : A.value) || "net",
+          type: ((U = P[0]) == null ? void 0 : U.value) || "net",
           // Reset value and cap when changing to incompatible type
           value: 0,
           cap: void 0
@@ -686,7 +686,7 @@ const _hoisted_1$r = {
           ];
       }
     }
-    function k(b) {
+    function x(b) {
       switch (b) {
         case "order":
           return "Applies to entire order. Available: Amount off, Percentage off, Delivery fee discount.";
@@ -702,19 +702,19 @@ const _hoisted_1$r = {
       var b;
       return ((b = a.value.scope) == null ? void 0 : b.type) === "items";
     }
-    function R() {
+    function F() {
       var b;
       return ((b = a.value.scope) == null ? void 0 : b.type) === "category";
     }
-    function B() {
+    function N() {
       var T;
       const b = (T = a.value.scope) == null ? void 0 : T.objectIDs;
       if (!b || b.length === 0)
         return "No items selected";
-      const E = c.menu.value;
-      return E && b.length <= 3 ? b.map((P) => {
-        const h = E.modules.item.find((N) => N._id === P);
-        return h ? (h.name2 || h.name).trim() : `Item ${P}`;
+      const B = i.menu.value;
+      return B && b.length <= 3 ? b.map((P) => {
+        const A = B.modules.item.find((h) => h._id === P);
+        return A ? (A.name2 || A.name).trim() : `Item ${P}`;
       }).join(", ") : b.length === 1 ? "1 item selected" : `${b.length} items selected`;
     }
     function D() {
@@ -722,10 +722,10 @@ const _hoisted_1$r = {
       const b = (T = a.value.scope) == null ? void 0 : T.objectIDs;
       if (!b || b.length === 0)
         return "No categories selected";
-      const E = c.menu.value;
-      return E && b.length <= 3 ? b.map((P) => {
-        const h = E.modules.category.find((N) => N._id === P);
-        return h ? h.name : `Category ${P}`;
+      const B = i.menu.value;
+      return B && b.length <= 3 ? b.map((P) => {
+        const A = B.modules.category.find((h) => h._id === P);
+        return A ? A.name : `Category ${P}`;
       }).join(", ") : b.length === 1 ? "1 category selected" : `${b.length} categories selected`;
     }
     function w() {
@@ -734,53 +734,53 @@ const _hoisted_1$r = {
     function O() {
       n.value = !0;
     }
-    function L(b) {
+    function j(b) {
       m("objectIDs", b), l.value = !1;
     }
     function I(b) {
       m("objectIDs", b), n.value = !1;
     }
-    function Y() {
+    function H() {
       l.value = !1;
     }
-    function G() {
+    function q() {
       n.value = !1;
     }
-    const H = computed(() => {
-      var E, T, A;
+    const G = computed(() => {
+      var B, T, U;
       const b = [];
-      return a.value.type || b.push("Discount type is required"), (E = a.value.scope) != null && E.type || b.push("Scope type is required"), y(a.value.type) && (!a.value.value || a.value.value <= 0) && b.push("Discount amount must be greater than 0"), ((T = a.value.scope) == null ? void 0 : T.type) === "items" && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0) && b.push("Please select at least one item"), ((A = a.value.scope) == null ? void 0 : A.type) === "category" && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0) && b.push("Please select at least one category"), b;
+      return a.value.type || b.push("Discount type is required"), (B = a.value.scope) != null && B.type || b.push("Scope type is required"), f(a.value.type) && (!a.value.value || a.value.value <= 0) && b.push("Discount amount must be greater than 0"), ((T = a.value.scope) == null ? void 0 : T.type) === "items" && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0) && b.push("Please select at least one item"), ((U = a.value.scope) == null ? void 0 : U.type) === "category" && (!a.value.scope.objectIDs || a.value.scope.objectIDs.length === 0) && b.push("Please select at least one category"), b;
     });
-    function q() {
-      d("update:model-value", a.value), i.value = !1;
+    function Y() {
+      d("update:model-value", a.value), c.value = !1;
     }
     const Z = [
       { label: "Bill discount", value: "order" },
       { label: "Item discount", value: "items" },
       { label: "Category discount", value: "category" }
     ];
-    return (b, E) => {
-      const T = resolveComponent("FmButton"), A = resolveComponent("FmSelect"), P = resolveComponent("FmStepperField"), h = resolveComponent("FmIcon"), N = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(N, {
+    return (b, B) => {
+      const T = resolveComponent("FmButton"), U = resolveComponent("FmSelect"), P = resolveComponent("FmStepperField"), A = resolveComponent("FmIcon"), h = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(h, {
         "max-width": 550,
         header: "Apply discount",
-        modelValue: unref(i),
+        modelValue: unref(c),
         "onUpdate:modelValue": [
-          E[5] || (E[5] = (F) => isRef(i) ? i.value = F : null),
-          E[6] || (E[6] = (F) => i.value = F)
+          B[5] || (B[5] = (E) => isRef(c) ? c.value = E : null),
+          B[6] || (B[6] = (E) => c.value = E)
         ]
       }, {
         "side-sheet-button": withCtx(() => {
-          var F, U, S, j;
+          var E, R, M, S;
           return [
             createElementVNode("div", _hoisted_1$p, [
-              E[7] || (E[7] = createElementVNode("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the Grab campaign discount you want to offer your customers. ", -1)),
+              B[7] || (B[7] = createElementVNode("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the Grab campaign discount you want to offer your customers. ", -1)),
               e.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
                 createElementVNode("div", _hoisted_3$i, [
-                  createElementVNode("div", null, toDisplayString((F = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : F.type), 1),
+                  createElementVNode("div", null, toDisplayString((E = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : E.type), 1),
                   createElementVNode("div", _hoisted_4$h, [
-                    createTextVNode(toDisplayString((U = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : U.adjustment) + " ", 1),
-                    (S = unref(summarizeGrabDiscount)(e.modelValue)) != null && S.cap ? (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString((j = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : j.cap), 1)) : createCommentVNode("", !0)
+                    createTextVNode(toDisplayString((R = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : R.adjustment) + " ", 1),
+                    (M = unref(summarizeGrabDiscount)(e.modelValue)) != null && M.cap ? (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString((S = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : S.cap), 1)) : createCommentVNode("", !0)
                   ])
                 ]),
                 createVNode(T, {
@@ -806,70 +806,70 @@ const _hoisted_1$r = {
               variant: "secondary",
               label: "Cancel",
               class: "flex-1",
-              onClick: E[4] || (E[4] = (F) => i.value = !1)
+              onClick: B[4] || (B[4] = (E) => c.value = !1)
             }),
             createVNode(T, {
               variant: "primary",
               label: unref(r) ? "Confirm" : "Complete Required Fields",
               class: "flex-1",
               disabled: !unref(r),
-              onClick: q
+              onClick: Y
             }, null, 8, ["label", "disabled"])
           ])
         ]),
         default: withCtx(() => {
-          var F, U, S, j;
+          var E, R, M, S;
           return [
             createElementVNode("div", _hoisted_6$a, [
               createElementVNode("div", null, [
-                E[8] || (E[8] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Campaign type", -1)),
-                createVNode(A, {
-                  "model-value": ((F = unref(a).scope) == null ? void 0 : F.type) || "order",
-                  "onUpdate:modelValue": E[0] || (E[0] = (M) => m("type", M)),
+                B[8] || (B[8] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Campaign type", -1)),
+                createVNode(U, {
+                  "model-value": ((E = unref(a).scope) == null ? void 0 : E.type) || "order",
+                  "onUpdate:modelValue": B[0] || (B[0] = (L) => m("type", L)),
                   placeholder: "Select campaign type",
                   items: Z
                 }, null, 8, ["model-value"]),
-                createElementVNode("div", _hoisted_7$9, toDisplayString(k((U = unref(a).scope) == null ? void 0 : U.type)), 1)
+                createElementVNode("div", _hoisted_7$9, toDisplayString(x((R = unref(a).scope) == null ? void 0 : R.type)), 1)
               ]),
               createElementVNode("div", null, [
-                E[9] || (E[9] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount type", -1)),
-                createVNode(A, {
+                B[9] || (B[9] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount type", -1)),
+                createVNode(U, {
                   "model-value": unref(a).type,
-                  "onUpdate:modelValue": E[1] || (E[1] = (M) => u("type", M)),
+                  "onUpdate:modelValue": B[1] || (B[1] = (L) => u("type", L)),
                   placeholder: "Select discount type",
                   items: v()
                 }, null, 8, ["model-value", "items"])
               ]),
-              y(unref(a).type) ? (openBlock(), createElementBlock("div", _hoisted_8$7, [
-                createElementVNode("label", _hoisted_9$7, toDisplayString(x(unref(a).type)), 1),
+              f(unref(a).type) ? (openBlock(), createElementBlock("div", _hoisted_8$8, [
+                createElementVNode("label", _hoisted_9$8, toDisplayString(k(unref(a).type)), 1),
                 createVNode(P, {
                   modelValue: unref(a).value,
-                  "onUpdate:modelValue": E[2] || (E[2] = (M) => unref(a).value = M),
-                  placeholder: f(unref(a).type),
+                  "onUpdate:modelValue": B[2] || (B[2] = (L) => unref(a).value = L),
+                  placeholder: y(unref(a).type),
                   suffix: g(unref(a).type),
                   type: "number"
                 }, null, 8, ["modelValue", "placeholder", "suffix"])
               ])) : createCommentVNode("", !0),
               V(unref(a).type) ? (openBlock(), createElementBlock("div", _hoisted_10$7, [
-                E[10] || (E[10] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount cap (optional)", -1)),
+                B[10] || (B[10] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Discount cap (optional)", -1)),
                 createVNode(P, {
                   modelValue: unref(a).cap,
-                  "onUpdate:modelValue": E[3] || (E[3] = (M) => unref(a).cap = M),
+                  "onUpdate:modelValue": B[3] || (B[3] = (L) => unref(a).cap = L),
                   placeholder: "Maximum discount amount",
                   type: "number"
                 }, null, 8, ["modelValue"])
               ])) : createCommentVNode("", !0),
               $() ? (openBlock(), createElementBlock("div", _hoisted_11$5, [
                 unref(l) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_12$4, [
-                  E[12] || (E[12] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Items", -1)),
+                  B[12] || (B[12] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Items", -1)),
                   createElementVNode("div", _hoisted_13$4, [
                     createElementVNode("div", _hoisted_14$4, [
                       createElementVNode("div", _hoisted_15$3, [
-                        createVNode(h, {
+                        createVNode(A, {
                           name: "restaurant",
                           size: "md"
                         }),
-                        createElementVNode("span", _hoisted_16$2, toDisplayString(B()), 1)
+                        createElementVNode("span", _hoisted_16$2, toDisplayString(N()), 1)
                       ]),
                       createVNode(T, {
                         variant: "secondary",
@@ -878,27 +878,27 @@ const _hoisted_1$r = {
                         onClick: w
                       })
                     ]),
-                    E[11] || (E[11] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. Bundle discounts require multiple items. ", -1))
+                    B[11] || (B[11] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. Bundle discounts require multiple items. ", -1))
                   ])
                 ])),
                 createVNode(_sfc_main$t, {
                   visible: unref(l),
-                  "initial-value": ((S = unref(a).scope) == null ? void 0 : S.objectIDs) || [],
-                  onConfirm: L,
-                  onCancel: Y
+                  "initial-value": ((M = unref(a).scope) == null ? void 0 : M.objectIDs) || [],
+                  onConfirm: j,
+                  onCancel: H
                 }, null, 8, ["visible", "initial-value"])
               ])) : createCommentVNode("", !0),
-              R() ? (openBlock(), createElementBlock("div", _hoisted_17$2, [
+              F() ? (openBlock(), createElementBlock("div", _hoisted_17$2, [
                 unref(n) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_18$2, [
-                  E[14] || (E[14] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Categories", -1)),
+                  B[14] || (B[14] = createElementVNode("label", { class: "fm-typo-en-body-md-600 mb-8 block" }, "Select Categories", -1)),
                   createElementVNode("div", _hoisted_19$2, [
                     createElementVNode("div", _hoisted_20$2, [
                       createElementVNode("div", _hoisted_21$1, [
-                        createVNode(h, {
+                        createVNode(A, {
                           name: "category",
                           size: "md"
                         }),
-                        createElementVNode("span", _hoisted_22, toDisplayString(D()), 1)
+                        createElementVNode("span", _hoisted_22$1, toDisplayString(D()), 1)
                       ]),
                       createVNode(T, {
                         variant: "secondary",
@@ -907,29 +907,29 @@ const _hoisted_1$r = {
                         onClick: O
                       })
                     ]),
-                    E[13] || (E[13] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. ", -1))
+                    B[13] || (B[13] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which categories this discount applies to. ", -1))
                   ])
                 ])),
                 createVNode(_sfc_main$s, {
                   visible: unref(n),
-                  "initial-value": ((j = unref(a).scope) == null ? void 0 : j.objectIDs) || [],
+                  "initial-value": ((S = unref(a).scope) == null ? void 0 : S.objectIDs) || [],
                   onConfirm: I,
-                  onCancel: G
+                  onCancel: q
                 }, null, 8, ["visible", "initial-value"])
               ])) : createCommentVNode("", !0)
             ]),
-            unref(H).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23, [
-              createElementVNode("div", _hoisted_24, [
-                createVNode(h, { name: "warning" }),
-                E[15] || (E[15] = createElementVNode("span", { class: "fm-typo-en-body-sm-600" }, "Please fix the following issues:", -1))
+            unref(G).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23$1, [
+              createElementVNode("div", _hoisted_24$1, [
+                createVNode(A, { name: "warning" }),
+                B[15] || (B[15] = createElementVNode("span", { class: "fm-typo-en-body-sm-600" }, "Please fix the following issues:", -1))
               ]),
               createElementVNode("ul", _hoisted_25, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(H), (M) => (openBlock(), createElementBlock("li", {
-                  key: M,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(G), (L) => (openBlock(), createElementBlock("li", {
+                  key: L,
                   class: "fm-typo-en-body-sm-400 text-fm-color-feedback-error-main flex items-start gap-8"
                 }, [
-                  E[16] || (E[16] = createElementVNode("span", { class: "w-4 h-4 bg-fm-color-feedback-error-main rounded-full mt-6 flex-shrink-0" }, null, -1)),
-                  createTextVNode(" " + toDisplayString(M), 1)
+                  B[16] || (B[16] = createElementVNode("span", { class: "w-4 h-4 bg-fm-color-feedback-error-main rounded-full mt-6 flex-shrink-0" }, null, -1)),
+                  createTextVNode(" " + toDisplayString(L), 1)
                 ]))), 128))
               ])
             ])) : createCommentVNode("", !0)
@@ -950,10 +950,10 @@ const _hoisted_1$r = {
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = ref(
+    const { t: o } = useI18n(), d = e, i = s, c = ref(
       !d.modelValue || !d.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(d.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
     );
-    watch(i, async (n, a) => {
+    watch(c, async (n, a) => {
       var r;
       if (a == "custom" && n == "all_time" && RuleBuilder.getRules((r = d.modelValue) == null ? void 0 : r.rules.g_time).length > 0) {
         const p = await prompt.confirm(
@@ -962,13 +962,13 @@ const _hoisted_1$r = {
           o("connect.common.confirm"),
           o("connect.common.cancel")
         );
-        p && c(
+        p && i(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
             d.modelValue ?? RuleBuilder.scaffoldGroup(),
             RuleBuilder.scaffoldGroup("g_time")
           )
-        ), i.value = p ? n : a;
+        ), c.value = p ? n : a;
       }
     });
     async function l(n) {
@@ -980,10 +980,10 @@ const _hoisted_1$r = {
           o("connect.common.confirm"),
           o("connect.common.cancel")
         )) {
-          i.value = "all_time";
+          c.value = "all_time";
           return;
         }
-        c(
+        i(
           "update:model-value",
           RuleBuilder.setRuleToGroup(
             d.modelValue ?? RuleBuilder.scaffoldGroup(),
@@ -997,10 +997,10 @@ const _hoisted_1$r = {
       const r = resolveComponent("FmRadio"), p = resolveComponent("FmRadioGroup");
       return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createVNode(p, {
-          modelValue: unref(i),
+          modelValue: unref(c),
           "onUpdate:modelValue": [
-            a[0] || (a[0] = (y) => isRef(i) ? i.value = y : null),
-            a[1] || (a[1] = (y) => l(y))
+            a[0] || (a[0] = (f) => isRef(c) ? c.value = f : null),
+            a[1] || (a[1] = (f) => l(f))
           ]
         }, {
           default: withCtx(() => [
@@ -1015,17 +1015,17 @@ const _hoisted_1$r = {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        unref(i) == "custom" ? (openBlock(), createBlock(_sfc_main$u, {
+        unref(c) == "custom" ? (openBlock(), createBlock(_sfc_main$u, {
           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": a[2] || (a[2] = (y) => c(
+          "onUpdate:modelValue": a[2] || (a[2] = (f) => i(
             "update:model-value",
             unref(RuleBuilder).setRuleToGroup(
               e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              y,
+              f,
               "&&"
             )
           ))
@@ -1042,7 +1042,7 @@ const _hoisted_1$r = {
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = computed(() => {
+    const { t: o } = useI18n(), d = e, i = s, c = computed(() => {
       const { property: l, operator: n, equator: a } = RuleBuilder.simplify(
         d.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
           op: "before",
@@ -1061,9 +1061,9 @@ const _hoisted_1$r = {
         createVNode(a, {
           label: unref(o)("connect.template.rule.birthday.on_birthday"),
           value: "_isRange-day",
-          "model-value": `${unref(i).operator}-${unref(i).equator.unit}`,
+          "model-value": `${unref(c).operator}-${unref(c).equator.unit}`,
           "onUpdate:modelValue": n[0] || (n[0] = () => {
-            c(
+            i(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -1076,9 +1076,9 @@ const _hoisted_1$r = {
         createVNode(a, {
           label: unref(o)("connect.template.rule.birthday.days_before"),
           value: "_isDay",
-          "model-value": unref(i).operator,
+          "model-value": unref(c).operator,
           "onUpdate:modelValue": n[1] || (n[1] = () => {
-            c(
+            i(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
                 op: "after",
@@ -1088,12 +1088,12 @@ const _hoisted_1$r = {
             );
           })
         }, null, 8, ["label", "model-value"]),
-        unref(i).operator == "_isDay" ? (openBlock(), createBlock(r, {
+        unref(c).operator == "_isDay" ? (openBlock(), createBlock(r, {
           key: 0,
           label: unref(o)("connect.template.rule.birthday.days_before_label"),
           "show-steppers": !1,
-          "model-value": unref(i).equator.x,
-          "onUpdate:modelValue": n[2] || (n[2] = (p) => c(
+          "model-value": unref(c).equator.x,
+          "onUpdate:modelValue": n[2] || (n[2] = (p) => i(
             "update:model-value",
             unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
               op: "after",
@@ -1105,9 +1105,9 @@ const _hoisted_1$r = {
         createVNode(a, {
           label: unref(o)("connect.template.rule.birthday.in_birthday_week"),
           value: "_isRange-week",
-          "model-value": `${unref(i).operator}-${unref(i).equator.unit}`,
+          "model-value": `${unref(c).operator}-${unref(c).equator.unit}`,
           "onUpdate:modelValue": n[3] || (n[3] = () => {
-            c(
+            i(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -1120,9 +1120,9 @@ const _hoisted_1$r = {
         createVNode(a, {
           label: unref(o)("connect.template.rule.birthday.in_birthday_month"),
           value: "_isRange-month",
-          "model-value": `${unref(i).operator}-${unref(i).equator.unit}`,
+          "model-value": `${unref(c).operator}-${unref(c).equator.unit}`,
           "onUpdate:modelValue": n[4] || (n[4] = () => {
-            c(
+            i(
               "update:model-value",
               unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
                 op: "this",
@@ -1152,7 +1152,7 @@ const _hoisted_1$r = {
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = computed(() => d.disabled ? TypeToTriggerOptions[d.campaignType].filter(
+    const { t: o } = useI18n(), d = e, i = s, c = computed(() => d.disabled ? TypeToTriggerOptions[d.campaignType].filter(
       (l) => l.value == d.modelValue
     ) : TypeToTriggerOptions[d.campaignType]);
     return (l, n) => {
@@ -1160,16 +1160,16 @@ const _hoisted_1$r = {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
         createElementVNode("div", _hoisted_2$k, toDisplayString(unref(o)("connect.campaign.trigger.description")), 1),
         createElementVNode("div", _hoisted_3$h, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (r) => (openBlock(), createBlock(a, {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (r) => (openBlock(), createBlock(a, {
             variant: "outlined",
             disabled: d.disabled,
             class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-3": unref(i).length == 1,
+              "col-span-3": unref(c).length == 1,
               "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == r.value,
               "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              d.modelValue != r.value && !d.disabled && c("update:model-value", r.value);
+              d.modelValue != r.value && !d.disabled && i("update:model-value", r.value);
             },
             key: r.name
           }, {
@@ -1198,12 +1198,12 @@ const _hoisted_1$r = {
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
     const o = s;
-    return (d, c) => {
-      const i = resolveComponent("FmButton"), l = resolveComponent("FmField"), n = resolveComponent("FmDatePicker");
+    return (d, i) => {
+      const c = resolveComponent("FmButton"), l = resolveComponent("FmField"), n = resolveComponent("FmDatePicker");
       return openBlock(), createBlock(n, {
         label: e.label,
         "model-value": e.modelValue || "",
-        "onUpdate:modelValue": c[1] || (c[1] = (a) => o("update:model-value", a))
+        "onUpdate:modelValue": i[1] || (i[1] = (a) => o("update:model-value", a))
       }, {
         "trigger-button": withCtx(({ opened: a }) => [
           createVNode(l, {
@@ -1212,11 +1212,11 @@ const _hoisted_1$r = {
             "icon-outlined": !a
           }, {
             append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(i, {
+              e.modelValue ? (openBlock(), createBlock(c, {
                 key: 0,
                 variant: "tertiary",
                 icon: "clear",
-                onClick: c[0] || (c[0] = (r) => (r.stopPropagation(), o("update:model-value", null)))
+                onClick: i[0] || (i[0] = (r) => (r.stopPropagation(), o("update:model-value", null)))
               })) : createCommentVNode("", !0)
             ]),
             default: withCtx(() => [
@@ -1242,14 +1242,14 @@ const _hoisted_1$r = {
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
     const { t: o } = useI18n(), d = s;
-    return (c, i) => {
+    return (i, c) => {
       var l, n;
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
         createElementVNode("div", _hoisted_2$j, [
           createVNode(_sfc_main$n, {
             "model-value": ((l = e.modelValue) == null ? void 0 : l.startDate) ?? null,
             label: unref(o)("connect.common.startDate"),
-            "onUpdate:modelValue": i[0] || (i[0] = (a) => {
+            "onUpdate:modelValue": c[0] || (c[0] = (a) => {
               var r;
               return d("update:model-value", {
                 startDate: a,
@@ -1263,7 +1263,7 @@ const _hoisted_1$r = {
           createVNode(_sfc_main$n, {
             "model-value": ((n = e.modelValue) == null ? void 0 : n.endDate) ?? null,
             label: unref(o)("connect.common.endDate"),
-            "onUpdate:modelValue": i[1] || (i[1] = (a) => {
+            "onUpdate:modelValue": c[1] || (c[1] = (a) => {
               var r;
               return d("update:model-value", {
                 startDate: ((r = e.modelValue) == null ? void 0 : r.startDate) ?? null,
@@ -1275,7 +1275,7 @@ const _hoisted_1$r = {
       ]);
     };
   }
-}), _hoisted_1$l = { class: "flex flex-col gap-16" }, _hoisted_2$i = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_3$f = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_4$e = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_5$c = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_6$9 = { class: "flex items-center justify-between gap-8" }, _hoisted_7$8 = { class: "fm-typo-en-body-lg-400" }, _hoisted_8$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_9$6 = { class: "flex flex-col gap-8" }, _hoisted_10$6 = { class: "flex items-baseline justify-between" }, _hoisted_11$4 = { class: "fm-typo-en-body-lg-400" }, _hoisted_12$3 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_13$3 = { class: "min-w-[160px] flex-1" }, _hoisted_14$3 = { class: "min-w-[180px] flex-1" }, TITLE_LIMIT$1 = 40, PREVIEW_LIMIT = 120, MAX_BUTTONS = 2, TITLE_WARN_AT$1 = 34, PREVIEW_WARN_AT = 110, _sfc_main$l = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$l = { class: "flex flex-col gap-16" }, _hoisted_2$i = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_3$f = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_4$e = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_5$c = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_6$9 = { class: "flex items-center justify-between gap-8" }, _hoisted_7$8 = { class: "fm-typo-en-body-lg-400" }, _hoisted_8$7 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_9$7 = { class: "flex flex-col gap-8" }, _hoisted_10$6 = { class: "flex items-baseline justify-between" }, _hoisted_11$4 = { class: "fm-typo-en-body-lg-400" }, _hoisted_12$3 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_13$3 = { class: "min-w-[160px] flex-1" }, _hoisted_14$3 = { class: "min-w-[180px] flex-1" }, TITLE_LIMIT$1 = 40, PREVIEW_LIMIT = 120, MAX_BUTTONS = 2, TITLE_WARN_AT$1 = 34, PREVIEW_WARN_AT = 110, _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "AppInboxInput",
   props: {
     modelValue: {
@@ -1285,187 +1285,234 @@ const _hoisted_1$r = {
     variables: {
       type: Array,
       default: () => [...DEFAULT_MESSAGE_VARIABLES]
+    },
+    /** False until the form is submitted; broadcasts validate on submit. */
+    showValidation: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = F_APP_INBOX_DESTINATION.options;
-    function l(V) {
-      c("update:model-value", { ...d.modelValue, ...V });
+    const { t: o } = useI18n(), d = e, i = s;
+    function c(V) {
+      i("update:model-value", { ...d.modelValue, ...V });
     }
-    function n(V, x) {
-      return V >= x ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
+    function l(V, k) {
+      return V >= k ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
     }
-    const a = computed(() => d.modelValue.buttons ?? []), r = computed(() => {
+    const n = computed(() => d.modelValue.buttons ?? []), a = computed(() => {
       var V;
       return ((V = d.modelValue.content) == null ? void 0 : V.length) ?? 0;
     });
-    function p(V, x) {
-      l({
-        buttons: a.value.map(
-          (f, g) => g === V ? { ...f, ...x } : f
+    function r(V, k) {
+      c({
+        buttons: n.value.map(
+          (y, g) => g === V ? { ...y, ...k } : y
         )
       });
     }
-    function v() {
-      a.value.length >= MAX_BUTTONS || l({ buttons: [...a.value, { label: "", destination: "NONE" }] });
+    function p() {
+      n.value.length >= MAX_BUTTONS || c({ buttons: [...n.value, { label: "", url: "" }] });
     }
-    function y(V) {
-      l({ buttons: a.value.filter((x, f) => f !== V) });
+    function v(V) {
+      var y;
+      if (!d.showValidation) return { label: void 0, url: void 0 };
+      const k = (y = V.url) == null ? void 0 : y.trim();
+      return {
+        label: V.label.trim() ? void 0 : o("connect.campaign.appInbox.buttonLabelRequired"),
+        url: k ? FdoBroadcastUrl.safeParse(k).success ? void 0 : o("connect.campaign.push.linkUrlInvalid") : o("connect.campaign.appInbox.buttonUrlRequired")
+      };
+    }
+    function f(V) {
+      c({ buttons: n.value.filter((k, y) => y !== V) });
     }
-    return (V, x) => {
-      const f = resolveComponent("FmTextField"), g = resolveComponent("FmSelect"), u = resolveComponent("FmButton");
+    return (V, k) => {
+      const y = resolveComponent("FmTextField"), g = resolveComponent("FmButton");
       return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_2$i, [
             createElementVNode("span", _hoisted_3$f, toDisplayString(unref(o)("connect.campaign.appInbox.title")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["fm-typo-en-body-sm-400", n(e.modelValue.title.length, TITLE_WARN_AT$1)])
+              class: normalizeClass(["fm-typo-en-body-sm-400", l(e.modelValue.title.length, TITLE_WARN_AT$1)])
             }, toDisplayString(e.modelValue.title.length) + " / " + toDisplayString(TITLE_LIMIT$1), 3)
           ]),
-          createVNode(f, {
+          createVNode(y, {
             "model-value": e.modelValue.title,
             "max-length": TITLE_LIMIT$1,
             placeholder: unref(o)("connect.campaign.appInbox.titlePlaceholder"),
-            "onUpdate:modelValue": x[0] || (x[0] = (m) => l({ title: m }))
+            "onUpdate:modelValue": k[0] || (k[0] = (u) => c({ title: u }))
           }, null, 8, ["model-value", "placeholder"])
         ]),
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_4$e, [
             createElementVNode("span", _hoisted_5$c, toDisplayString(unref(o)("connect.campaign.appInbox.previewText")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["fm-typo-en-body-sm-400", n(e.modelValue.previewText.length, PREVIEW_WARN_AT)])
+              class: normalizeClass(["fm-typo-en-body-sm-400", l(e.modelValue.previewText.length, PREVIEW_WARN_AT)])
             }, toDisplayString(e.modelValue.previewText.length) + " / " + toDisplayString(PREVIEW_LIMIT), 3)
           ]),
-          createVNode(f, {
+          createVNode(y, {
             "model-value": e.modelValue.previewText,
             "max-length": PREVIEW_LIMIT,
             placeholder: unref(o)("connect.campaign.appInbox.previewTextPlaceholder"),
-            "onUpdate:modelValue": x[1] || (x[1] = (m) => l({ previewText: m }))
+            "onUpdate:modelValue": k[1] || (k[1] = (u) => c({ previewText: u }))
           }, null, 8, ["model-value", "placeholder"])
         ]),
         createElementVNode("div", _hoisted_6$9, [
           createElementVNode("div", null, [
             createElementVNode("div", _hoisted_7$8, toDisplayString(unref(o)("connect.campaign.appInbox.bodyMessage")), 1),
-            createElementVNode("div", _hoisted_8$6, toDisplayString(unref(o)("connect.campaign.appInbox.bodyMessageDescription")), 1),
+            createElementVNode("div", _hoisted_8$7, toDisplayString(unref(o)("connect.campaign.appInbox.bodyMessageDescription")), 1),
             createElementVNode("div", {
               class: normalizeClass([
                 "mt-[2px] fm-typo-en-body-sm-400",
-                unref(r) > unref(APP_INBOX_BODY_LIMIT) ? "text-fm-color-system-error-400" : "text-fm-color-typo-secondary"
+                unref(a) > unref(APP_INBOX_BODY_LIMIT) ? "text-fm-color-system-error-400" : "text-fm-color-typo-secondary"
               ])
-            }, toDisplayString(unref(r)) + " / " + toDisplayString(unref(APP_INBOX_BODY_LIMIT)), 3)
+            }, toDisplayString(unref(a)) + " / " + toDisplayString(unref(APP_INBOX_BODY_LIMIT)), 3)
           ]),
           createVNode(_sfc_main$v, {
             html: e.modelValue.content,
             variables: e.variables,
             "media-limit": 1,
             "button-label": unref(o)("connect.campaign.appInbox.editBodyMessage"),
-            "onUpdate:html": x[2] || (x[2] = (m) => l({ content: m.html }))
+            "onUpdate:html": k[2] || (k[2] = (u) => c({ content: u.html }))
           }, null, 8, ["html", "variables", "button-label"])
         ]),
-        createElementVNode("div", _hoisted_9$6, [
+        createElementVNode("div", _hoisted_9$7, [
           createElementVNode("div", _hoisted_10$6, [
             createElementVNode("span", _hoisted_11$4, toDisplayString(unref(o)("connect.campaign.appInbox.buttons")), 1),
-            createElementVNode("span", _hoisted_12$3, toDisplayString(unref(a).length) + " / " + toDisplayString(MAX_BUTTONS), 1)
+            createElementVNode("span", _hoisted_12$3, toDisplayString(unref(n).length) + " / " + toDisplayString(MAX_BUTTONS), 1)
           ]),
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (m, C) => (openBlock(), createElementBlock("div", {
-            key: C,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (u, m) => (openBlock(), createElementBlock("div", {
+            key: m,
             class: "flex flex-wrap items-start gap-8"
           }, [
             createElementVNode("div", _hoisted_13$3, [
-              createVNode(f, {
-                "model-value": m.label,
+              createVNode(y, {
+                "model-value": u.label,
+                "max-length": 20,
                 placeholder: unref(o)("connect.campaign.appInbox.buttonLabel"),
-                "onUpdate:modelValue": (k) => p(C, { label: k })
-              }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+                "helper-state": v(u).label ? "error" : "none",
+                "helper-text": v(u).label,
+                "onUpdate:modelValue": (C) => r(m, { label: C })
+              }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text", "onUpdate:modelValue"])
             ]),
             createElementVNode("div", _hoisted_14$3, [
-              createVNode(g, {
-                "model-value": m.destination,
-                items: unref(i).map((k) => ({
-                  label: unref(o)(`connect.campaign.appInbox.destination.${k}`),
-                  value: k
-                })),
-                "onUpdate:modelValue": (k) => p(C, { destination: k })
-              }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
+              createVNode(y, {
+                "model-value": u.url ?? "",
+                inputmode: "url",
+                placeholder: unref(o)("connect.campaign.push.linkUrlPlaceholder"),
+                "helper-state": v(u).url ? "error" : "none",
+                "helper-text": v(u).url,
+                "onUpdate:modelValue": (C) => r(m, { url: C.trim() })
+              }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text", "onUpdate:modelValue"])
             ]),
-            createVNode(u, {
+            createVNode(g, {
               icon: "delete",
               "icon-color": "neutral-gray-400",
               variant: "tertiary",
-              onClick: (k) => y(C)
+              onClick: (C) => f(m)
             }, null, 8, ["onClick"])
           ]))), 128)),
-          unref(a).length < MAX_BUTTONS ? (openBlock(), createBlock(u, {
+          unref(n).length < MAX_BUTTONS ? (openBlock(), createBlock(g, {
             key: 0,
             variant: "tertiary",
             icon: "add",
             label: unref(o)("connect.campaign.appInbox.addButton"),
-            onClick: v
+            onClick: p
           }, null, 8, ["label"])) : createCommentVNode("", !0)
         ])
       ]);
     };
   }
-}), _hoisted_1$k = { class: "flex flex-col gap-16" }, _hoisted_2$h = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_3$e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_4$d = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_5$b = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_6$8 = { class: "mb-[6px] fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_7$7 = { class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, TITLE_LIMIT = 40, BODY_LIMIT = 120, TITLE_WARN_AT = 34, BODY_WARN_AT = 110, _sfc_main$k = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$k = { class: "flex flex-col gap-16" }, _hoisted_2$h = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_3$e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_4$d = { class: "mb-[6px] flex items-baseline justify-between" }, _hoisted_5$b = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_6$8 = { class: "mb-[6px] fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _hoisted_7$7 = {
+  key: 0,
+  class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, _hoisted_8$6 = {
+  key: 1,
+  class: "mt-12"
+}, _hoisted_9$6 = { class: "mb-[6px] fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, TITLE_LIMIT = 40, BODY_LIMIT = 120, TITLE_WARN_AT = 34, BODY_WARN_AT = 110, _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PushInput",
   props: {
     modelValue: {
       type: Object,
       required: !0
+    },
+    /** False until the form is submitted; broadcasts validate on submit. */
+    showValidation: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = F_APP_INBOX_DESTINATION.options;
-    function l(a) {
-      c("update:model-value", { ...d.modelValue, ...a });
+    const { t: o } = useI18n(), d = e, i = s, c = F_PUSH_DESTINATION.options, l = computed(() => d.modelValue.destination === "EXTERNAL"), n = computed(() => {
+      var f;
+      if (!d.showValidation || !l.value) return;
+      const v = (f = d.modelValue.url) == null ? void 0 : f.trim();
+      return v ? FdoBroadcastUrl.safeParse(v).success ? void 0 : o("connect.campaign.push.linkUrlInvalid") : o("connect.campaign.push.linkUrlRequired");
+    });
+    function a(v) {
+      i("update:model-value", { ...d.modelValue, ...v });
     }
-    function n(a, r) {
-      return a >= r ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
+    function r(v) {
+      a(v === "EXTERNAL" ? { destination: v } : { destination: v, url: null });
     }
-    return (a, r) => {
-      const p = resolveComponent("FmTextField"), v = resolveComponent("FmTextarea"), y = resolveComponent("FmSelect");
+    function p(v, f) {
+      return v >= f ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
+    }
+    return (v, f) => {
+      const V = resolveComponent("FmTextField"), k = resolveComponent("FmTextarea"), y = resolveComponent("FmSelect");
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_2$h, [
             createElementVNode("span", _hoisted_3$e, toDisplayString(unref(o)("connect.campaign.push.title")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["fm-typo-en-body-sm-400", n(e.modelValue.title.length, TITLE_WARN_AT)])
+              class: normalizeClass(["fm-typo-en-body-sm-400", p(e.modelValue.title.length, TITLE_WARN_AT)])
             }, toDisplayString(e.modelValue.title.length) + " / " + toDisplayString(TITLE_LIMIT), 3)
           ]),
-          createVNode(p, {
+          createVNode(V, {
             "model-value": e.modelValue.title,
             "max-length": TITLE_LIMIT,
             placeholder: unref(o)("connect.campaign.push.titlePlaceholder"),
-            "onUpdate:modelValue": r[0] || (r[0] = (V) => l({ title: V }))
+            "onUpdate:modelValue": f[0] || (f[0] = (g) => a({ title: g }))
           }, null, 8, ["model-value", "placeholder"])
         ]),
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_4$d, [
             createElementVNode("span", _hoisted_5$b, toDisplayString(unref(o)("connect.campaign.push.body")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["fm-typo-en-body-sm-400", n(e.modelValue.body.length, BODY_WARN_AT)])
+              class: normalizeClass(["fm-typo-en-body-sm-400", p(e.modelValue.body.length, BODY_WARN_AT)])
             }, toDisplayString(e.modelValue.body.length) + " / " + toDisplayString(BODY_LIMIT), 3)
           ]),
-          createVNode(v, {
+          createVNode(k, {
             "model-value": e.modelValue.body,
             "max-length": BODY_LIMIT,
             placeholder: unref(o)("connect.campaign.push.bodyPlaceholder"),
-            "onUpdate:modelValue": r[1] || (r[1] = (V) => l({ body: V }))
+            "onUpdate:modelValue": f[1] || (f[1] = (g) => a({ body: g }))
           }, null, 8, ["model-value", "placeholder"])
         ]),
         createElementVNode("div", null, [
           createElementVNode("div", _hoisted_6$8, toDisplayString(unref(o)("connect.campaign.push.link")), 1),
           createVNode(y, {
             "model-value": e.modelValue.destination ?? "NONE",
-            items: unref(i).map((V) => ({
-              label: unref(o)(`connect.campaign.appInbox.destination.${V}`),
-              value: V
+            items: unref(c).map((g) => ({
+              label: unref(o)(`connect.campaign.appInbox.destination.${g}`),
+              value: g
             })),
-            "onUpdate:modelValue": r[2] || (r[2] = (V) => l({ destination: V }))
+            "onUpdate:modelValue": f[2] || (f[2] = (g) => r(g))
           }, null, 8, ["model-value", "items"]),
-          createElementVNode("div", _hoisted_7$7, toDisplayString(unref(o)("connect.campaign.push.linkHelper")), 1)
+          unref(l) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_7$7, toDisplayString(unref(o)("connect.campaign.push.linkHelper")), 1)),
+          unref(l) ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
+            createElementVNode("div", _hoisted_9$6, toDisplayString(unref(o)("connect.campaign.push.linkUrl")), 1),
+            createVNode(V, {
+              "model-value": e.modelValue.url ?? "",
+              inputmode: "url",
+              placeholder: unref(o)("connect.campaign.push.linkUrlPlaceholder"),
+              "helper-state": unref(n) ? "error" : "none",
+              "helper-text": unref(n),
+              "onUpdate:modelValue": f[3] || (f[3] = (g) => a({ url: g.trim() || null }))
+            }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text"])
+          ])) : createCommentVNode("", !0)
         ])
       ]);
     };
@@ -1484,41 +1531,41 @@ const _hoisted_1$r = {
   setup(e) {
     const { t: s } = useI18n();
     return (o, d) => (openBlock(), createElementBlock("div", _hoisted_1$j, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(e.tabs, (c) => (openBlock(), createElementBlock("div", {
-        key: c.key,
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(e.tabs, (i) => (openBlock(), createElementBlock("div", {
+        key: i.key,
         class: "flex flex-none items-center"
       }, [
-        c.connector ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(c.connector), 1)) : createCommentVNode("", !0),
+        i.connector ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(i.connector), 1)) : createCommentVNode("", !0),
         createElementVNode("button", {
           type: "button",
           class: normalizeClass([
             "min-w-[132px] flex-none rounded-[10px] border px-[14px] py-[10px] text-left transition-colors",
-            e.modelValue === c.key ? "border-fm-color-primary bg-fm-color-system-warning-100" : "border-fm-color-neutral-gray-100 bg-fm-color-neutral-white hover:border-fm-color-neutral-gray-200"
+            e.modelValue === i.key ? "border-fm-color-primary bg-fm-color-system-warning-100" : "border-fm-color-neutral-gray-100 bg-fm-color-neutral-white hover:border-fm-color-neutral-gray-200"
           ]),
-          "aria-current": e.modelValue === c.key ? "true" : void 0,
-          onClick: (i) => o.$emit("update:model-value", c.key)
+          "aria-current": e.modelValue === i.key ? "true" : void 0,
+          onClick: (c) => o.$emit("update:model-value", i.key)
         }, [
           createElementVNode("span", _hoisted_4$c, [
-            c.step ? (openBlock(), createElementBlock("span", {
+            i.step ? (openBlock(), createElementBlock("span", {
               key: 0,
               class: normalizeClass([
                 "flex h-[18px] w-[18px] flex-none items-center justify-center rounded-full text-[10.5px] font-semibold leading-[18px]",
-                e.modelValue === c.key ? "bg-fm-color-primary text-fm-color-typo-white" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
+                e.modelValue === i.key ? "bg-fm-color-primary text-fm-color-typo-white" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
               ])
-            }, toDisplayString(c.step), 3)) : createCommentVNode("", !0),
+            }, toDisplayString(i.step), 3)) : createCommentVNode("", !0),
             createElementVNode("span", {
               class: normalizeClass([
                 "truncate text-[12.5px] font-semibold leading-[1.3]",
-                e.modelValue === c.key ? "text-fm-color-primary" : "text-fm-color-typo-primary"
+                e.modelValue === i.key ? "text-fm-color-primary" : "text-fm-color-typo-primary"
               ])
-            }, toDisplayString(c.label), 3),
-            c.complete ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
+            }, toDisplayString(i.label), 3),
+            i.complete ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
               key: 1,
               class: "h-[7px] w-[7px] flex-none rounded-full bg-fm-color-system-error-400",
               title: unref(s)("connect.campaign.broadcast.messageMissing")
             }, null, 8, _hoisted_5$a))
           ]),
-          createElementVNode("span", _hoisted_6$7, toDisplayString(c.sub), 1)
+          createElementVNode("span", _hoisted_6$7, toDisplayString(i.sub), 1)
         ], 10, _hoisted_3$d)
       ]))), 128))
     ]));
@@ -1548,17 +1595,17 @@ const _hoisted_1$r = {
   setup(e) {
     const { t: s } = useI18n(), o = e, d = computed(
       () => o.target === "PUSH" ? o.content : void 0
-    ), c = computed(
-      () => o.target === "APP_INBOX" ? o.content : void 0
     ), i = computed(
+      () => o.target === "APP_INBOX" ? o.content : void 0
+    ), c = computed(
       () => o.target === "SMS" || o.target === "WHATSAPP" ? o.content : void 0
     ), l = computed(() => {
-      var v, y;
-      const p = (y = (v = i.value) == null ? void 0 : v.content) == null ? void 0 : y.trim();
+      var v, f;
+      const p = (f = (v = c.value) == null ? void 0 : v.content) == null ? void 0 : f.trim();
       return p ? o.senderPrefix ? `${o.senderPrefix}${p}` : p : s("connect.campaign.broadcast.preview.emptyText");
     }), n = computed(() => {
       var v;
-      const p = ((v = c.value) == null ? void 0 : v.content) ?? "";
+      const p = ((v = i.value) == null ? void 0 : v.content) ?? "";
       return p.trim() ? `<!doctype html><meta charset="utf-8"><base target="_blank"><style>
     html,body{margin:0;font:400 12px/1.5 Inter,system-ui,sans-serif;color:#1C1C1E;word-break:break-word}
     img{max-width:100%;height:auto}
@@ -1568,14 +1615,14 @@ const _hoisted_1$r = {
         weekday: "short",
         day: "2-digit",
         month: "short"
-      }), y = p.toLocaleTimeString(void 0, {
+      }), f = p.toLocaleTimeString(void 0, {
         hour: "2-digit",
         minute: "2-digit"
       });
-      return `${v} · ${y}`;
+      return `${v} · ${f}`;
     }), r = computed(() => o.target === "PUSH" ? s("connect.campaign.broadcast.preview.note.push") : o.target === "APP_INBOX" ? s("connect.campaign.broadcast.preview.note.inbox") : s("connect.campaign.broadcast.preview.note.text"));
     return (p, v) => {
-      var y, V, x, f, g, u, m, C, k, $, R;
+      var f, V, k, y, g, u, m, C, x, $, F;
       return e.target !== "EMAIL" ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", _hoisted_2$f, toDisplayString(unref(s)("connect.campaign.broadcast.preview.title")), 1),
         createElementVNode("div", {
@@ -1595,17 +1642,17 @@ const _hoisted_1$r = {
           e.target === "PUSH" ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
             createElementVNode("div", _hoisted_5$9, toDisplayString(unref(a)), 1),
             createElementVNode("div", _hoisted_6$6, [
-              createElementVNode("div", _hoisted_7$6, toDisplayString(((V = (y = unref(d)) == null ? void 0 : y.title) == null ? void 0 : V.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyTitle")), 1),
-              createElementVNode("div", _hoisted_8$5, toDisplayString(((f = (x = unref(d)) == null ? void 0 : x.body) == null ? void 0 : f.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyBody")), 1)
+              createElementVNode("div", _hoisted_7$6, toDisplayString(((V = (f = unref(d)) == null ? void 0 : f.title) == null ? void 0 : V.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyTitle")), 1),
+              createElementVNode("div", _hoisted_8$5, toDisplayString(((y = (k = unref(d)) == null ? void 0 : k.body) == null ? void 0 : y.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyBody")), 1)
             ])
           ])) : e.target === "APP_INBOX" ? (openBlock(), createElementBlock("div", _hoisted_9$5, [
             createElementVNode("div", _hoisted_10$5, toDisplayString(unref(s)("connect.campaign.broadcast.preview.inboxHeading")), 1),
             createElementVNode("div", _hoisted_11$3, [
-              createElementVNode("div", _hoisted_12$2, toDisplayString(((u = (g = unref(c)) == null ? void 0 : g.title) == null ? void 0 : u.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyTitle")), 1),
-              createElementVNode("div", _hoisted_13$2, toDisplayString(((C = (m = unref(c)) == null ? void 0 : m.previewText) == null ? void 0 : C.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyBody")), 1),
-              (k = unref(c)) != null && k.imageUrl ? (openBlock(), createElementBlock("img", {
+              createElementVNode("div", _hoisted_12$2, toDisplayString(((u = (g = unref(i)) == null ? void 0 : g.title) == null ? void 0 : u.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyTitle")), 1),
+              createElementVNode("div", _hoisted_13$2, toDisplayString(((C = (m = unref(i)) == null ? void 0 : m.previewText) == null ? void 0 : C.trim()) || unref(s)("connect.campaign.broadcast.preview.emptyBody")), 1),
+              (x = unref(i)) != null && x.imageUrl ? (openBlock(), createElementBlock("img", {
                 key: 0,
-                src: unref(c).imageUrl,
+                src: unref(i).imageUrl,
                 alt: "",
                 class: "mt-8 w-full rounded-[8px]"
               }, null, 8, _hoisted_14$2)) : createCommentVNode("", !0),
@@ -1617,11 +1664,11 @@ const _hoisted_1$r = {
                 class: "mt-8 h-[120px] w-full border-0",
                 title: unref(s)("connect.campaign.broadcast.preview.bodyFrameTitle")
               }, null, 8, _hoisted_15$2)) : createCommentVNode("", !0),
-              (R = ($ = unref(c)) == null ? void 0 : $.buttons) != null && R.length ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c).buttons, (B, D) => (openBlock(), createElementBlock("div", {
+              (F = ($ = unref(i)) == null ? void 0 : $.buttons) != null && F.length ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i).buttons, (N, D) => (openBlock(), createElementBlock("div", {
                   key: D,
                   class: "rounded-[8px] bg-fm-color-primary px-12 py-8 text-center fm-typo-en-body-sm-400 text-fm-color-typo-white"
-                }, toDisplayString(B.label || unref(s)("connect.campaign.appInbox.buttonLabel")), 1))), 128))
+                }, toDisplayString(N.label || unref(s)("connect.campaign.appInbox.buttonLabel")), 1))), 128))
               ])) : createCommentVNode("", !0)
             ])
           ])) : (openBlock(), createElementBlock("div", _hoisted_17$1, [
@@ -1651,7 +1698,7 @@ const _hoisted_1$r = {
   emits: ["move", "remove", "add"],
   setup(e) {
     const { t: s } = useI18n(), o = e, d = computed(() => o.addable.length > 0);
-    return (c, i) => {
+    return (i, c) => {
       const l = resolveComponent("FmButton"), n = resolveComponent("FmMenuItem"), a = resolveComponent("FmMenu");
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createElementVNode("div", _hoisted_2$e, [
@@ -1667,7 +1714,7 @@ const _hoisted_1$r = {
             createElementVNode("span", _hoisted_7$5, [
               createElementVNode("span", _hoisted_8$4, toDisplayString(r.label), 1),
               r.complete ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", _hoisted_9$4, [
-                i[0] || (i[0] = createElementVNode("span", { class: "h-[6px] w-[6px] rounded-full bg-fm-color-system-error-400" }, null, -1)),
+                c[0] || (c[0] = createElementVNode("span", { class: "h-[6px] w-[6px] rounded-full bg-fm-color-system-error-400" }, null, -1)),
                 createTextVNode(" " + toDisplayString(unref(s)("connect.campaign.broadcast.messageMissing")), 1)
               ]))
             ])
@@ -1681,8 +1728,9 @@ const _hoisted_1$r = {
                 icon: "arrow_upward",
                 "icon-color": "neutral-gray-400",
                 variant: "tertiary",
-                onClick: (v) => c.$emit("move", r.channel, -1)
-              }, null, 8, ["onClick"])
+                disabled: p === 0,
+                onClick: (v) => i.$emit("move", r.channel, -1)
+              }, null, 8, ["disabled", "onClick"])
             ], 8, _hoisted_11$2),
             createElementVNode("span", {
               title: unref(s)("connect.campaign.broadcast.moveDown"),
@@ -1693,7 +1741,7 @@ const _hoisted_1$r = {
                 "icon-color": "neutral-gray-400",
                 variant: "tertiary",
                 disabled: p === e.rows.length - 1,
-                onClick: (v) => c.$emit("move", r.channel, 1)
+                onClick: (v) => i.$emit("move", r.channel, 1)
               }, null, 8, ["disabled", "onClick"])
             ], 8, _hoisted_12$1),
             createElementVNode("span", {
@@ -1704,7 +1752,7 @@ const _hoisted_1$r = {
                 icon: "delete",
                 "icon-color": "neutral-gray-400",
                 variant: "tertiary",
-                onClick: (v) => c.$emit("remove", r.channel)
+                onClick: (v) => i.$emit("remove", r.channel)
               }, null, 8, ["onClick"])
             ], 8, _hoisted_13$1)
           ])
@@ -1720,7 +1768,7 @@ const _hoisted_1$r = {
             (openBlock(!0), createElementBlock(Fragment, null, renderList(e.addable, (r) => (openBlock(), createBlock(n, {
               key: r.channel,
               label: r.label,
-              onClick: (p) => c.$emit("add", r.channel)
+              onClick: (p) => i.$emit("add", r.channel)
             }, null, 8, ["label", "onClick"]))), 128))
           ]),
           _: 1
@@ -1734,15 +1782,27 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
   key: 0,
   class: "flex items-start gap-8 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
 }, _hoisted_10$3 = { class: "flex flex-col gap-12" }, _hoisted_11$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_12 = { class: "grid items-stretch gap-12 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-4" }, _hoisted_13 = { class: "flex items-start justify-between gap-12" }, _hoisted_14 = {
+  key: 1,
+  class: "h-[8px] w-[8px] rounded-full bg-fm-color-neutral-white"
+}, _hoisted_15 = {
   key: 0,
   class: "mt-[3px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, _hoisted_15 = {
+}, _hoisted_16 = {
   key: 1,
   class: "mt-[6px] inline-flex rounded-[6px] bg-fm-color-system-warning-100 px-8 py-[3px] fm-typo-en-body-sm-400 text-fm-color-system-warning-400"
-}, _hoisted_16 = {
+}, _hoisted_17 = {
+  key: 2,
+  class: "mt-[6px] inline-flex rounded-[6px] bg-fm-color-neutral-gray-100 px-8 py-[3px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, _hoisted_18 = {
   key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, _hoisted_17 = { class: "flex flex-col gap-[14px]" }, _hoisted_18 = { class: "fm-typo-en-body-lg-600" }, _hoisted_19 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_20 = { class: "flex flex-wrap items-start gap-24" }, _hoisted_21 = { class: "min-w-0 flex-1 basis-[340px]" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-400"
+}, _hoisted_19 = { class: "flex flex-col gap-[14px]" }, _hoisted_20 = { class: "fm-typo-en-body-lg-600" }, _hoisted_21 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_22 = {
+  key: 1,
+  class: "rounded-[8px] border border-dashed border-fm-color-neutral-gray-200 p-24 text-center fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, _hoisted_23 = {
+  key: 3,
+  class: "flex flex-wrap items-start gap-24"
+}, _hoisted_24 = { class: "min-w-0 flex-1 basis-[340px]" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BroadcastDeliveryInput",
   props: {
     /** Either the new delivery shape or a legacy single-channel message. */
@@ -1759,13 +1819,18 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
       default: () => [...DEFAULT_MESSAGE_VARIABLES]
     },
     helperText: { type: String },
+    /**
+     * False until the merchant tries to proceed. Broadcasts validate on submit,
+     * so incomplete-channel markers stay hidden while the form is being filled.
+     */
+    showValidation: { type: Boolean, default: !0 },
     helperState: { type: String },
     placeholder: { type: String }
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = useCoreStore(), c = useMembershipStore(), i = e, l = s, n = ref(!1), a = ref("SMS"), r = computed(() => {
-      const h = i.modelValue;
+    const { t: o } = useI18n(), d = useCoreStore(), i = useMembershipStore(), c = e, l = s, n = ref(!1), a = ref("SMS"), r = computed(() => {
+      const h = c.modelValue;
       return h && "channels" in h ? h : toDelivery({ message: h });
     });
     function p(h) {
@@ -1774,7 +1839,7 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
     function v(h) {
       return o(`connect.campaign.broadcast.channel.${h}`);
     }
-    const y = {
+    const f = {
       SMS: "chat",
       WHATSAPP: "chat",
       EMAIL: "mail",
@@ -1782,11 +1847,11 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
       PUSH: "notifications"
     };
     function V(h) {
-      return y[h];
+      return f[h];
     }
-    const x = computed(() => r.value.mode === "fallback"), f = computed(
-      () => i.variables.filter(
-        (h) => i.triggerType == "SCHEDULE" ? !h.startsWith("transaction.") : !0
+    const k = computed(() => r.value.mode === "fallback"), y = computed(
+      () => c.variables.filter(
+        (h) => c.triggerType == "SCHEDULE" ? !h.startsWith("transaction.") : !0
       )
     );
     function g(h) {
@@ -1797,112 +1862,127 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
       h !== r.value.mode && p(setMode(r.value, h));
     }
     const C = ref(null);
-    function k(h) {
-      var F;
-      const N = (F = C.value) == null ? void 0 : F[h];
-      return N ? new Intl.NumberFormat(void 0, {
+    function x(h) {
+      var R;
+      const E = (R = C.value) == null ? void 0 : R[h];
+      return E ? new Intl.NumberFormat(void 0, {
         style: "currency",
-        currency: N.currency,
-        minimumFractionDigits: N.precision,
-        maximumFractionDigits: N.precision
-      }).format(N.amount / 10 ** N.precision) : null;
+        currency: E.currency,
+        minimumFractionDigits: E.precision,
+        maximumFractionDigits: E.precision
+      }).format(E.amount / 10 ** E.precision) : null;
     }
     const $ = computed(
       () => CHANNEL_DISPLAY_ORDER.map((h) => {
-        const N = r.value.channels.includes(h), F = k(h);
+        const E = r.value.channels.includes(h), R = x(h);
         return {
           channel: h,
           label: v(h),
-          selected: N,
+          selected: E,
           available: g(h),
-          rateNote: isPaidChannel(h) ? F ? o("connect.campaign.broadcast.perMessage", { price: F }) : null : o("connect.campaign.broadcast.freeChannel"),
-          // A broadcast must keep at least one channel, so the last remaining one
-          // cannot be deselected. Surfaced on the card rather than failing silently.
-          locked: N && r.value.channels.length <= 1
+          rateNote: isPaidChannel(h) ? R ? o("connect.campaign.broadcast.perMessage", { price: R }) : null : o("connect.campaign.broadcast.freeChannel"),
+          // In fallback mode the grid is a radio for the primary channel, so only
+          // the primary reads as checked; a fallback is tagged instead.
+          checked: k.value ? r.value.channels[0] === h : E,
+          usedAsFallback: k.value && r.value.channels.indexOf(h) > 0
         };
       })
     );
-    async function R(h) {
+    async function F(h) {
       if (g(h)) {
+        if (k.value) {
+          await N(h);
+          return;
+        }
         if (r.value.channels.includes(h)) {
-          await B(h);
+          await D(h);
           return;
         }
-        p(addChannel(r.value, h, f.value));
+        p(addChannel(r.value, h, y.value));
       }
     }
-    async function B(h) {
-      if (r.value.channels.length <= 1 || !await prompt.remove(
+    async function N(h) {
+      const E = r.value.channels[0];
+      E !== h && (E && hasDraft(r.value, E) && !await prompt.remove(
+        o("connect.campaign.broadcast.replaceChannelConfirm", {
+          channel: v(E),
+          next: v(h)
+        })
+      ) || (p(setPrimaryChannel(r.value, h, y.value)), a.value = h));
+    }
+    async function D(h) {
+      if (hasDraft(r.value, h) && !await prompt.remove(
         o("connect.campaign.broadcast.removeChannelConfirm", {
           channel: v(h)
         })
-      )) return;
-      const F = removeChannel(r.value, h);
-      p(F), a.value === h && (a.value = F.channels[0] ?? "SMS");
+      ))
+        return;
+      const E = removeChannel(r.value, h);
+      p(E), a.value === h && (a.value = E.channels[0] ?? "SMS");
     }
-    function D(h, N) {
-      p(moveChannel(r.value, h, N));
+    function w(h, E) {
+      p(moveChannel(r.value, h, E));
     }
-    const w = computed(
-      () => r.value.channels.slice(1).map((h, N) => ({
+    const O = computed(
+      () => r.value.channels.slice(1).map((h, E) => ({
         channel: h,
         label: v(h),
-        position: N + 2,
-        complete: isChannelComplete(r.value, h)
+        position: E + 2,
+        complete: !c.showValidation || isChannelComplete(r.value, h)
       }))
-    ), O = computed(
+    ), j = computed(
       () => CHANNEL_DISPLAY_ORDER.filter(
         (h) => !r.value.channels.includes(h) && g(h)
       ).map((h) => ({
         channel: h,
         label: v(h)
       }))
-    ), L = computed(
-      () => r.value.channels.map((h, N) => ({
+    ), I = computed(
+      () => r.value.channels.map((h, E) => ({
         key: h,
         label: v(h),
-        sub: x.value ? o(N === 0 ? "connect.campaign.broadcast.tab.firstAttempt" : "connect.campaign.broadcast.tab.ifNotReached") : o("connect.campaign.broadcast.tab.sendsToEligible"),
-        complete: isChannelComplete(r.value, h),
-        step: x.value ? N + 1 : void 0,
-        connector: N === 0 ? void 0 : x.value ? "→" : "+"
+        sub: k.value ? o(E === 0 ? "connect.campaign.broadcast.tab.firstAttempt" : "connect.campaign.broadcast.tab.ifNotReached") : o("connect.campaign.broadcast.tab.sendsToEligible"),
+        complete: !c.showValidation || isChannelComplete(r.value, h),
+        step: k.value ? E + 1 : void 0,
+        connector: E === 0 ? void 0 : k.value ? "→" : "+"
       }))
     );
     watchEffect(() => {
-      const h = L.value.map((N) => N.key);
+      const h = I.value.map((E) => E.key);
       h.length && !h.includes(a.value) && (a.value = h[0]);
     });
-    const I = computed(() => a.value), Y = computed(() => {
-      const h = I.value;
+    const H = computed(() => a.value), q = computed(() => {
+      const h = H.value;
       if (!(h === "APP_INBOX" || h === "PUSH"))
         return r.value.content[h];
     }), G = computed(
       () => r.value.content.APP_INBOX
-    ), H = computed(
+    ), Y = computed(
       () => r.value.content.PUSH
     );
-    function q(h) {
+    function Z(h) {
       p(setChannelContent(r.value, "APP_INBOX", h));
     }
-    function Z(h) {
+    function b(h) {
       p(setChannelContent(r.value, "PUSH", h));
     }
-    function b(h, N) {
-      p(setChannelContent(r.value, h, { ...N, channel: h }));
+    function B(h, E) {
+      h === "APP_INBOX" || h === "PUSH" || p(setChannelContent(r.value, h, { ...E, channel: h }));
     }
-    const E = computed(
+    const T = computed(
       () => r.value.channels.filter(isPaidChannel)
-    ), T = computed(() => {
-      var N, F, U;
-      const h = ((N = c.membership) == null ? void 0 : N.brand) || ((U = (F = d.currentBusiness) == null ? void 0 : F.value) == null ? void 0 : U.name) || "";
+    ), U = computed(() => {
+      var E, R, M;
+      const h = ((E = i.membership) == null ? void 0 : E.brand) || ((M = (R = d.currentBusiness) == null ? void 0 : R.value) == null ? void 0 : M.name) || "";
       return getSmsMessageMetrics({ brandName: h, content: "" }).prefix;
-    }), A = `${define_appEndpoint_default.licensePortalUrl}settings?businessId=${SvcConfig.businessId}`;
-    async function P() {
+    }), P = `${define_appEndpoint_default.licensePortalUrl}settings?businessId=${SvcConfig.businessId}`;
+    async function A() {
       try {
         const h = await membershipApi.getWhatsappNumbers();
         n.value = h.some(
-          (N) => {
-            var F;
-            return (F = N == null ? void 0 : N.default) == null ? void 0 : F.includes("Marketing");
+          (E) => {
+            var R;
+            return (R = E == null ? void 0 : E.default) == null ? void 0 : R.includes("Marketing");
           }
         );
       } catch (h) {
@@ -1910,10 +1990,10 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
       }
     }
     return onMounted(async () => {
-      const h = r.value;
-      h.channels.length ? a.value = h.channels[0] : p(addChannel(h, "SMS", f.value)), campaignApi.readBroadcastCreditSummary().then((N) => C.value = N.prices).catch(() => C.value = null), await P();
-    }), (h, N) => {
-      const F = resolveComponent("FmIcon"), U = resolveComponent("FmCard");
+      const h = r.value.channels[0];
+      h && (a.value = h), campaignApi.readBroadcastCreditSummary().then((E) => C.value = E.prices).catch(() => C.value = null), await A();
+    }), (h, E) => {
+      const R = resolveComponent("FmIcon"), M = resolveComponent("FmCard");
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createElementVNode("div", _hoisted_2$d, [
           createElementVNode("div", null, [
@@ -1921,19 +2001,19 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
             createElementVNode("div", _hoisted_4$9, toDisplayString(unref(o)("connect.campaign.broadcast.deliveryDescription")), 1)
           ]),
           createElementVNode("div", _hoisted_5$7, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(u, (S) => createVNode(U, {
+            (openBlock(), createElementBlock(Fragment, null, renderList(u, (S) => createVNode(M, {
               key: S,
               variant: "outlined",
               class: normalizeClass(["h-full cursor-pointer select-none p-16 space-y-8", {
                 "border-fm-color-primary bg-fm-color-system-warning-100": unref(r).mode === S,
                 "hover:bg-fm-color-opacity-sm": unref(r).mode !== S
               }]),
-              onClick: (j) => m(S)
+              onClick: (L) => m(S)
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_6$4, [
                   createElementVNode("div", _hoisted_7$4, toDisplayString(unref(o)(`connect.campaign.broadcast.mode.${S}.label`)), 1),
-                  unref(r).mode === S ? (openBlock(), createBlock(F, {
+                  unref(r).mode === S ? (openBlock(), createBlock(R, {
                     key: 0,
                     name: "check_circle",
                     size: "md",
@@ -1946,7 +2026,7 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
             }, 1032, ["class", "onClick"])), 64))
           ]),
           unref(r).channels.length < 2 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
-            createVNode(F, {
+            createVNode(R, {
               name: "info",
               size: "sm",
               class: "mt-[2px]"
@@ -1955,17 +2035,17 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
           ])) : createCommentVNode("", !0)
         ]),
         createElementVNode("div", _hoisted_10$3, [
-          createElementVNode("div", _hoisted_11$1, toDisplayString(unref(o)("connect.campaign.broadcast.channels")), 1),
+          createElementVNode("div", _hoisted_11$1, toDisplayString(unref(k) ? unref(o)("connect.campaign.broadcast.primaryChannel") : unref(o)("connect.campaign.broadcast.channels")), 1),
           createElementVNode("div", _hoisted_12, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref($), (S) => (openBlock(), createBlock(U, {
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref($), (S) => (openBlock(), createBlock(M, {
               key: S.channel,
               variant: "outlined",
               class: normalizeClass(["flex h-full flex-col gap-12 p-16", [
-                S.selected ? "!border-fm-color-primary bg-fm-color-system-warning-100" : "",
-                S.available ? S.locked ? "cursor-not-allowed" : "cursor-pointer" : "cursor-not-allowed bg-fm-color-neutral-gray-100"
+                S.checked ? "!border-fm-color-primary bg-fm-color-system-warning-100" : "",
+                S.available ? "cursor-pointer" : "cursor-not-allowed bg-fm-color-neutral-gray-100"
               ]]),
               "aria-disabled": !S.available,
-              onClick: (j) => R(S.channel)
+              onClick: (L) => F(S.channel)
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_13, [
@@ -1975,97 +2055,101 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                       S.available ? "bg-fm-color-primary-oats text-fm-color-primary" : "bg-fm-color-neutral-gray-200 text-fm-color-neutral-gray-400"
                     ])
                   }, [
-                    createVNode(F, {
+                    createVNode(R, {
                       name: V(S.channel),
                       size: "md"
                     }, null, 8, ["name"])
                   ], 2),
                   S.available ? (openBlock(), createElementBlock("span", {
                     key: 0,
-                    class: normalizeClass([
-                      "flex h-[22px] w-[22px] flex-none items-center justify-center rounded-[4px] border-2 transition-colors",
-                      S.selected ? "border-fm-color-primary bg-fm-color-primary text-fm-color-typo-white" : "border-fm-color-neutral-gray-300 bg-fm-color-neutral-white"
-                    ])
+                    class: normalizeClass(["flex h-[22px] w-[22px] flex-none items-center justify-center border-2 transition-colors", [
+                      unref(k) ? "rounded-full" : "rounded-[4px]",
+                      S.checked ? "border-fm-color-primary bg-fm-color-primary text-fm-color-typo-white" : "border-fm-color-neutral-gray-300 bg-fm-color-neutral-white"
+                    ]])
                   }, [
-                    S.selected ? (openBlock(), createBlock(F, {
+                    S.checked && !unref(k) ? (openBlock(), createBlock(R, {
                       key: 0,
                       name: "check",
                       size: "sm"
-                    })) : createCommentVNode("", !0)
+                    })) : S.checked ? (openBlock(), createElementBlock("span", _hoisted_14)) : createCommentVNode("", !0)
                   ], 2)) : createCommentVNode("", !0)
                 ]),
                 createElementVNode("div", null, [
                   createElementVNode("div", {
                     class: normalizeClass(["fm-typo-en-body-md-600", S.available ? "" : "text-fm-color-typo-disabled"])
                   }, toDisplayString(S.label), 3),
-                  S.available && S.rateNote ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(S.rateNote), 1)) : createCommentVNode("", !0),
-                  S.available ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(unref(o)("connect.campaign.broadcast.notSetUp")), 1))
+                  S.available && S.rateNote ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(S.rateNote), 1)) : createCommentVNode("", !0),
+                  S.available ? S.usedAsFallback ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(unref(o)("connect.campaign.broadcast.usedAsFallback")), 1)) : createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(unref(o)("connect.campaign.broadcast.notSetUp")), 1))
                 ]),
                 S.available ? createCommentVNode("", !0) : (openBlock(), createElementBlock("a", {
                   key: 0,
-                  href: A,
+                  href: P,
                   target: "_blank",
                   class: "mt-auto fm-typo-en-body-sm-400 text-fm-color-secondary-blueberry underline",
-                  onClick: N[0] || (N[0] = withModifiers(() => {
+                  onClick: E[0] || (E[0] = withModifiers(() => {
                   }, ["stop"]))
                 }, toDisplayString(unref(o)("connect.campaign.messageInput.manageWhatsappChannel")), 1))
               ]),
               _: 2
             }, 1032, ["class", "aria-disabled", "onClick"]))), 128))
           ]),
-          unref(r).channels.length <= 1 ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(unref(o)("connect.campaign.broadcast.keepOneChannel")), 1)) : createCommentVNode("", !0),
-          unref(x) ? (openBlock(), createBlock(_sfc_main$h, {
+          e.showValidation && !unref(r).channels.length ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(unref(o)("connect.campaign.broadcast.selectChannelRequired")), 1)) : createCommentVNode("", !0),
+          unref(k) && unref(r).channels.length ? (openBlock(), createBlock(_sfc_main$h, {
             key: 1,
-            rows: unref(w),
-            addable: unref(O),
-            onMove: D,
-            onRemove: B,
-            onAdd: N[1] || (N[1] = (S) => p(unref(addChannel)(unref(r), S, unref(f))))
+            rows: unref(O),
+            addable: unref(j),
+            onMove: w,
+            onRemove: D,
+            onAdd: E[1] || (E[1] = (S) => p(unref(addChannel)(unref(r), S, unref(y))))
           }, null, 8, ["rows", "addable"])) : createCommentVNode("", !0)
         ]),
-        createElementVNode("div", _hoisted_17, [
+        createElementVNode("div", _hoisted_19, [
           createElementVNode("div", null, [
-            createElementVNode("div", _hoisted_18, toDisplayString(unref(o)("connect.campaign.broadcast.content")), 1),
-            createElementVNode("div", _hoisted_19, toDisplayString(unref(o)("connect.campaign.broadcast.contentDescription")), 1)
+            createElementVNode("div", _hoisted_20, toDisplayString(unref(o)("connect.campaign.broadcast.content")), 1),
+            createElementVNode("div", _hoisted_21, toDisplayString(unref(o)("connect.campaign.broadcast.contentDescription")), 1)
           ]),
-          unref(E).length ? (openBlock(), createBlock(_sfc_main$w, {
+          unref(T).length ? (openBlock(), createBlock(_sfc_main$w, {
             key: 0,
-            channels: unref(E)
+            channels: unref(T)
           }, null, 8, ["channels"])) : createCommentVNode("", !0),
-          createVNode(_sfc_main$j, {
+          unref(r).channels.length ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_22, toDisplayString(unref(o)("connect.campaign.broadcast.noChannelContent")), 1)),
+          unref(r).channels.length ? (openBlock(), createBlock(_sfc_main$j, {
+            key: 2,
             modelValue: unref(a),
-            "onUpdate:modelValue": N[2] || (N[2] = (S) => isRef(a) ? a.value = S : null),
-            tabs: unref(L)
-          }, null, 8, ["modelValue", "tabs"]),
-          createElementVNode("div", _hoisted_20, [
-            createElementVNode("div", _hoisted_21, [
-              unref(a) === "PUSH" && unref(H) ? (openBlock(), createBlock(_sfc_main$k, {
+            "onUpdate:modelValue": E[2] || (E[2] = (S) => isRef(a) ? a.value = S : null),
+            tabs: unref(I)
+          }, null, 8, ["modelValue", "tabs"])) : createCommentVNode("", !0),
+          unref(r).channels.includes(unref(a)) ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            createElementVNode("div", _hoisted_24, [
+              unref(a) === "PUSH" && unref(Y) ? (openBlock(), createBlock(_sfc_main$k, {
                 key: 0,
-                "model-value": unref(H),
-                "onUpdate:modelValue": Z
-              }, null, 8, ["model-value"])) : unref(a) === "APP_INBOX" && unref(G) ? (openBlock(), createBlock(_sfc_main$l, {
+                "model-value": unref(Y),
+                "show-validation": e.showValidation,
+                "onUpdate:modelValue": b
+              }, null, 8, ["model-value", "show-validation"])) : unref(a) === "APP_INBOX" && unref(G) ? (openBlock(), createBlock(_sfc_main$l, {
                 key: 1,
                 "model-value": unref(G),
-                variables: unref(f),
-                "onUpdate:modelValue": q
-              }, null, 8, ["model-value", "variables"])) : unref(a) !== "APP_INBOX" && unref(a) !== "PUSH" ? (openBlock(), createBlock(_sfc_main$x, {
+                variables: unref(y),
+                "show-validation": e.showValidation,
+                "onUpdate:modelValue": Z
+              }, null, 8, ["model-value", "variables", "show-validation"])) : unref(a) !== "APP_INBOX" && unref(a) !== "PUSH" ? (openBlock(), createBlock(_sfc_main$x, {
                 key: unref(a),
-                "model-value": unref(Y),
+                "model-value": unref(q),
                 "allow-email": !1,
                 "allow-whatsapp": !1,
                 "hide-credit-card": !0,
                 "trigger-type": e.triggerType,
-                variables: unref(f),
+                variables: unref(y),
                 placeholder: e.placeholder,
-                "onUpdate:modelValue": N[3] || (N[3] = (S) => b(unref(I), S))
+                "onUpdate:modelValue": E[3] || (E[3] = (S) => B(unref(H), S))
               }, null, 8, ["model-value", "trigger-type", "variables", "placeholder"])) : createCommentVNode("", !0)
             ]),
             createVNode(_sfc_main$i, {
               target: unref(a),
-              content: unref(r).content[unref(I)],
-              "sender-prefix": unref(T)
+              content: unref(r).content[unref(H)],
+              "sender-prefix": unref(U)
             }, null, 8, ["target", "content", "sender-prefix"])
-          ])
+          ])) : createCommentVNode("", !0)
         ])
       ]);
     };
@@ -2089,8 +2173,8 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = useCoreStore(), l = computed(
-      () => CountryTimezone[i.currentCountry.value || "MY"]
+    const { t: o } = useI18n(), d = e, i = s, c = useCoreStore(), l = computed(
+      () => CountryTimezone[c.currentCountry.value || "MY"]
     );
     function n() {
       const u = RuleBuilder.getRules(d.modelValue);
@@ -2101,11 +2185,11 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
     const a = ref(n()), r = ref(!1), p = ref(!1), v = computed(() => [
       { label: o("connect.template.rule.schedule.fixed"), value: "fixed" },
       { label: o("connect.template.rule.schedule.repeating"), value: "repeating" }
-    ]), y = computed(() => {
+    ]), f = computed(() => {
       const u = RuleBuilder.getRules(d.modelValue), m = u.find(
-        (k) => isRuleEntry(k) && RuleBuilder.simplify(k).property == "trigger.date"
+        (x) => isRuleEntry(x) && RuleBuilder.simplify(x).property == "trigger.date"
       ), C = u.find(
-        (k) => isRuleEntry(k) && RuleBuilder.simplify(k).property == "trigger.time"
+        (x) => isRuleEntry(x) && RuleBuilder.simplify(x).property == "trigger.time"
       );
       return {
         date: m ? RuleBuilder.simplify(m).equator : null,
@@ -2119,8 +2203,8 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
         d.endDate ? new Date(d.endDate) : void 0
       )
     );
-    function x(u, m) {
-      c(
+    function k(u, m) {
+      i(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry("trigger.date", "_rrule", u),
@@ -2131,18 +2215,18 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
     watch(
       () => d.startDate,
       (u, m) => {
-        if (!u || u === m || a.value !== "repeating" || !y.value.date) return;
-        const C = RRule.fromString(y.value.date), k = new RRule({
+        if (!u || u === m || a.value !== "repeating" || !f.value.date) return;
+        const C = RRule.fromString(f.value.date), x = new RRule({
           ...C.origOptions,
           dtstart: new Date(u)
         }).toString();
-        k !== y.value.date && (x(k, y.value.time), p.value = !0);
+        x !== f.value.date && (k(x, f.value.time), p.value = !0);
       }
     );
-    function f(u) {
+    function y(u) {
       const m = u.value, C = getRruleAnchorDate({
         startDate: d.startDate ? new Date(d.startDate) : void 0
-      }), k = m == "fixed" ? [
+      }), x = m == "fixed" ? [
         RuleBuilder.constructEntry(
           "trigger.date",
           "_isOnDate",
@@ -2165,16 +2249,16 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
         ),
         RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
       ];
-      c(
+      i(
         "update:model-value",
         RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
-          k
+          x
         )
       ), a.value = m, p.value = !1;
     }
     function g(u) {
-      a.value == "fixed" ? c(
+      a.value == "fixed" ? i(
         "update:model-value",
         RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
           RuleBuilder.constructEntry(
@@ -2188,33 +2272,33 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
             u.time
           )
         ])
-      ) : x(u.date, u.time), p.value = !1;
+      ) : k(u.date, u.time), p.value = !1;
     }
     return (u, m) => {
-      const C = resolveComponent("FmButtonGroup"), k = resolveComponent("FmTimePicker"), $ = resolveComponent("FmIcon"), R = resolveComponent("FmTooltip"), B = resolveComponent("FmField"), D = resolveComponent("FmCard"), w = resolveComponent("FmPopover"), O = resolveComponent("FmDatePicker"), L = resolveComponent("FmHelperText");
+      const C = resolveComponent("FmButtonGroup"), x = resolveComponent("FmTimePicker"), $ = resolveComponent("FmIcon"), F = resolveComponent("FmTooltip"), N = resolveComponent("FmField"), D = resolveComponent("FmCard"), w = resolveComponent("FmPopover"), O = resolveComponent("FmDatePicker"), j = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(C, {
           items: unref(v),
           "model-value": unref(v).find((I) => I.value === unref(a)) ?? null,
-          "onUpdate:modelValue": f,
+          "onUpdate:modelValue": y,
           class: "mb-8"
         }, null, 8, ["items", "model-value"]),
         createElementVNode("div", _hoisted_1$f, [
           createElementVNode("div", _hoisted_2$c, [
-            createVNode(k, {
+            createVNode(x, {
               label: unref(o)("connect.template.rule.schedule.notify_time"),
-              "model-value": unref(y).time,
-              "onUpdate:modelValue": m[0] || (m[0] = (I) => g({ date: unref(y).date, time: I })),
-              "helper-text": unref(y).time ? void 0 : unref(o)("connect.template.rule.schedule.time_required"),
-              "helper-state": unref(y).time ? void 0 : "error"
+              "model-value": unref(f).time,
+              "onUpdate:modelValue": m[0] || (m[0] = (I) => g({ date: unref(f).date, time: I })),
+              "helper-text": unref(f).time ? void 0 : unref(o)("connect.template.rule.schedule.time_required"),
+              "helper-state": unref(f).time ? void 0 : "error"
             }, null, 8, ["label", "model-value", "helper-text", "helper-state"]),
             unref(a) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
               createElementVNode("div", _hoisted_4$8, [
                 createElementVNode("div", null, toDisplayString(unref(o)("connect.template.rule.schedule.notify_date")), 1),
-                unref(y).date ? (openBlock(), createBlock(R, {
+                unref(f).date ? (openBlock(), createBlock(F, {
                   key: 0,
                   "z-index": 9999,
-                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options)
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(f).date).options)
                 }, {
                   default: withCtx(() => [
                     createVNode($, {
@@ -2231,13 +2315,13 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                 onPopoverChanged: m[3] || (m[3] = (I) => r.value = I)
               }, {
                 "popover-button": withCtx(() => [
-                  createVNode(B, {
+                  createVNode(N, {
                     class: "cursor-pointer",
-                    "helper-text": unref(y).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
-                    "helper-state": unref(y).date ? void 0 : "error"
+                    "helper-text": unref(f).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+                    "helper-state": unref(f).date ? void 0 : "error"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_5$6, toDisplayString(unref(y).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options) : unref(o)("connect.template.rule.schedule.set_repeating_date")), 1)
+                      createElementVNode("div", _hoisted_5$6, toDisplayString(unref(f).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(f).date).options) : unref(o)("connect.template.rule.schedule.set_repeating_date")), 1)
                     ]),
                     _: 1
                   }, 8, ["helper-text", "helper-state"])
@@ -2247,10 +2331,10 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                     default: withCtx(() => [
                       createVNode(_sfc_main$y, {
                         "apply-button": !0,
-                        "model-value": unref(y).date || "",
+                        "model-value": unref(f).date || "",
                         "start-date": e.startDate ? new Date(e.startDate) : /* @__PURE__ */ new Date(),
                         onCancel: m[1] || (m[1] = (I) => r.value = !1),
-                        "onUpdate:modelValue": m[2] || (m[2] = (I) => (g({ date: I, time: unref(y).time }), r.value = !1))
+                        "onUpdate:modelValue": m[2] || (m[2] = (I) => (g({ date: I, time: unref(f).time }), r.value = !1))
                       }, null, 8, ["model-value", "start-date"])
                     ]),
                     _: 1
@@ -2261,18 +2345,18 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
             ])) : (openBlock(), createBlock(O, {
               key: 1,
               label: unref(o)("connect.template.rule.schedule.notify_date"),
-              "model-value": unref(y).date || "",
-              "onUpdate:modelValue": m[4] || (m[4] = (I) => g({ date: I, 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"
+              "model-value": unref(f).date || "",
+              "onUpdate:modelValue": m[4] || (m[4] = (I) => g({ date: I, time: unref(f).time })),
+              "helper-text": unref(f).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+              "helper-state": unref(f).date ? void 0 : "error"
             }, null, 8, ["label", "model-value", "helper-text", "helper-state"]))
           ]),
-          unref(y).date && unref(y).time && unref(V) ? (openBlock(), createBlock(L, {
+          unref(f).date && unref(f).time && unref(V) ? (openBlock(), createBlock(j, {
             key: 0,
             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(l)).format("Z")}) (${unref(moment)(unref(V)).fromNow()})`
           }, null, 8, ["text"])) : createCommentVNode("", !0),
-          unref(p) ? (openBlock(), createBlock(L, {
+          unref(p) ? (openBlock(), createBlock(j, {
             key: 1,
             text: "Repeating schedule was updated to stay anchored to the campaign start date.",
             state: "warning"
@@ -2290,7 +2374,7 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = computed(
+    const { t: o } = useI18n(), d = e, i = s, c = computed(
       () => [
         {
           label: o("connect.campaign.gameType.option.FORTUNE_WHEEL.label"),
@@ -2311,15 +2395,15 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
         createElementVNode("div", _hoisted_2$b, toDisplayString(unref(o)("connect.template.select_game")), 1),
         createElementVNode("div", _hoisted_3$8, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (r) => (openBlock(), createBlock(a, {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (r) => (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(i).length == 1,
+              "col-span-2": unref(c).length == 1,
               "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == r.value,
               "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              d.modelValue != r.value && c("update:model-value", r.value);
+              d.modelValue != r.value && i("update:model-value", r.value);
             },
             key: r.value
           }, {
@@ -2340,28 +2424,28 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
   __name: "EditRewardPoolSheet",
   emits: ["update:model-value"],
   setup(e, { expose: s, emit: o }) {
-    const d = useMembershipStore(), { minor: c } = useLoading, i = ref(!1), l = ref(), n = ref(), a = ref(0), r = computed(() => {
-      var f;
-      return ((f = d.loyaltyRewards.items.find(
+    const d = useMembershipStore(), { minor: i } = useLoading, c = ref(!1), l = ref(), n = ref(), a = ref(0), r = computed(() => {
+      var y;
+      return ((y = d.loyaltyRewards.items.find(
         (g) => {
           var u;
           return g.value === ((u = l.value) == null ? void 0 : u.collectible);
         }
-      )) == null ? void 0 : f.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+      )) == null ? void 0 : y.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
     }), p = computed(() => {
-      const x = r.value.safeParse(l.value);
-      return x.success ? [] : x.error.errors;
+      const k = r.value.safeParse(l.value);
+      return k.success ? [] : k.error.errors;
     });
-    function v(x, f, g) {
-      x && (l.value = f, a.value = g), i.value = x;
+    function v(k, y, g) {
+      k && (l.value = y, a.value = g), c.value = k;
     }
-    const y = o;
+    const f = o;
     async function V() {
-      const x = r.value.safeParse(l.value);
-      x.success && (await c(
+      const k = r.value.safeParse(l.value);
+      k.success && (await i(
         async () => {
-          x.data.type === "VOUCHER" && n.value && (x.data.collectibleConfig.image = await firebaseStorage.update(
-            x.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
+          k.data.type === "VOUCHER" && n.value && (k.data.collectibleConfig.image = await firebaseStorage.update(
+            k.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
             n.value
           ));
         },
@@ -2369,18 +2453,18 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
           message: "Uploading reward image",
           successMessage: "Reward image updated"
         }
-      ), y("update:model-value", x.data, a.value));
+      ), f("update:model-value", k.data, a.value));
     }
     return s({
       showSheet: v
-    }), (x, f) => {
+    }), (k, y) => {
       const g = resolveComponent("FmSelect"), u = resolveComponent("FmStepperField"), m = resolveComponent("FmButton"), C = resolveComponent("FmSideSheet");
       return openBlock(), createBlock(C, {
         "max-width": 560,
-        modelValue: unref(i),
+        modelValue: unref(c),
         "onUpdate:modelValue": [
-          f[9] || (f[9] = (k) => isRef(i) ? i.value = k : null),
-          f[10] || (f[10] = (k) => i.value = k)
+          y[9] || (y[9] = (x) => isRef(c) ? c.value = x : null),
+          y[10] || (y[10] = (x) => c.value = x)
         ],
         header: "Edit reward",
         "dismiss-away": ""
@@ -2392,18 +2476,18 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
               type: "button",
               disabled: unref(p).length > 0,
               label: "Confirm",
-              onClick: f[7] || (f[7] = (k) => V())
+              onClick: y[7] || (y[7] = (x) => V())
             }, null, 8, ["disabled"]),
             createVNode(m, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: f[8] || (f[8] = (k) => i.value = !1)
+              onClick: y[8] || (y[8] = (x) => c.value = !1)
             })
           ])
         ]),
         default: withCtx(() => {
-          var k, $, R;
+          var x, $, F;
           return [
             unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
               createVNode(g, {
@@ -2414,12 +2498,12 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                   { label: "Loyalty", value: "LOYALTY" }
                 ],
                 "model-value": unref(l).type,
-                "onUpdate:modelValue": f[0] || (f[0] = (B) => {
-                  B == "NO_REWARD" ? l.value = {
+                "onUpdate:modelValue": y[0] || (y[0] = (N) => {
+                  N == "NO_REWARD" ? l.value = {
                     type: "NO_REWARD",
                     collectible: null,
                     weight: 1
-                  } : B === "VOUCHER" ? l.value = {
+                  } : N === "VOUCHER" ? l.value = {
                     collectible: null,
                     type: "VOUCHER",
                     collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
@@ -2453,25 +2537,25 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                 rules: [unref(ZodHelper).ruleAtPath(unref(r), "collectible", [unref(l).type])],
                 items: unref(d).loyaltyRewards.items,
                 "model-value": unref(l).collectible,
-                "onUpdate:modelValue": f[1] || (f[1] = (B) => unref(l).collectible = B)
+                "onUpdate:modelValue": y[1] || (y[1] = (N) => unref(l).collectible = N)
               }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
               createVNode(u, {
                 label: "Weight",
                 rules: [unref(ZodHelper).ruleAtPath(unref(r), "weight", [unref(l).type])],
                 "model-value": unref(l).weight,
-                "onUpdate:modelValue": f[2] || (f[2] = (B) => l.value = {
+                "onUpdate:modelValue": y[2] || (y[2] = (N) => l.value = {
                   ...unref(l),
-                  weight: B
+                  weight: N
                 })
               }, null, 8, ["rules", "model-value"]),
               unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((k = unref(d).loyaltyRewards.items.find(
-                  (B) => {
+                ((x = unref(d).loyaltyRewards.items.find(
+                  (N) => {
                     var D;
-                    return B.value === ((D = unref(l)) == null ? void 0 : D.collectible);
+                    return N.value === ((D = unref(l)) == null ? void 0 : D.collectible);
                   }
-                )) == null ? void 0 : k.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  f[11] || (f[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                )) == null ? void 0 : x.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  y[11] || (y[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
                   createVNode(_sfc_main$z, {
                     class: "mt-[-8px]",
                     rules: [
@@ -2481,39 +2565,39 @@ const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { cla
                     "error-text": unref(ZodHelper).helperText(unref(p), "earningOption"),
                     "fixed-type": !0,
                     "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": f[3] || (f[3] = (B) => l.value = {
+                    "onUpdate:modelValue": y[3] || (y[3] = (N) => l.value = {
                       ...unref(l),
-                      earningOption: B
+                      earningOption: N
                     })
                   }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
                 ], 64)) : createCommentVNode("", !0),
-                f[12] || (f[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
+                y[12] || (y[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
                 createVNode(_sfc_main$A, {
                   type: unref(l).type === "LOYALTY" ? "custom" : "range",
                   "for-credit": unref(l).type === "LOYALTY" && (($ = unref(d).loyaltyRewards.items.find(
-                    (B) => {
+                    (N) => {
                       var D;
-                      return B.value === ((D = unref(l)) == null ? void 0 : D.collectible);
+                      return N.value === ((D = unref(l)) == null ? void 0 : D.collectible);
                     }
                   )) == null ? void 0 : $.raw.type) === "CREDIT",
                   class: "!gap-24",
                   rules: [unref(ZodHelper).ruleAtPath(unref(r), "validityOption", [unref(l).type])],
                   "model-value": unref(l).validityOption,
-                  "onUpdate:modelValue": f[4] || (f[4] = (B) => l.value = {
+                  "onUpdate:modelValue": y[4] || (y[4] = (N) => l.value = {
                     ...unref(l),
-                    validityOption: B
+                    validityOption: N
                   })
                 }, null, 8, ["type", "for-credit", "rules", "model-value"])
               ], 64)) : createCommentVNode("", !0),
               unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$B, {
                 key: 2,
                 "reward-image": unref(n),
-                "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": f[5] || (f[5] = (B) => l.value = {
+                "model-value": ((F = unref(l)) == null ? void 0 : F.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": y[5] || (y[5] = (N) => l.value = {
                   ...unref(l),
-                  collectibleConfig: B
+                  collectibleConfig: N
                 }),
-                "onUpdate:rewardImage": f[6] || (f[6] = (B) => n.value = B)
+                "onUpdate:rewardImage": y[6] || (y[6] = (N) => n.value = N)
               }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
               createVNode(JsonViewer, { json: unref(p) }, null, 8, ["json"])
             ])) : createCommentVNode("", !0)
@@ -2543,36 +2627,36 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const o = e, d = s, c = useMembershipStore(), { t: i } = useI18n(), l = z$1.array(z$1.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), n = computed(() => o.modelValue ?? []), a = computed(() => {
-      const f = l.safeParse(n.value);
-      return f.success ? [] : f.error.errors;
+    const o = e, d = s, i = useMembershipStore(), { t: c } = useI18n(), l = z$1.array(z$1.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), n = computed(() => o.modelValue ?? []), a = computed(() => {
+      const y = l.safeParse(n.value);
+      return y.success ? [] : y.error.errors;
     }), r = ref();
-    function p(f, g) {
+    function p(y, g) {
       var m;
       const u = [...n.value];
-      u[g] = f, (m = r.value) == null || m.showSheet(!1), d("update:model-value", u);
+      u[g] = y, (m = r.value) == null || m.showSheet(!1), d("update:model-value", u);
     }
-    function v(f) {
-      const g = f.type == "VOUCHER" ? f.collectibleConfig : c.collectibles.find(
-        (C) => C._id.toString() == f.collectible
-      ), u = CollectionUtils.formattedType((g == null ? void 0 : g.name) || ""), m = f.weight;
+    function v(y) {
+      const g = y.type == "VOUCHER" ? y.collectibleConfig : i.collectibles.find(
+        (C) => C._id.toString() == y.collectible
+      ), u = CollectionUtils.formattedType((g == null ? void 0 : g.name) || ""), m = y.weight;
       return {
         label: isNullOrEmpty(u) ? "NO REWARD" : u,
-        sublabel: `${m} (${(m / n.value.reduce((C, k) => C + k.weight, 0) * 100).toFixed(2)}%)`
+        sublabel: `${m} (${(m / n.value.reduce((C, x) => C + x.weight, 0) * 100).toFixed(2)}%)`
       };
     }
-    function y(f) {
+    function f(y) {
       var u;
       const g = [...n.value];
-      (u = r.value) == null || u.showSheet(!0, g[f], f);
+      (u = r.value) == null || u.showSheet(!0, g[y], y);
     }
-    function V(f) {
+    function V(y) {
       const g = [...n.value];
-      g.splice(f, 1), d("update:model-value", g);
+      g.splice(y, 1), d("update:model-value", g);
     }
-    function x() {
-      var f;
-      (f = r.value) == null || f.showSheet(
+    function k() {
+      var y;
+      (y = r.value) == null || y.showSheet(
         !0,
         {
           type: "NO_REWARD",
@@ -2582,41 +2666,41 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
         n.value.length
       );
     }
-    return (f, g) => {
+    return (y, g) => {
       const u = resolveComponent("FmButton"), m = resolveComponent("FmCard"), C = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(i)("connect.template.configure_reward_type")), 1),
+        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(c)("connect.template.configure_reward_type")), 1),
         createVNode(u, {
-          label: unref(i)("connect.campaign.rewardPool.addReward"),
-          onClick: g[0] || (g[0] = (k) => x()),
+          label: unref(c)("connect.campaign.rewardPool.addReward"),
+          onClick: g[0] || (g[0] = (x) => k()),
           variant: "plain",
           icon: "add"
         }, null, 8, ["label"]),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (k, $) => (openBlock(), createBlock(m, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (x, $) => (openBlock(), createBlock(m, {
           key: $,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (R) => y($)
+          onClick: (F) => f($)
         }, {
           default: withCtx(() => {
-            var R;
+            var F;
             return [
               createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_3$7, toDisplayString(k.type == "LOYALTY" ? (R = k == null ? void 0 : k.earningOption) == null ? void 0 : R.amount : "") + " " + toDisplayString(v(k).label), 1),
-                createElementVNode("div", _hoisted_4$6, toDisplayString(v(k).sublabel), 1)
+                createElementVNode("div", _hoisted_3$7, toDisplayString(x.type == "LOYALTY" ? (F = x == null ? void 0 : x.earningOption) == null ? void 0 : F.amount : "") + " " + toDisplayString(v(x).label), 1),
+                createElementVNode("div", _hoisted_4$6, toDisplayString(v(x).sublabel), 1)
               ]),
               createVNode(u, {
                 icon: "delete",
                 variant: "tertiary",
-                onClick: (B) => (B.stopPropagation(), V($))
+                onClick: (N) => (N.stopPropagation(), V($))
               }, null, 8, ["onClick"])
             ];
           }),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a).filter((k) => k.path.join(".") == ""), (k) => (openBlock(), createBlock(C, {
-          key: k.message,
-          text: k.message,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a).filter((x) => x.path.join(".") == ""), (x) => (openBlock(), createBlock(C, {
+          key: x.message,
+          text: x.message,
           state: "error"
         }, null, 8, ["text"]))), 128)),
         createVNode(_sfc_main$d, {
@@ -2639,7 +2723,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = computed(() => [
+    const { t: o } = useI18n(), d = e, i = s, c = computed(() => [
       {
         label: o("connect.template.promotion_game.rock_paper_scissors.label"),
         description: o("connect.template.promotion_game.rock_paper_scissors.description"),
@@ -2647,33 +2731,33 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       }
     ]);
     return (l, n) => {
-      var v, y, V;
+      var v, f, V;
       const a = resolveComponent("FmSwitch"), r = resolveComponent("FmCard"), p = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(a, {
           label: unref(o)("connect.template.promotion_game.enable"),
           "model-value": !!((v = e.modelValue) != null && v.gameType),
-          "onUpdate:modelValue": n[0] || (n[0] = (x) => x ? c("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : c("update:model-value", null))
+          "onUpdate:modelValue": n[0] || (n[0] = (k) => k ? i("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : i("update:model-value", null))
         }, null, 8, ["label", "model-value"]),
-        ((y = e.modelValue) == null ? void 0 : y.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (x) => {
-            var f, g;
+        ((f = e.modelValue) == null ? void 0 : f.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (k) => {
+            var y, g;
             return openBlock(), createBlock(r, {
               variant: "outlined",
               class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                "col-span-2": unref(i).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((f = e.modelValue) == null ? void 0 : f.gameType) == x.value,
-                "hover:bg-fm-color-opacity-sm": ((g = e.modelValue) == null ? void 0 : g.gameType) != x.value
+                "col-span-2": unref(c).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((y = e.modelValue) == null ? void 0 : y.gameType) == k.value,
+                "hover:bg-fm-color-opacity-sm": ((g = e.modelValue) == null ? void 0 : g.gameType) != k.value
               }]),
               onClick: () => {
                 var u;
-                ((u = d.modelValue) == null ? void 0 : u.gameType) != x.value && c("update:model-value", { gameType: x.value });
+                ((u = d.modelValue) == null ? void 0 : u.gameType) != k.value && i("update:model-value", { gameType: k.value });
               },
-              key: x.value
+              key: k.value
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$6, toDisplayString(x.label), 1),
-                createElementVNode("div", _hoisted_4$5, toDisplayString(x.description), 1)
+                createElementVNode("div", _hoisted_3$6, toDisplayString(k.label), 1),
+                createElementVNode("div", _hoisted_4$5, toDisplayString(k.description), 1)
               ]),
               _: 2
             }, 1032, ["class", "onClick"]);
@@ -2703,12 +2787,12 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = ref(d.modelValue ?? {}), l = ref(
+    const { t: o } = useI18n(), d = e, i = s, c = ref(d.modelValue ?? {}), l = ref(
       (() => {
         const v = {};
-        return i.value.workingHour && Object.keys(i.value.workingHour).forEach((y) => {
-          const V = i.value.workingHour[y];
-          V && "periods" in V && Array.isArray(V.periods) ? v[y] = V.periods : Array.isArray(V) && (v[y] = V);
+        return c.value.workingHour && Object.keys(c.value.workingHour).forEach((f) => {
+          const V = c.value.workingHour[f];
+          V && "periods" in V && Array.isArray(V.periods) ? v[f] = V.periods : Array.isArray(V) && (v[f] = V);
         }), v;
       })()
     ), n = [
@@ -2724,25 +2808,25 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
         startTime: "00:00",
         endTime: "23:59"
       }), p();
-    }, r = (v, y) => {
-      l.value[v] && l.value[v].length > y && (l.value[v].splice(y, 1), l.value[v].length === 0 && delete l.value[v], p());
+    }, r = (v, f) => {
+      l.value[v] && l.value[v].length > f && (l.value[v].splice(f, 1), l.value[v].length === 0 && delete l.value[v], p());
     }, p = () => {
       const v = Object.keys(l.value).reduce(
-        (y, V) => (l.value[V] && l.value[V].length > 0 && (y[V] = {
+        (f, V) => (l.value[V] && l.value[V].length > 0 && (f[V] = {
           periods: l.value[V]
-        }), y),
+        }), f),
         {}
       );
-      i.value.workingHour = Object.keys(v).length > 0 ? v : void 0;
+      c.value.workingHour = Object.keys(v).length > 0 ? v : void 0;
     };
-    return watch(i, () => c("update:model-value", i.value), { deep: !0 }), watch(l, p, { deep: !0 }), (v, y) => {
-      const V = resolveComponent("FmSelect"), x = resolveComponent("FmStepperField"), f = resolveComponent("FmCheckbox"), g = resolveComponent("FmTimePicker"), u = resolveComponent("FmButton");
+    return watch(c, () => i("update:model-value", c.value), { deep: !0 }), watch(l, p, { deep: !0 }), (v, f) => {
+      const V = resolveComponent("FmSelect"), k = resolveComponent("FmStepperField"), y = resolveComponent("FmCheckbox"), g = resolveComponent("FmTimePicker"), u = resolveComponent("FmButton");
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", _hoisted_2$7, [
           createVNode(V, {
             label: unref(o)("connect.template.eaterType"),
-            modelValue: unref(i).eaterType,
-            "onUpdate:modelValue": y[0] || (y[0] = (m) => unref(i).eaterType = m),
+            modelValue: unref(c).eaterType,
+            "onUpdate:modelValue": f[0] || (f[0] = (m) => unref(c).eaterType = m),
             items: [
               { label: unref(o)("connect.template.allEaters"), value: "all" },
               { label: unref(o)("connect.template.newEatersOnly"), value: "new" },
@@ -2753,9 +2837,9 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
             ],
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "eaterType")]
           }, null, 8, ["label", "modelValue", "items", "rules"]),
-          createVNode(x, {
-            modelValue: unref(i).minBasketAmount,
-            "onUpdate:modelValue": y[1] || (y[1] = (m) => unref(i).minBasketAmount = m),
+          createVNode(k, {
+            modelValue: unref(c).minBasketAmount,
+            "onUpdate:modelValue": f[1] || (f[1] = (m) => unref(c).minBasketAmount = m),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "minBasketAmount")]
           }, {
@@ -2769,9 +2853,9 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
             ]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          createVNode(x, {
-            modelValue: unref(i).bundleQuantity,
-            "onUpdate:modelValue": y[2] || (y[2] = (m) => unref(i).bundleQuantity = m),
+          createVNode(k, {
+            modelValue: unref(c).bundleQuantity,
+            "onUpdate:modelValue": f[2] || (f[2] = (m) => unref(c).bundleQuantity = m),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "bundleQuantity")]
           }, {
@@ -2794,7 +2878,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               class: "space-y-2"
             }, [
               createElementVNode("div", _hoisted_6$3, [
-                createVNode(f, {
+                createVNode(y, {
                   label: m.label,
                   "model-value": !!(unref(l)[m.key] && unref(l)[m.key].length > 0),
                   "onUpdate:modelValue": (C) => {
@@ -2803,30 +2887,30 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                 }, null, 8, ["label", "model-value", "onUpdate:modelValue"])
               ]),
               unref(l)[m.key] && unref(l)[m.key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l)[m.key] || [], (C, k) => (openBlock(), createElementBlock("div", {
-                  key: k,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l)[m.key] || [], (C, x) => (openBlock(), createElementBlock("div", {
+                  key: x,
                   class: "flex items-center space-x-2 w-100"
                 }, [
                   createVNode(g, {
                     "model-value": C.startTime || "",
                     "onUpdate:modelValue": ($) => {
-                      unref(l)[m.key] && unref(l)[m.key][k] && (unref(l)[m.key][k].startTime = $ || "", p());
+                      unref(l)[m.key] && unref(l)[m.key][x] && (unref(l)[m.key][x].startTime = $ || "", p());
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  y[3] || (y[3] = createElementVNode("span", null, "to", -1)),
+                  f[3] || (f[3] = createElementVNode("span", null, "to", -1)),
                   createVNode(g, {
                     "model-value": C.endTime || "",
                     "onUpdate:modelValue": ($) => {
-                      unref(l)[m.key] && unref(l)[m.key][k] && (unref(l)[m.key][k].endTime = $ || "", p());
+                      unref(l)[m.key] && unref(l)[m.key][x] && (unref(l)[m.key][x].endTime = $ || "", p());
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
                   createVNode(u, {
                     variant: "tertiary",
                     size: "sm",
-                    onClick: ($) => r(m.key, k),
+                    onClick: ($) => r(m.key, x),
                     icon: "close"
                   }, null, 8, ["onClick"]),
-                  k === 0 ? (openBlock(), createBlock(u, {
+                  x === 0 ? (openBlock(), createBlock(u, {
                     key: 0,
                     onClick: ($) => a(m.key),
                     icon: "add",
@@ -2853,14 +2937,14 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = ref(d.modelValue ?? {});
-    return watch(i, () => c("update:model-value", i.value)), (l, n) => {
+    const { t: o } = useI18n(), d = e, i = s, c = ref(d.modelValue ?? {});
+    return watch(c, () => i("update:model-value", c.value)), (l, n) => {
       const a = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", _hoisted_2$6, [
           createVNode(a, {
-            modelValue: unref(i).totalCount,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => unref(i).totalCount = r),
+            modelValue: unref(c).totalCount,
+            "onUpdate:modelValue": n[0] || (n[0] = (r) => unref(c).totalCount = r),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCount")]
           }, {
@@ -2875,8 +2959,8 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
             _: 1
           }, 8, ["modelValue", "rules"]),
           createVNode(a, {
-            modelValue: unref(i).totalCountPerUser,
-            "onUpdate:modelValue": n[1] || (n[1] = (r) => unref(i).totalCountPerUser = r),
+            modelValue: unref(c).totalCountPerUser,
+            "onUpdate:modelValue": n[1] || (n[1] = (r) => unref(c).totalCountPerUser = r),
             "show-steppers": !1,
             rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCountPerUser")]
           }, {
@@ -2903,7 +2987,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = computed(() => [
+    const { t: o } = useI18n(), d = e, i = s, c = computed(() => [
       {
         label: o("connect.campaign.mission.typeOption.STAMP.label"),
         description: o("connect.campaign.mission.typeOption.STAMP.description"),
@@ -2920,15 +3004,15 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         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(i), (r) => (openBlock(), createBlock(a, {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (r) => (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(i).length == 1,
+              "col-span-2": unref(c).length == 1,
               "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == r.value,
               "hover:bg-fm-color-opacity-sm": e.modelValue != r.value
             }]),
             onClick: () => {
-              d.modelValue != r.value && c("update:model-value", r.value);
+              d.modelValue != r.value && i("update:model-value", r.value);
             },
             key: r.value
           }, {
@@ -2958,14 +3042,14 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
     const o = s;
-    return (d, c) => {
-      const i = resolveComponent("FmStepperField");
+    return (d, i) => {
+      const c = resolveComponent("FmStepperField");
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        c[1] || (c[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
-        createVNode(i, {
+        i[1] || (i[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
+        createVNode(c, {
           label: "Maximum to collect",
           "model-value": e.modelValue || null,
-          "onUpdate:modelValue": c[0] || (c[0] = (l) => o("update:model-value", l)),
+          "onUpdate:modelValue": i[0] || (i[0] = (l) => o("update:model-value", l)),
           "helper-text": e.helperText || "Set the threshold required for reward eligibility",
           "helper-state": e.helperState || "none"
         }, null, 8, ["model-value", "helper-text", "helper-state"])
@@ -2982,9 +3066,9 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   },
   emits: ["update:model-value"],
   setup(e, { expose: s, emit: o }) {
-    const d = e, c = useMembershipStore(), { minor: i } = useLoading, l = ref(!1), n = ref(), a = ref(), r = ref(0), p = computed(() => {
+    const d = e, i = useMembershipStore(), { minor: c } = useLoading, l = ref(!1), n = ref(), a = ref(), r = ref(0), p = computed(() => {
       var u;
-      return ((u = c.loyaltyRewards.items.find(
+      return ((u = i.loyaltyRewards.items.find(
         (m) => {
           var C;
           return m.value === ((C = n.value) == null ? void 0 : C.collectible);
@@ -2994,13 +3078,13 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       const g = p.value.safeParse(n.value);
       return g.success ? [] : g.error.errors;
     });
-    function y(g, u, m) {
+    function f(g, u, m) {
       g && (n.value = u, r.value = m), l.value = g;
     }
     const V = o;
-    async function x() {
+    async function k() {
       const g = p.value.safeParse(n.value);
-      g.success && (await i(
+      g.success && (await c(
         async () => {
           g.data.type === "VOUCHER" && a.value && (g.data.collectibleConfig.image = await firebaseStorage.update(
             g.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, a.value),
@@ -3013,17 +3097,17 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
         }
       ), V("update:model-value", g.data, r.value));
     }
-    const f = ref();
+    const y = ref();
     return s({
-      showSheet: y
+      showSheet: f
     }), (g, u) => {
-      const m = resolveComponent("FmStepperField"), C = resolveComponent("FmSelect"), k = resolveComponent("FmForm"), $ = resolveComponent("FmButton"), R = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(R, {
+      const m = resolveComponent("FmStepperField"), C = resolveComponent("FmSelect"), x = resolveComponent("FmForm"), $ = resolveComponent("FmButton"), F = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(F, {
         "max-width": 560,
         modelValue: unref(l),
         "onUpdate:modelValue": [
-          u[10] || (u[10] = (B) => isRef(l) ? l.value = B : null),
-          u[11] || (u[11] = (B) => l.value = B)
+          u[10] || (u[10] = (N) => isRef(l) ? l.value = N : null),
+          u[11] || (u[11] = (N) => l.value = N)
         ],
         header: "Edit reward",
         "dismiss-away": ""
@@ -3036,29 +3120,29 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
               label: "Confirm",
               disabled: unref(v).length > 0,
               onClick: u[8] || (u[8] = async () => {
-                var B;
-                return (B = unref(f)) == null ? void 0 : B.validateInputs();
+                var N;
+                return (N = unref(y)) == null ? void 0 : N.validateInputs();
               })
             }, null, 8, ["disabled"]),
             createVNode($, {
               variant: "secondary",
               type: "button",
               label: "Cancel",
-              onClick: u[9] || (u[9] = (B) => l.value = !1)
+              onClick: u[9] || (u[9] = (N) => l.value = !1)
             })
           ])
         ]),
         default: withCtx(() => [
           createVNode(JsonViewer, { json: unref(n) }, null, 8, ["json"]),
-          unref(n) ? (openBlock(), createBlock(k, {
+          unref(n) ? (openBlock(), createBlock(x, {
             key: 0,
             class: "flex flex-col gap-y-24",
             ref_key: "formRef",
-            ref: f,
-            onValidationSuccess: u[7] || (u[7] = (B) => x())
+            ref: y,
+            onValidationSuccess: u[7] || (u[7] = (N) => k())
           }, {
             default: withCtx(() => {
-              var B, D;
+              var N, D;
               return [
                 unref(n).type ? (openBlock(), createBlock(m, {
                   key: 0,
@@ -3085,7 +3169,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                   ],
                   "model-value": unref(n).type,
                   "onUpdate:modelValue": u[1] || (u[1] = (w) => {
-                    var O, L;
+                    var O, j;
                     w === "VOUCHER" ? n.value = {
                       collectible: null,
                       type: "VOUCHER",
@@ -3101,7 +3185,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                       },
                       threshold: (O = unref(n)) == null ? void 0 : O.threshold
                     } : n.value = {
-                      collectible: unref(c).loyaltyRewards.raw[0]._id,
+                      collectible: unref(i).loyaltyRewards.raw[0]._id,
                       type: "LOYALTY",
                       earningOption: {
                         amount: 1,
@@ -3110,7 +3194,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                       validityOption: {
                         validForDay: 7
                       },
-                      threshold: (L = unref(n)) == null ? void 0 : L.threshold
+                      threshold: (j = unref(n)) == null ? void 0 : j.threshold
                     };
                   })
                 }, null, 8, ["model-value"]),
@@ -3118,7 +3202,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                   key: 1,
                   label: "Loyalty type",
                   rules: [unref(ZodHelper).ruleAtPath(unref(p), "collectible", [unref(n).type])],
-                  items: unref(c).loyaltyRewards.items,
+                  items: unref(i).loyaltyRewards.items,
                   "model-value": unref(n).collectible,
                   "onUpdate:modelValue": u[2] || (u[2] = (w) => unref(n).collectible = w)
                 }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
@@ -3139,12 +3223,12 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
                   createVNode(_sfc_main$A, {
                     class: "!gap-24",
                     type: unref(n).type === "LOYALTY" ? "custom" : "range",
-                    "for-credit": unref(n).type === "LOYALTY" && ((B = unref(c).loyaltyRewards.items.find(
+                    "for-credit": unref(n).type === "LOYALTY" && ((N = unref(i).loyaltyRewards.items.find(
                       (w) => {
                         var O;
                         return w.value === ((O = unref(n)) == null ? void 0 : O.collectible);
                       }
-                    )) == null ? void 0 : B.raw.type) === "CREDIT",
+                    )) == null ? void 0 : N.raw.type) === "CREDIT",
                     rules: [unref(ZodHelper).ruleAtPath(unref(p), "validityOption", [unref(n).type])],
                     "model-value": unref(n).validityOption,
                     "onUpdate:modelValue": u[4] || (u[4] = (w) => n.value = {
@@ -3197,7 +3281,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
     }
   },
   setup(e) {
-    const s = e, { maxRange: o, currentRange: d, markers: c } = toRefs(s), i = computed(
+    const s = e, { maxRange: o, currentRange: d, markers: i } = toRefs(s), c = computed(
       () => Math.min(d.value / o.value * 100, 100)
     ), l = (n) => n / o.value * 100;
     return (n, a) => {
@@ -3209,7 +3293,7 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
           ),
           outline: unref(d) < p,
           key: p,
-          name: unref(c).some((v) => v === p) ? "featured_seasonal_and_gifts" : "check_circle"
+          name: unref(i).some((v) => v === p) ? "featured_seasonal_and_gifts" : "check_circle"
         }, null, 8, ["class", "outline", "name"]))), 128))
       ])) : (openBlock(), createElementBlock("div", {
         key: 1,
@@ -3217,9 +3301,9 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
       }, [
         createElementVNode("div", {
           class: normalizeClass(["bg-fm-color-primary", "absolute top-0 left-0 h-full rounded-lg"]),
-          style: normalizeStyle({ width: unref(i) + "%" })
+          style: normalizeStyle({ width: unref(c) + "%" })
         }, null, 4),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (p, v) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (p, v) => (openBlock(), createElementBlock("div", {
           key: v,
           class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
           style: normalizeStyle({ left: l(p) + "%" })
@@ -3236,16 +3320,16 @@ const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-e
   }
 }), isObject = (e) => e !== null && typeof e == "object";
 function changeKeysFactory(e) {
-  return function s(o, d = 1, c) {
+  return function s(o, d = 1, i) {
     if (d === 0 || !isObject(o))
       return o;
     if (Array.isArray(o))
-      return o.map((l) => s(l, d - 1, c));
-    const i = Object.create(Object.getPrototypeOf(o));
+      return o.map((l) => s(l, d - 1, i));
+    const c = Object.create(Object.getPrototypeOf(o));
     return Object.keys(o).forEach((l) => {
-      const n = o[l], a = e(l, c), r = s(n, d - 1, c);
-      i[a] = r;
-    }), i;
+      const n = o[l], a = e(l, i), r = s(n, d - 1, i);
+      c[a] = r;
+    }), c;
   };
 }
 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({
@@ -3262,7 +3346,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = s, i = useMembershipStore(), l = z$1.array(z$1.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), n = computed(
+    const { t: o } = useI18n(), d = e, i = s, c = useMembershipStore(), l = z$1.array(z$1.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), n = computed(
       () => d.modelValue.sort((g, u) => g.threshold - u.threshold) ?? []
     ), a = computed(() => {
       const g = l.safeParse(n.value);
@@ -3271,11 +3355,11 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
     function p(g, u) {
       var C;
       const m = [...n.value];
-      m[u] = g, (C = r.value) == null || C.showSheet(!1), c("update:model-value", m);
+      m[u] = g, (C = r.value) == null || C.showSheet(!1), i("update:model-value", m);
     }
     function v(g) {
-      const u = g.type == "VOUCHER" ? g.collectibleConfig : i.collectibles.find(
-        (k) => k._id.toString() == g.collectible
+      const u = g.type == "VOUCHER" ? g.collectibleConfig : c.collectibles.find(
+        (x) => x._id.toString() == g.collectible
       ), m = CollectionUtils.formattedType((u == null ? void 0 : u.name) || ""), C = g.earningOption.type == "FIXED" ? o("connect.template.mission_pool.reward_sublabel_fixed", {
         threshold: g.threshold,
         amount: g.earningOption.amount
@@ -3289,22 +3373,22 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         sublabel: C
       };
     }
-    function y(g) {
+    function f(g) {
       var m;
       const u = [...n.value];
       (m = r.value) == null || m.showSheet(!0, u[g], g);
     }
     function V(g) {
       const u = [...n.value];
-      u.splice(g, 1), c("update:model-value", u);
+      u.splice(g, 1), i("update:model-value", u);
     }
-    function x() {
+    function k() {
       var g;
       (g = r.value) == null || g.showSheet(
         !0,
         {
           type: "LOYALTY",
-          collectible: i.loyaltyRewards.items[0].value,
+          collectible: c.loyaltyRewards.items[0].value,
           threshold: null,
           validityOption: {
             validForDay: 7
@@ -3317,29 +3401,29 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
         n.value.length
       );
     }
-    function f(g) {
+    function y(g) {
       var u, m;
       return g.type == "VOUCHER" ? (u = g.collectibleConfig) == null ? void 0 : u.name : sentenceCase(
-        ((m = i.loyaltyRewards.items.find(
+        ((m = c.loyaltyRewards.items.find(
           (C) => C.value == g.collectible
         )) == null ? void 0 : m.label) || ""
       );
     }
     return (g, u) => {
-      const m = resolveComponent("FmButton"), C = resolveComponent("FmCard"), k = resolveComponent("FmHelperText");
+      const m = resolveComponent("FmButton"), C = resolveComponent("FmCard"), x = resolveComponent("FmHelperText");
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createElementVNode("div", _hoisted_2$3, toDisplayString(unref(o)("connect.template.configure_reward_customer")), 1),
         createVNode(m, {
           label: unref(o)("connect.template.mission_pool.add_reward"),
-          onClick: u[0] || (u[0] = ($) => x()),
+          onClick: u[0] || (u[0] = ($) => k()),
           variant: "plain",
           icon: "add"
         }, null, 8, ["label"]),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), ($, R) => (openBlock(), createBlock(C, {
-          key: R,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), ($, F) => (openBlock(), createBlock(C, {
+          key: F,
           class: "px-16 py-12 flex items-center justify-between cursor-pointer",
           variant: "outlined",
-          onClick: (B) => y(R)
+          onClick: (N) => f(F)
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
@@ -3349,12 +3433,12 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
             createVNode(m, {
               icon: "delete",
               variant: "tertiary",
-              onClick: (B) => (B.stopPropagation(), V(R))
+              onClick: (N) => (N.stopPropagation(), V(F))
             }, null, 8, ["onClick"])
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a).filter(($) => $.path.join(".") == ""), ($) => (openBlock(), createBlock(k, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a).filter(($) => $.path.join(".") == ""), ($) => (openBlock(), createBlock(x, {
           key: $.message,
           text: $.message,
           state: "error"
@@ -3366,11 +3450,11 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           class: "p-24 space-y-16 w-fit"
         }, {
           default: withCtx(() => {
-            var $, R;
+            var $, F;
             return [
               createElementVNode("div", _hoisted_6$2, [
                 createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_7$2, toDisplayString(unref(o)("connect.template.mission_pool.collect_stamps", { end: e.mission.end })) + " " + toDisplayString((($ = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : $.earningOption.amount) > 1 ? (R = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : R.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? f(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_7$2, toDisplayString(unref(o)("connect.template.mission_pool.collect_stamps", { end: e.mission.end })) + " " + toDisplayString((($ = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : $.earningOption.amount) > 1 ? (F = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : F.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? y(e.modelValue[e.modelValue.length - 1]) : ""), 1),
                   createElementVNode("div", _hoisted_8$2, toDisplayString(unref(o)("connect.template.mission_pool.earn_stamp")), 1)
                 ])
               ]),
@@ -3379,7 +3463,7 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
                   type: e.mission.type,
                   "max-range": e.mission.end,
                   currentRange: e.mission.end / 4,
-                  markers: e.modelValue.map((B) => B.threshold)
+                  markers: e.modelValue.map((N) => N.threshold)
                 }, null, 8, ["type", "max-range", "currentRange", "markers"]),
                 e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_10$2, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
               ])
@@ -3403,10 +3487,10 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
   },
   emits: ["update:model-value"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), d = e, c = computed(() => {
+    const { t: o } = useI18n(), d = e, i = computed(() => {
       const n = FdoMission.safeParse(d.modelValue);
       return n.success ? [] : n.error.errors;
-    }), i = computed(() => [
+    }), c = computed(() => [
       {
         label: o("connect.campaign.mission.typeOption.STAMP.label"),
         description: o("connect.campaign.mission.typeOption.STAMP.description"),
@@ -3426,28 +3510,28 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           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(i), (y) => {
-              var V, x;
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (f) => {
+              var V, k;
               return openBlock(), createBlock(r, {
                 variant: "outlined",
                 class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                  "col-span-2": unref(i).length == 1,
-                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((V = e.modelValue) == null ? void 0 : V.type) == y.value,
-                  "hover:bg-fm-color-opacity-sm": ((x = e.modelValue) == null ? void 0 : x.type) != y.value
+                  "col-span-2": unref(c).length == 1,
+                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((V = e.modelValue) == null ? void 0 : V.type) == f.value,
+                  "hover:bg-fm-color-opacity-sm": ((k = e.modelValue) == null ? void 0 : k.type) != f.value
                 }]),
                 onClick: () => {
-                  var f, g;
-                  ((f = e.modelValue) == null ? void 0 : f.type) != y.value && l("update:model-value", {
+                  var y, g;
+                  ((y = e.modelValue) == null ? void 0 : y.type) != f.value && l("update:model-value", {
                     ...e.modelValue,
-                    type: y.value,
+                    type: f.value,
                     end: ((g = e.modelValue) == null ? void 0 : g.end) || 1
                   });
                 },
-                key: y.value
+                key: f.value
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6$1, toDisplayString(y.label), 1),
-                  createElementVNode("div", _hoisted_7$1, toDisplayString(y.description), 1)
+                  createElementVNode("div", _hoisted_6$1, toDisplayString(f.label), 1),
+                  createElementVNode("div", _hoisted_7$1, toDisplayString(f.description), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "onClick"]);
@@ -3460,16 +3544,16 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
           createVNode(p, {
             label: unref(o)("connect.campaign.mission.maximumToCollect"),
             "model-value": ((v = e.modelValue) == null ? void 0 : v.end) || null,
-            "onUpdate:modelValue": a[0] || (a[0] = (y) => {
+            "onUpdate:modelValue": a[0] || (a[0] = (f) => {
               var V;
               return l("update:model-value", {
                 ...e.modelValue,
                 type: ((V = e.modelValue) == null ? void 0 : V.type) || "STAMP",
-                end: y
+                end: f
               });
             }),
-            "helper-text": unref(ZodHelper).helperText(unref(c), "end") || unref(o)("connect.campaign.mission.thresholdHelperText"),
-            "helper-state": unref(ZodHelper).helperState(unref(c), "end") || "none"
+            "helper-text": unref(ZodHelper).helperText(unref(i), "end") || unref(o)("connect.campaign.mission.thresholdHelperText"),
+            "helper-state": unref(ZodHelper).helperState(unref(i), "end") || "none"
           }, null, 8, ["label", "model-value", "helper-text", "helper-state"])
         ])
       ]);
@@ -3478,8 +3562,8 @@ const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class:
 });
 function useLocaleText() {
   const { locale: e, t: s } = useI18n();
-  function o(d, c) {
-    return d ? d[e.value] ?? d["en-US"] ?? s(c) : s(c);
+  function o(d, i) {
+    return d ? d[e.value] ?? d["en-US"] ?? s(i) : s(i);
   }
   return { getLocaleText: o };
 }
@@ -3506,24 +3590,29 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
     campaignType: {
       type: String,
       default: void 0
+    },
+    /** False until the form has been submitted, for fields that validate late. */
+    showValidation: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:model-value", "update:file"],
   setup(e, { emit: s }) {
-    const { t: o } = useI18n(), { getLocaleText: d } = useLocaleText(), c = e, i = s;
+    const { t: o } = useI18n(), { getLocaleText: d } = useLocaleText(), i = e, c = s;
     function l(p) {
-      switch (c.field.type) {
+      switch (i.field.type) {
         case "timeframe":
-          const v = p.startDate ? hooks(p.startDate).startOf("day").toISOString() : void 0, y = p.endDate ? hooks(p.endDate).endOf("day").toISOString() : void 0;
-          i("update:model-value", {
+          const v = p.startDate ? hooks(p.startDate).startOf("day").toISOString() : void 0, f = p.endDate ? hooks(p.endDate).endOf("day").toISOString() : void 0;
+          c("update:model-value", {
             type: "timeframe",
             property: "__now",
             start: v,
-            end: y
+            end: f
           });
           break;
         case "image": {
-          i(
+          c(
             "update:file",
             p,
             n.value || firebaseStorage.collectibleImagePath(void 0, p)
@@ -3531,42 +3620,42 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           break;
         }
         default:
-          i("update:model-value", p);
+          c("update:model-value", p);
           break;
       }
     }
     const n = computed(() => {
-      switch (c.field.type) {
+      switch (i.field.type) {
         case "timeframe": {
-          const p = c.modelValue;
+          const p = i.modelValue;
           return {
             startDate: p != null && p.start ? hooks(p == null ? void 0 : p.start).format("YYYY-MM-DD") : null,
             endDate: p != null && p.end ? hooks(p == null ? void 0 : p.end).format("YYYY-MM-DD") : null
           };
         }
         default:
-          return c.modelValue;
+          return i.modelValue;
       }
     });
     function a() {
       if (!r.value.schema) return [];
-      const p = r.value.schema.safeParse(c.modelValue);
+      const p = r.value.schema.safeParse(i.modelValue);
       return p.success ? [] : p.error.errors;
     }
     const r = computed(() => ({
-      schema: c.schema,
-      unwrapped: c.schema ? ZodHelper.unwrap(c.schema) : void 0,
-      rules: c.schema ? [ZodHelper.ruleAtPath(c.schema, "")] : void 0,
-      labelMark: c.schema && ZodHelper.isRequired(c.schema) == !1 ? "optional" : void 0,
-      zodLabel: c.schema ? ZodHelper.toInputLabel(
-        c.schema,
-        d(c.field.label_locale, c.field.label ?? "")
+      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,
+        d(i.field.label_locale, i.field.label ?? "")
       ) : void 0
     }));
     return (p, v) => {
-      var u, m, C, k, $;
-      const y = resolveComponent("FmTextField"), V = resolveComponent("FmStepperField"), x = resolveComponent("FmTextarea"), f = resolveComponent("FmHelperText"), g = resolveComponent("FmSwitch");
-      return e.field.type === "text" ? (openBlock(), createBlock(y, {
+      var u, m, C, x, $;
+      const f = resolveComponent("FmTextField"), V = resolveComponent("FmStepperField"), k = resolveComponent("FmTextarea"), y = resolveComponent("FmHelperText"), g = resolveComponent("FmSwitch");
+      return e.field.type === "text" ? (openBlock(), createBlock(f, {
         key: 0,
         label: unref(d)(e.field.label_locale, e.field.label ?? ""),
         "label-mark": unref(r).labelMark,
@@ -3577,7 +3666,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         "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(r).unwrapped, props: c }
+          json: { schema: unref(r).unwrapped, props: i }
         }, null, 8, ["json"]),
         createVNode(V, {
           label: unref(d)(e.field.label_locale, e.field.label ?? ""),
@@ -3588,7 +3677,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "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(x, {
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(k, {
         key: 2,
         label: unref(d)(e.field.label_locale, e.field.label ?? ""),
         "label-mark": unref(r).labelMark,
@@ -3596,7 +3685,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         "model-value": unref(n),
         "onUpdate:modelValue": l,
         "show-word-count": "",
-        "max-length": ($ = (k = (C = (m = (u = unref(r)) == null ? void 0 : u.unwrapped) == null ? void 0 : m._def) == null ? void 0 : C.checks) == null ? void 0 : k.find((R) => R.kind == "max")) == null ? void 0 : $.value
+        "max-length": ($ = (x = (C = (m = (u = unref(r)) == null ? void 0 : u.unwrapped) == null ? void 0 : m._def) == null ? void 0 : C.checks) == null ? void 0 : x.find((F) => F.kind == "max")) == null ? void 0 : $.value
       }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$o, {
         key: 3,
         "campaign-type": e.extras,
@@ -3608,7 +3697,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        createVNode(f, {
+        createVNode(y, {
           class: "!mt-[8px]",
           text: unref(ZodHelper).helperText(a(), ""),
           state: unref(ZodHelper).helperState(a(), "")
@@ -3660,7 +3749,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "onUpdate:modelValue": l,
           "can-set-auto-apply": e.field.property == "campaign.effect"
         }, null, 8, ["model-value", "can-set-auto-apply"]),
-        unref(n) ? createCommentVNode("", !0) : (openBlock(), createBlock(f, {
+        unref(n) ? createCommentVNode("", !0) : (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: unref(o)("connect.campaign.common.effect_required"),
@@ -3671,7 +3760,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        unref(n) ? createCommentVNode("", !0) : (openBlock(), createBlock(f, {
+        unref(n) ? createCommentVNode("", !0) : (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: unref(o)("connect.campaign.common.effect_required"),
@@ -3680,12 +3769,13 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
       ], 64)) : e.field.type === "message" ? (openBlock(), createElementBlock(Fragment, { key: 13 }, [
         e.field.property === "campaign.message" ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
+          "show-validation": e.showValidation,
           "model-value": unref(n),
           "onUpdate:modelValue": l,
           "helper-text": unref(ZodHelper).helperText(a(), ""),
           "trigger-type": e.field.extras,
           "helper-state": unref(ZodHelper).helperState(a(), "")
-        }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : (openBlock(), createBlock(_sfc_main$x, {
+        }, null, 8, ["show-validation", "model-value", "helper-text", "trigger-type", "helper-state"])) : (openBlock(), createBlock(_sfc_main$x, {
           key: 1,
           "allow-email": !0,
           "allow-whatsapp": !0,
@@ -3707,7 +3797,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         "model-value": unref(n),
         "onUpdate:modelValue": l,
         "helper-text": e.helperText || unref(ZodHelper).helperText(a(), ""),
-        "for-credit": c.campaignType === "CREDIT"
+        "for-credit": i.campaignType === "CREDIT"
       }, null, 8, ["model-value", "helper-text", "for-credit"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$e, {
         key: 16,
         "model-value": unref(n),
@@ -3742,7 +3832,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "start-date": e.extras.start,
           "end-date": e.extras.end
         }, null, 8, ["model-value", "start-date", "end-date"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -3753,14 +3843,14 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           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: 24 }, [
-        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(n).rules.g_time).length > 0 ? (openBlock(), createBlock(f, {
+        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(n).rules.g_time).length > 0 ? (openBlock(), createBlock(y, {
           key: 0,
           state: "warning",
           text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
@@ -3769,7 +3859,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 1,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -3780,7 +3870,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -3791,7 +3881,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -3802,7 +3892,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
@@ -3813,13 +3903,13 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           "model-value": unref(n),
           "onUpdate:modelValue": l
         }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(f, {
+        e.helperText ? (openBlock(), createBlock(y, {
           key: 0,
           class: "!mt-[8px]",
           text: e.helperText,
           state: "error"
         }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(c.field), 1));
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(i.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({
@@ -3832,22 +3922,25 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
   },
   setup(e) {
     const { t: s, te: o } = useI18n();
-    return (d, c) => {
-      const i = resolveComponent("FmCard");
-      return openBlock(), createBlock(i, {
+    function d(i) {
+      return o(i) || o(i, "en-US");
+    }
+    return (i, c) => {
+      const l = resolveComponent("FmCard");
+      return openBlock(), createBlock(l, {
         variant: "outlined",
         class: "p-16 space-y-8"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, toDisplayString(unref(s)("connect.campaign.common.summary")), 1),
           c[0] || (c[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, n) => (openBlock(), createElementBlock("div", {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (n, a) => (openBlock(), createElementBlock("div", {
             class: "space-y-4",
-            key: n
+            key: a
           }, [
-            l ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(s)(`${n}`)), 1),
-              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(o)(`${l}`) ? unref(s)(`${l}`) : l), 1)
+            n ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(s)(`${a}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(d(`${n}`) ? unref(s)(`${n}`) : n), 1)
             ], 64)) : createCommentVNode("", !0)
           ]))), 128))
         ]),
@@ -3877,13 +3970,13 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         console.log(
           TEMPLATES[type],
           "base template"
-        ), template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((d, c) => {
-          var i;
+        ), template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((d, i) => {
+          var c;
           if (d.campaign.type === "VOUCHER" && d.campaign.code) {
-            const l = (i = d.campaign._id) == null ? void 0 : i.toString();
+            const l = (c = d.campaign._id) == null ? void 0 : c.toString();
             useCampaignStore().campaigns.voucher.some(
               (n) => n.code === d.campaign.code && n._id.toString() !== l
-            ) && c.addIssue({
+            ) && i.addIssue({
               code: "custom",
               message: "Code already exists, please use another code",
               path: ["campaign", "code"]
@@ -3891,7 +3984,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           }
         })), data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
           ...(s = template.value) == null ? void 0 : s.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 = (o = campaign == null ? void 0 : campaign.campaign) != null && o._id ? t("connect.campaign.common.edit_campaign_title", {
+        }), "configs" in data.value && typeof data.value.configs == "string" && (data.value.configs = eval(data.value.configs)), data.value = cleanPF(data.value), type === "BROADCAST" && normaliseBroadcastDelivery(data.value.campaign), 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, submitAttempted.value = !1, sheetTitle.value = (o = campaign == null ? void 0 : campaign.campaign) != null && o._id ? 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}`)
@@ -3928,6 +4021,24 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         (o) => s.some((d) => o.path.join(".").includes(d))
       );
     }
+    const validateOnSubmit = computed(() => campaignType.value === "BROADCAST"), submitAttempted = ref(!1), showValidation = computed(
+      () => !validateOnSubmit.value || submitAttempted.value
+    ), visibleErrors = computed(
+      () => showValidation.value ? errors.value : []
+    );
+    function hasVisibleStepErrors(e) {
+      return showValidation.value && stepErrors(e).length > 0;
+    }
+    function isNextDisabled() {
+      return validateOnSubmit.value ? !1 : currentStep.value - 1 < template.value.steps.length - 1 ? stepErrors().length > 0 : errors.value.length > 0;
+    }
+    function onNext() {
+      if (stepErrors().length > 0) {
+        submitAttempted.value = !0;
+        return;
+      }
+      submitAttempted.value = !1, currentStep.value++;
+    }
     __expose({ showSheet });
     function showSummaryDialog() {
       Dialog.open({
@@ -3951,22 +4062,22 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
       return e === "campaign.message" ? "campaign.delivery" : e;
     }
     function onUpdateProperty(e, s) {
-      var o, d, c, i, l, n, a, r;
+      var o, d, i, c, l, n, a, r;
       if (e === "campaign.message" && s && "channels" in s) {
         _.set(data.value, "campaign.delivery", s);
         const p = toLegacyMessage(s);
-        p && _.set(data.value, "campaign.message", p);
+        p ? _.set(data.value, "campaign.message", p) : delete data.value.campaign.message;
         return;
       }
       if (_.set(data.value, e, s), e == "campaign.event.type") {
-        const v = ((i = (c = (d = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : d.campaign) == null ? void 0 : c.event) == null ? void 0 : i.rule) ? _.cloneDeep({
+        const v = ((c = (i = (d = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : d.campaign) == null ? void 0 : i.event) == null ? void 0 : c.rule) ? _.cloneDeep({
           ...(r = (a = (n = (l = template.value) == null ? void 0 : l.defaultValue) == null ? void 0 : n.campaign) == null ? void 0 : a.event) == null ? void 0 : r.rule
         }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
           RuleBuilder.scaffoldGroup("g_schedule"),
           RuleBuilder.scaffoldGroup("g_time"),
           RuleBuilder.scaffoldGroup("g_user"),
           RuleBuilder.scaffoldGroup("g_bill")
-        ]), y = RuleBuilder.setRuleToGroup(
+        ]), f = RuleBuilder.setRuleToGroup(
           RuleBuilder.scaffoldGroup("g_schedule"),
           [
             RuleBuilder.constructEntry(
@@ -3985,7 +4096,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
         _.set(
           data.value,
           "campaign.event.rule",
-          RuleBuilder.setRuleToGroup(v, y)
+          RuleBuilder.setRuleToGroup(v, f)
         );
       }
       e == "campaign.notify" && s == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
@@ -4006,6 +4117,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
       }
     }
     async function onSubmit() {
+      submitAttempted.value = !0;
       const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
       if (!e.success)
         return;
@@ -4016,7 +4128,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
       (s || s === void 0) && (sheetVisible.value = !1);
     }
     return (e, s) => {
-      const o = resolveComponent("FmButton"), d = resolveComponent("FmStep"), c = resolveComponent("FmStepper"), i = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
+      const o = resolveComponent("FmButton"), d = resolveComponent("FmStep"), i = resolveComponent("FmStepper"), c = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
       return openBlock(), createBlock(l, {
         "fullscreen-size": "lg",
         modelValue: unref(sheetVisible),
@@ -4037,7 +4149,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
               createVNode(o, {
                 onClick: onSubmit,
                 label: unref(t)("connect.campaign.common.save"),
-                disabled: unref(errors).length > 0
+                disabled: !unref(validateOnSubmit) && unref(errors).length > 0
               }, null, 8, ["label", "disabled"])
             ])
           ])
@@ -4072,7 +4184,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                       ])
                     ])
                   ], -1)),
-                  createVNode(i, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                  createVNode(c, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
                 ])
               ])
             ])
@@ -4082,7 +4194,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
           name: "default",
           fn: withCtx(() => [
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(c, {
+              createVNode(i, {
                 modelValue: unref(currentStep),
                 "onUpdate:modelValue": s[1] || (s[1] = (n) => isRef(currentStep) ? currentStep.value = n : null),
                 orientation: "horizontal",
@@ -4093,7 +4205,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                     key: n.name,
                     title: unref(getLocaleText)(n.name_locale, n.name),
                     value: a + 1,
-                    error: () => stepErrors(a).length > 0,
+                    error: () => hasVisibleStepErrors(a),
                     complete: () => a + 1 <= unref(currentStep)
                   }, null, 8, ["title", "value", "error", "complete"]))), 128))
                 ]),
@@ -4105,7 +4217,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                   variant: "tertiary",
                   onClick: s[2] || (s[2] = (n) => sheetVisible.value = !1)
                 }),
-                createVNode(c, {
+                createVNode(i, {
                   modelValue: unref(currentStep),
                   "onUpdate:modelValue": s[3] || (s[3] = (n) => isRef(currentStep) ? currentStep.value = n : null),
                   orientation: "horizontal",
@@ -4117,7 +4229,7 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                       title: unref(sheetTitle),
                       description: unref(getLocaleText)(n.name_locale, n.name),
                       value: a + 1,
-                      error: () => stepErrors(a).length > 0,
+                      error: () => hasVisibleStepErrors(a),
                       complete: () => a + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
                     }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
                   ]),
@@ -4157,9 +4269,10 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                         modelValue: valueForField(r.property),
                         disabled: isDisable(r),
                         "campaign-type": unref(campaignType),
+                        "show-validation": unref(showValidation),
                         "onUpdate:modelValue": (v) => onUpdateProperty(r.property, v),
-                        "onUpdate:file": async (v, y) => {
-                          const V = await onUpdateFile(v, y);
+                        "onUpdate:file": async (v, f) => {
+                          const V = await onUpdateFile(v, f);
                           onUpdateProperty(r.property, V || "");
                         },
                         schema: unref(ZodHelper).typeAtPath(
@@ -4168,15 +4281,15 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                           unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
                         ),
                         "helper-state": unref(ZodHelper).helperState(
-                          unref(errors),
+                          unref(visibleErrors),
                           schemaPathForField(r.property)
                         ),
                         "helper-text": unref(ZodHelper).helperText(
-                          unref(errors),
+                          unref(visibleErrors),
                           schemaPathForField(r.property)
                         ),
                         extras: r.extras != null ? r.extras == "" ? unref(data) : unref(_).get(unref(data), r.extras) : void 0
-                      }, null, 8, ["field", "modelValue", "disabled", "campaign-type", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
+                      }, null, 8, ["field", "modelValue", "disabled", "campaign-type", "show-validation", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
                     ]))), 128))
                   ]))), 128)),
                   createElementVNode("div", _hoisted_8, [
@@ -4187,9 +4300,9 @@ const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent(
                       onClick: s[5] || (s[5] = (n) => currentStep.value--)
                     }, null, 8, ["label", "disabled"]),
                     createVNode(o, {
-                      disabled: unref(currentStep) - 1 < unref(template).steps.length - 1 ? stepErrors().length > 0 : unref(errors).length > 0,
+                      disabled: isNextDisabled(),
                       label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? unref(t)("connect.common.next") : unref(t)("connect.common.submit"),
-                      onClick: s[6] || (s[6] = (n) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                      onClick: s[6] || (s[6] = (n) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? onNext() : onSubmit())
                     }, null, 8, ["disabled", "label"])
                   ])
                 ]),