@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/EditCampaignSheet.vue_vue_type_script_setup_true_lang-8r29jKh9.js

@@ -0,0 +1,4432 @@
+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, onBeforeUnmount, createSlots } from "vue";
+import { _ } from "./lodash-CANlWUWW.js";
+import { h as axios, c as core, S as SvcConfig } from "./index-BUP4aHq8.js";
+import { z, S as S6, f as Zh } from "./app-BEYzXWZO.js";
+import { Z as ZodHelper } from "./zod-CGVrMcDl.js";
+import { z as z$1 } from "./index-C_H8jFYf.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-BYvnqARr.js";
+import { F as FdoObjectId } from "./index-BFIHEBnX.js";
+import { F as FdtoCollectibleConfig } from "./index-BTkxgos0.js";
+import { a as isRuleGroup, R as RuleBuilder, s as stripRruleDtstartExceptSchedule, i as isRuleEntry, T as TEMPLATES } from "./index-BRPajAkE.js";
+import { A as APP_INBOX_BODY_LIMIT, g as FdoBroadcastUrl, h as F_PUSH_DESTINATION, t as toDelivery, i as toLegacyMessage } from "./index-BAJOC43K.js";
+import { e as CHANNEL_DISPLAY_ORDER, i as isPaidChannel, f as isChannelComplete, h as setMode, j as addChannel, k as hasDraft, l as setPrimaryChannel, r as removeChannel, m as moveChannel, n as setChannelContent, o as getCampaignSummaryObject, p as normaliseBroadcastDelivery } from "./campaign-k_WHxsOR.js";
+import { u as useMembershipStore } from "./membership-DCVzFaFy.js";
+import { u as useBusinessStore } from "./business-DH7djUl8.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-Dx-Zo68Q.js";
+import { _ as _sfc_main$C } from "./ImageInput.vue_vue_type_script_setup_true_lang-BmLclEyi.js";
+import { _ as _sfc_main$A, a as _sfc_main$D, b as _sfc_main$F } from "./EffectSheet.vue_vue_type_style_index_0_lang-BML_-v8I.js";
+import { _ as _sfc_main$E } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BrEzWVrH.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-C39O5j42.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-Co1BPScS.js";
+import { a as _sfc_main$u, _ as _sfc_main$y } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BLFLybFn.js";
+import { u as useI18n } from "./vue-i18n-Dpic36zz.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$H, b as _sfc_main$I } from "./trigger-Bc6s2cvq.js";
+import { D as DEFAULT_MESSAGE_VARIABLES, a as _sfc_main$v, g as getSmsMessageMetrics, _ as _sfc_main$w, b as _sfc_main$x } from "./MessageInput.vue_vue_type_script_setup_true_lang-DXajAQy9.js";
+import { useDialog } from "@feedmepos/ui-library";
+import { useCoreStore } from "@feedmepos/mf-common";
+import { c as campaignApi } from "./index-D5AR7A5e.js";
+import { m as membershipApi } from "./index-CDIe15AY.js";
+import { m as moment } from "./index-C6mOI2Pp.js";
+import { c as calculateNextScheduleAt, R as RRule, S as SummarizeRrule, g as getRruleAnchorDate } from "./rule-3xNIYM7z.js";
+import { C as CountryTimezone } from "./timezone-JwnQgpaU.js";
+import { _ as _sfc_main$z, a as _sfc_main$B } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-9QyTl7iq.js";
+import "./index-B-bQnb0_.js";
+import "./index-Dvqguh2B.js";
+import "./index-o2Ga_qaX.js";
+import "./index-BOJogkKQ.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-Liy2wH3s.js";
+import { u as useLoading } from "./loading-C686AMVG.js";
+import { i as initCollectibleConfig } from "./helper-BCkTvF4m.js";
+import { C as CollectionUtils } from "./collection.fn-zQwWDzZT.js";
+import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
+import { u as useCampaignStore } from "./campaign-DlHDgoFX.js";
+import { a as cleanPF } from "./object-BYyQ0PZp.js";
+const publicClient = axios.create({ withCredentials: !1, timeout: 5e3 });
+async function getNativeApp(e) {
+  z.string().length(24).parse(e);
+  const o = await publicClient.get(
+    `https://api.feedmedev.vip/metadata/${encodeURIComponent(e)}/native-app`
+  );
+  return z.object({
+    businessId: z.literal(e),
+    native: z.boolean(),
+    platforms: z.array(z.string())
+  }).parse(o.data).native;
+}
+function campaignRefinement(e, r) {
+  var i, u;
+  if (console.log(e, r), !e) return;
+  const o = e.campaign;
+  if (!o) return;
+  const m = o.event.rule;
+  if (!m || !isRuleGroup(m)) {
+    r.addIssue({
+      code: "custom",
+      path: ["campaign", "event", "rule"],
+      params: {
+        i18n: "connectZodCustom:campaign.rule_required",
+        type: o.event.type
+      }
+    });
+    return;
+  }
+  switch (o.type) {
+    case "MISSION": {
+      o.earningOption.amount > o.mission.end && r.addIssue({
+        code: "custom",
+        path: ["campaign", "earningOption"],
+        params: {
+          i18n: "connectZodCustom:campaign.earning_amount_exceed",
+          max: o.mission.end
+        }
+      });
+      break;
+    }
+    case "CREDIT": {
+      const l = (i = o.config) == null ? void 0 : i.validityOption;
+      (!l || ["validForDay", "validBefore"].every((a) => l[a] == null)) && r.addIssue({
+        code: "custom",
+        path: ["campaign", "config", "validityOption"],
+        params: {
+          i18n: "connectZodCustom:campaign.credit_validity_required"
+        }
+      });
+    }
+  }
+  switch (o.event.type) {
+    case "BILL_COMPLETED":
+      o.type === "MISSION" && o.rewards.length && (o.rewards.forEach((l, n) => {
+        (l.threshold < 0 || l.threshold > o.mission.end) && r.addIssue({
+          code: "custom",
+          path: ["campaign", "rewards", n, "threshold"],
+          params: {
+            i18n: "connectZodCustom:campaign.reward_threshold_range"
+          }
+        });
+      }), (u = o.config) != null && u.validityOption.followFirstReceive || r.addIssue({
+        code: "custom",
+        path: ["campaign", "config", "validityOption"],
+        params: {
+          i18n: "connectZodCustom:campaign.mission_first_receive"
+        }
+      }));
+      break;
+    case "SCHEDULE": {
+      if (!m.rules.g_schedule) {
+        r.addIssue({
+          code: "custom",
+          path: ["campaign", "event", "rule"],
+          params: {
+            i18n: "connectZodCustom:campaign.schedule_period_required"
+          },
+          fatal: !0
+        });
+        return;
+      }
+      const l = RuleBuilder.getRules(
+        m.rules.g_schedule
+      ), n = [
+        {
+          property: "trigger.date",
+          operator: ["_isOnDate", "_rrule"]
+        },
+        {
+          property: "trigger.time",
+          operator: ["_isOnTime"]
+        }
+      ];
+      n.length == l.length && n.every((s) => l.some((y) => {
+        const f = RuleBuilder.simplify(y);
+        return f.property === s.property && s.operator.includes(f.operator);
+      })) || r.addIssue({
+        code: "custom",
+        path: ["campaign", "event", "rule"],
+        params: {
+          i18n: "connectZodCustom:campaign.active_period_invalid"
+        }
+      });
+      break;
+    }
+    default: {
+      "earningOption" in o && o.earningOption.type != "FIXED" && r.addIssue({
+        code: "custom",
+        path: ["campaign", "earningOption"],
+        params: {
+          i18n: "connectZodCustom:campaign.fixed_earning_required"
+        }
+      });
+      break;
+    }
+  }
+}
+function campaignTransform(e) {
+  var o;
+  if (e.campaign.type === "VOUCHER" && "configs" in e) {
+    const m = e.configs;
+    m.extras.targetLocation = e.campaign.targetLocation;
+    const i = Math.max(
+      e.campaign.earningOption.amount,
+      m.options.maxUse ?? 1
+    );
+    e.campaign.earningOption.amount = i, m.options.maxUse = i, e.campaign.earningOption = {
+      type: "FIXED",
+      amount: 1
+    };
+  }
+  if (e.campaign.type == "MISSION" && "configs" in e) {
+    const m = e.configs;
+    m.options.validityOption = (o = e.campaign.config) == null ? void 0 : o.validityOption;
+  }
+  const r = e.campaign.event;
+  return r.type != "BILL_COMPLETED" && r.rule && isRuleGroup(r.rule) && (r.rule = RuleBuilder.removeEntry(r.rule, "g_bill"), e.campaign.event = r), r.rule && isRuleGroup(r.rule) && (r.rule = stripRruleDtstartExceptSchedule(r.rule), e.campaign.event = r), e;
+}
+function GenerateCampaignReq(e) {
+  const r = FdtoRunnableCampaign.optionsMap.get(e).extend({
+    _id: FdoObjectId.optional(),
+    collectible: z$1.string().nullish()
+  });
+  switch (e) {
+    case "VOUCHER":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId,
+        configs: FdtoCollectibleConfig,
+        updateCollections: z$1.boolean().optional(),
+        code: z$1.string().optional()
+      });
+    case "PROMOTION":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId
+      });
+    case "POINT":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId
+      });
+    case "CREDIT":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId
+      });
+    case "BROADCAST":
+      return z$1.object({
+        campaign: r.refine((o) => !!o.delivery || !!o.message, {
+          path: ["delivery"],
+          message: "A broadcast requires a message or delivery configuration."
+        }),
+        templateId: FdoObjectId
+      });
+    case "COIN":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId
+      });
+    case "REWARD_POOL":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId,
+        updateCollections: z$1.boolean().optional()
+      });
+    case "GAME":
+      return z$1.object({
+        campaign: r,
+        configs: FdtoCollectibleConfig,
+        templateId: FdoObjectId,
+        updateCollections: z$1.boolean().optional()
+      });
+    case "MISSION":
+      return z$1.object({
+        campaign: r,
+        configs: FdtoCollectibleConfig,
+        templateId: FdoObjectId,
+        updateCollections: z$1.boolean().optional()
+      });
+    case "GRAB":
+      return z$1.object({
+        campaign: r,
+        templateId: FdoObjectId
+      });
+    default:
+      throw new Error("Not implemented");
+  }
+}
+FdoGroup.extend({
+  _id: FdoObjectId.optional(),
+  name: z$1.string().min(1).max(300),
+  business: FdoObjectId.optional(),
+  campaigns: z$1.array(FdoObjectId).optional()
+});
+const CampaignDtos = {
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.VOUCHER]: GenerateCampaignReq("VOUCHER"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.PROMOTION]: GenerateCampaignReq("PROMOTION"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.POINT]: GenerateCampaignReq("POINT"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.CREDIT]: GenerateCampaignReq("CREDIT"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.BROADCAST]: GenerateCampaignReq("BROADCAST"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.COIN]: GenerateCampaignReq("COIN"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.REWARD_POOL]: GenerateCampaignReq("REWARD_POOL"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.GAME]: GenerateCampaignReq("GAME"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.MISSION]: GenerateCampaignReq("MISSION"),
+  [F_RUNNABLE_CAMPAIGN_TYPE.enum.GRAB]: GenerateCampaignReq("GRAB")
+};
+function summarizeGrabDiscount(e) {
+  if (!e)
+    return null;
+  const r = core.Config.getCountry().currency.symbol;
+  function o(l) {
+    switch (l.scope.type) {
+      case "order":
+        return "Bill discount";
+      case "items":
+        return l.type.startsWith("bundle") ? m(l.type) : "Item discount";
+      case "categories":
+        return "Category discount";
+      default:
+        return "Discount";
+    }
+  }
+  function m(l) {
+    switch (l) {
+      case "bundleSameFixPrice":
+        return "Bundle (same item) - Fixed price";
+      case "bundleDiffFixPrice":
+        return "Bundle (different items) - Fixed price";
+      case "bundleSameNet":
+        return "Bundle (same item) - Amount off";
+      case "bundleDiffNet":
+        return "Bundle (different items) - Amount off";
+      case "bundleSamePercentage":
+        return "Bundle (same item) - Percentage off";
+      case "bundleDiffPercentage":
+        return "Bundle (different items) - Percentage off";
+      default:
+        return "Bundle discount";
+    }
+  }
+  function i(l) {
+    switch (l.type) {
+      case "percentage":
+      case "bundleSamePercentage":
+      case "bundleDiffPercentage":
+        return `${l.value}% discount`;
+      case "net":
+      case "bundleSameNet":
+      case "bundleDiffNet":
+        return `${r}${l.value} discount`;
+      case "bundleSameFixPrice":
+      case "bundleDiffFixPrice":
+        return `${r}${l.value} fixed price`;
+      case "delivery":
+        return "Delivery fee discount";
+      case "freeItem":
+        return "Free item";
+      default:
+        return `${r}${l.value} discount`;
+    }
+  }
+  function u(l) {
+    return l.cap && l.cap > 0 ? `capped at ${r}${l.cap}` : null;
+  }
+  return {
+    type: o(e),
+    adjustment: i(e),
+    cap: u(e)
+  };
+}
+const _hoisted_1$r = {
+  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$n = { class: "flex items-center justify-between" }, _hoisted_3$k = { class: "flex items-center gap-8" }, _hoisted_4$j = { class: "bg-white border border-fm-color-neutral-gray-200 rounded-8 p-16" }, _hoisted_5$g = { class: "flex justify-end gap-8 pt-8 border-t border-fm-color-neutral-gray-200" }, _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "GrabItemSelectionInline",
+  props: {
+    visible: { type: Boolean },
+    initialValue: {},
+    filterItems: { type: Function }
+  },
+  emits: ["confirm", "cancel"],
+  setup(e, { emit: r }) {
+    const o = e, m = r, i = ref();
+    watch(
+      () => o.visible,
+      (a) => {
+        var s, y;
+        !a && i.value && ((y = (s = i.value).setSelectedItems) == null || y.call(s, o.initialValue || []));
+      }
+    );
+    function u() {
+      var a;
+      (a = i.value) == null || a.onConfirm();
+    }
+    function l() {
+      m("cancel");
+    }
+    function n(a) {
+      m("confirm", a);
+    }
+    return (a, s) => {
+      const y = resolveComponent("FmIcon"), f = resolveComponent("FmButton");
+      return e.visible ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+        createElementVNode("div", _hoisted_2$n, [
+          createElementVNode("div", _hoisted_3$k, [
+            createVNode(y, {
+              name: "restaurant",
+              size: "md"
+            }),
+            s[0] || (s[0] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Items", -1))
+          ]),
+          createVNode(f, {
+            icon: "close",
+            variant: "tertiary",
+            onClick: l
+          })
+        ]),
+        s[1] || (s[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose which items this discount applies to. For bundle discounts, select multiple items that can be bundled together. ", -1)),
+        createElementVNode("div", _hoisted_4$j, [
+          createVNode(unref(S6), {
+            ref_key: "selectItemRef",
+            ref: i,
+            "initial-value": e.initialValue,
+            "filter-items": e.filterItems,
+            "on-complete": n,
+            "max-height": 300
+          }, null, 8, ["initial-value", "filter-items"])
+        ]),
+        createElementVNode("div", _hoisted_5$g, [
+          createVNode(f, {
+            variant: "secondary",
+            label: "Cancel",
+            onClick: l
+          }),
+          createVNode(f, {
+            variant: "primary",
+            label: "Confirm Selection",
+            onClick: u
+          })
+        ])
+      ])) : createCommentVNode("", !0);
+    };
+  }
+}), _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$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({
+  __name: "GrabCategorySelectionInline",
+  props: {
+    visible: { type: Boolean },
+    initialValue: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(e, { emit: r }) {
+    const o = e, m = r, i = Zh(), u = ref({}), l = ref(""), n = computed(() => {
+      const d = i.menu.value;
+      return d ? d.modules.category.map((p) => ({
+        id: p._id,
+        name: p.name
+      })) : [];
+    }), a = computed(() => {
+      if (!l.value) return n.value;
+      const d = l.value.toLowerCase();
+      return n.value.filter(
+        (p) => p.name.toLowerCase().includes(d)
+      );
+    }), s = computed(() => Object.values(u.value).filter(Boolean).length);
+    function y() {
+      u.value = n.value.reduce(
+        (d, p) => (d[p.id] = o.initialValue.includes(p.id), d),
+        {}
+      );
+    }
+    watch([() => o.visible, () => o.initialValue], () => {
+      o.visible && y();
+    }), onMounted(async () => {
+      await i.store.getMenu(), y();
+    });
+    function f(d) {
+      u.value[d] = !u.value[d];
+    }
+    function c() {
+      const d = s.value === a.value.length;
+      a.value.forEach((p) => {
+        u.value[p.id] = !d;
+      });
+    }
+    function k() {
+      Object.keys(u.value).forEach((d) => {
+        u.value[d] = !1;
+      });
+    }
+    function V() {
+      const d = Object.entries(u.value).filter(([, p]) => p).map(([p]) => p);
+      m("confirm", d);
+    }
+    function g() {
+      m("cancel");
+    }
+    const v = computed(() => a.value.length > 0 && a.value.every(
+      (d) => u.value[d.id]
+    ));
+    return (d, p) => {
+      const C = resolveComponent("FmIcon"), x = resolveComponent("FmButton"), N = resolveComponent("FmTextField"), w = resolveComponent("FmCheckbox"), $ = resolveComponent("FmListItem"), T = resolveComponent("FmList");
+      return e.visible ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+        createElementVNode("div", _hoisted_2$m, [
+          createElementVNode("div", _hoisted_3$j, [
+            createVNode(C, {
+              name: "category",
+              size: "md"
+            }),
+            p[2] || (p[2] = createElementVNode("h3", { class: "fm-typo-en-body-lg-600" }, "Select Categories", -1))
+          ]),
+          createVNode(x, {
+            icon: "close",
+            variant: "tertiary",
+            onClick: g
+          })
+        ]),
+        p[3] || (p[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(x, {
+              icon: "select_all",
+              variant: "tertiary",
+              size: "small",
+              label: `${v.value ? "Deselect" : "Select"} All`,
+              onClick: c
+            }, null, 8, ["label"]),
+            createVNode(x, {
+              icon: "sync",
+              variant: "tertiary",
+              size: "small",
+              label: "Clear",
+              onClick: k
+            }),
+            createElementVNode("span", _hoisted_6$b, toDisplayString(s.value) + " selected ", 1)
+          ]),
+          createVNode(N, {
+            modelValue: l.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (R) => l.value = R),
+            placeholder: "Search categories",
+            "leading-icon": { name: "search", color: "" },
+            class: "flex-1 min-w-[200px]"
+          }, null, 8, ["modelValue"])
+        ]),
+        createElementVNode("div", _hoisted_7$a, [
+          a.value.length > 0 ? (openBlock(), createBlock(T, { key: 0 }, {
+            default: withCtx(() => [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (R) => (openBlock(), createBlock($, {
+                key: R.id,
+                clickable: !0,
+                onClick: (A) => f(R.id)
+              }, {
+                leading: withCtx(() => [
+                  createVNode(w, {
+                    "model-value": u.value[R.id] || !1,
+                    value: R.id,
+                    "onUpdate:modelValue": (A) => f(R.id),
+                    onClick: p[1] || (p[1] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, null, 8, ["model-value", "value", "onUpdate:modelValue"])
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_8$9, [
+                    createVNode(C, {
+                      name: "category",
+                      size: "sm",
+                      class: "text-fm-color-typo-secondary"
+                    }),
+                    createElementVNode("div", null, [
+                      createElementVNode("div", _hoisted_9$9, toDisplayString(R.name), 1),
+                      createElementVNode("div", _hoisted_10$8, " ID: " + toDisplayString(R.id), 1)
+                    ])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["onClick"]))), 128))
+            ]),
+            _: 1
+          })) : (openBlock(), createElementBlock("div", _hoisted_11$6, [
+            createElementVNode("div", _hoisted_12$5, toDisplayString(l.value ? "No categories found matching your search." : "No categories available."), 1)
+          ]))
+        ]),
+        createElementVNode("div", _hoisted_13$5, [
+          createVNode(x, {
+            variant: "secondary",
+            label: "Cancel",
+            onClick: g
+          }),
+          createVNode(x, {
+            variant: "primary",
+            label: `Confirm Selection (${s.value})`,
+            disabled: s.value === 0,
+            onClick: V
+          }, null, 8, ["label", "disabled"])
+        ])
+      ])) : createCommentVNode("", !0);
+    };
+  }
+}), _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$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$1 = { class: "flex items-center gap-8 mb-8 text-fm-color-system-error-300" }, _hoisted_25$1 = { class: "space-y-4" }, _hoisted_26$1 = { class: "flex gap-16" }, _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "GrabEffectSheet",
+  props: {
+    modelValue: { type: Object }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const o = e, m = r, i = Zh(), u = ref(!1), l = ref(!1), n = ref(!1), a = ref({
+      type: "net",
+      value: 0,
+      scope: {
+        type: "order"
+      }
+    });
+    watch(
+      () => o.modelValue,
+      (b) => {
+        b && (a.value = { ...b });
+      },
+      { immediate: !0 }
+    ), onMounted(async () => {
+      await i.store.getMenu();
+    });
+    const s = computed(() => {
+      var b;
+      return !(!a.value.type || !((b = a.value.scope) != null && b.type) || c(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 y(b) {
+      b.stopPropagation(), await prompt.remove("Are you sure you want to remove this discount?") && m("update:model-value", null);
+    }
+    function f() {
+      var b;
+      return C(((b = a.value.scope) == null ? void 0 : b.type) || "order");
+    }
+    function c(b) {
+      return b && !["freeItem", "delivery"].includes(b);
+    }
+    function k(b) {
+      return b && ["percentage", "bundleSamePercentage", "bundleDiffPercentage"].includes(
+        b
+      );
+    }
+    function V(b) {
+      return b != null && b.includes("Percentage") ? "Discount percentage" : b != null && b.includes("FixPrice") ? "Bundle fixed price" : b === "percentage" ? "Discount percentage" : "Discount amount";
+    }
+    function g(b) {
+      return b != null && b.includes("Percentage") || b === "percentage" ? "10" : "5.00";
+    }
+    function v(b) {
+      return b != null && b.includes("Percentage") || b === "percentage" ? "%" : "$";
+    }
+    function d(b, E) {
+      a.value = {
+        ...a.value,
+        [b]: E
+      };
+    }
+    function p(b, E) {
+      var U;
+      const F = {
+        ...a.value.scope,
+        [b]: E
+      };
+      if (a.value = {
+        ...a.value,
+        scope: F
+      }, b === "type") {
+        const O = C(E);
+        O.some(
+          (H) => H.value === a.value.type
+        ) || (a.value = {
+          ...a.value,
+          type: ((U = O[0]) == null ? void 0 : U.value) || "net",
+          // Reset value and cap when changing to incompatible type
+          value: 0,
+          cap: void 0
+        });
+      }
+    }
+    function C(b) {
+      switch (b) {
+        case "order":
+          return [
+            { label: "Amount off", value: "net" },
+            { label: "Percentage off", value: "percentage" },
+            { label: "Delivery fee off", value: "delivery" }
+          ];
+        case "category":
+          return [
+            { label: "Amount off", value: "net" },
+            { label: "Percentage off", value: "percentage" }
+          ];
+        case "items":
+          return [
+            { label: "Amount off", value: "net" },
+            { label: "Percentage off", value: "percentage" },
+            { label: "Free item", value: "freeItem" },
+            {
+              label: "Bundle (same item) - Fixed price",
+              value: "bundleSameFixPrice"
+            },
+            { label: "Bundle (same item) - Amount off", value: "bundleSameNet" },
+            {
+              label: "Bundle (same item) - Percentage off",
+              value: "bundleSamePercentage"
+            },
+            {
+              label: "Bundle (different items) - Fixed price",
+              value: "bundleDiffFixPrice"
+            },
+            {
+              label: "Bundle (different items) - Amount off",
+              value: "bundleDiffNet"
+            },
+            {
+              label: "Bundle (different items) - Percentage off",
+              value: "bundleDiffPercentage"
+            }
+          ];
+        default:
+          return [
+            { label: "Amount off", value: "net" },
+            { label: "Percentage off", value: "percentage" }
+          ];
+      }
+    }
+    function x(b) {
+      switch (b) {
+        case "order":
+          return "Applies to entire order. Available: Amount off, Percentage off, Delivery fee discount.";
+        case "category":
+          return "Applies to specific item categories. Available: Amount off, Percentage off, Free item.";
+        case "items":
+          return "Applies to specific items. Available: Basic discounts, Bundle offers (same/different items).";
+        default:
+          return "Select how you want to apply the discount.";
+      }
+    }
+    function N() {
+      var b;
+      return ((b = a.value.scope) == null ? void 0 : b.type) === "items";
+    }
+    function w() {
+      var b;
+      return ((b = a.value.scope) == null ? void 0 : b.type) === "category";
+    }
+    function $() {
+      var F;
+      const b = (F = a.value.scope) == null ? void 0 : F.objectIDs;
+      if (!b || b.length === 0)
+        return "No items selected";
+      const E = i.menu.value;
+      return E && b.length <= 3 ? b.map((O) => {
+        const P = E.modules.item.find((H) => H._id === O);
+        return P ? (P.name2 || P.name).trim() : `Item ${O}`;
+      }).join(", ") : b.length === 1 ? "1 item selected" : `${b.length} items selected`;
+    }
+    function T() {
+      var F;
+      const b = (F = a.value.scope) == null ? void 0 : F.objectIDs;
+      if (!b || b.length === 0)
+        return "No categories selected";
+      const E = i.menu.value;
+      return E && b.length <= 3 ? b.map((O) => {
+        const P = E.modules.category.find((H) => H._id === O);
+        return P ? P.name : `Category ${O}`;
+      }).join(", ") : b.length === 1 ? "1 category selected" : `${b.length} categories selected`;
+    }
+    function R() {
+      l.value = !0;
+    }
+    function A() {
+      n.value = !0;
+    }
+    function M(b) {
+      p("objectIDs", b), l.value = !1;
+    }
+    function I(b) {
+      p("objectIDs", b), n.value = !1;
+    }
+    function X() {
+      l.value = !1;
+    }
+    function K() {
+      n.value = !1;
+    }
+    const Z = computed(() => {
+      var E, F, 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"), c(a.value.type) && (!a.value.value || a.value.value <= 0) && b.push("Discount amount must be greater than 0"), ((F = a.value.scope) == null ? void 0 : F.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 W() {
+      m("update:model-value", a.value), u.value = !1;
+    }
+    const Y = [
+      { label: "Bill discount", value: "order" },
+      { label: "Item discount", value: "items" },
+      { label: "Category discount", value: "category" }
+    ];
+    return (b, E) => {
+      const F = resolveComponent("FmButton"), U = resolveComponent("FmSelect"), O = resolveComponent("FmStepperField"), P = resolveComponent("FmIcon"), H = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(H, {
+        "max-width": 550,
+        header: "Apply discount",
+        modelValue: unref(u),
+        "onUpdate:modelValue": [
+          E[5] || (E[5] = (L) => isRef(u) ? u.value = L : null),
+          E[6] || (E[6] = (L) => u.value = L)
+        ]
+      }, {
+        "side-sheet-button": withCtx(() => {
+          var L, j, G, h;
+          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)),
+              e.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
+                createElementVNode("div", _hoisted_3$i, [
+                  createElementVNode("div", null, toDisplayString((L = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : L.type), 1),
+                  createElementVNode("div", _hoisted_4$h, [
+                    createTextVNode(toDisplayString((j = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : j.adjustment) + " ", 1),
+                    (G = unref(summarizeGrabDiscount)(e.modelValue)) != null && G.cap ? (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString((h = unref(summarizeGrabDiscount)(e.modelValue)) == null ? void 0 : h.cap), 1)) : createCommentVNode("", !0)
+                  ])
+                ]),
+                createVNode(F, {
+                  icon: "delete",
+                  "icon-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: y
+                })
+              ])) : (openBlock(), createBlock(F, {
+                key: 0,
+                label: "Apply Grab discount",
+                icon: "add",
+                "icon-color": "primary",
+                variant: "secondary",
+                class: "border-fm-color-primary text-fm-color-primary"
+              }))
+            ])
+          ];
+        }),
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_26$1, [
+            createVNode(F, {
+              variant: "secondary",
+              label: "Cancel",
+              class: "flex-1",
+              onClick: E[4] || (E[4] = (L) => u.value = !1)
+            }),
+            createVNode(F, {
+              variant: "primary",
+              label: unref(s) ? "Confirm" : "Complete Required Fields",
+              class: "flex-1",
+              disabled: !unref(s),
+              onClick: W
+            }, null, 8, ["label", "disabled"])
+          ])
+        ]),
+        default: withCtx(() => {
+          var L, j, G, h;
+          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(U, {
+                  "model-value": ((L = unref(a).scope) == null ? void 0 : L.type) || "order",
+                  "onUpdate:modelValue": E[0] || (E[0] = (B) => p("type", B)),
+                  placeholder: "Select campaign type",
+                  items: Y
+                }, null, 8, ["model-value"]),
+                createElementVNode("div", _hoisted_7$9, toDisplayString(x((j = unref(a).scope) == null ? void 0 : j.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(U, {
+                  "model-value": unref(a).type,
+                  "onUpdate:modelValue": E[1] || (E[1] = (B) => d("type", B)),
+                  placeholder: "Select discount type",
+                  items: f()
+                }, null, 8, ["model-value", "items"])
+              ]),
+              c(unref(a).type) ? (openBlock(), createElementBlock("div", _hoisted_8$8, [
+                createElementVNode("label", _hoisted_9$8, toDisplayString(V(unref(a).type)), 1),
+                createVNode(O, {
+                  modelValue: unref(a).value,
+                  "onUpdate:modelValue": E[2] || (E[2] = (B) => unref(a).value = B),
+                  placeholder: g(unref(a).type),
+                  suffix: v(unref(a).type),
+                  type: "number"
+                }, null, 8, ["modelValue", "placeholder", "suffix"])
+              ])) : createCommentVNode("", !0),
+              k(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)),
+                createVNode(O, {
+                  modelValue: unref(a).cap,
+                  "onUpdate:modelValue": E[3] || (E[3] = (B) => unref(a).cap = B),
+                  placeholder: "Maximum discount amount",
+                  type: "number"
+                }, null, 8, ["modelValue"])
+              ])) : createCommentVNode("", !0),
+              N() ? (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)),
+                  createElementVNode("div", _hoisted_13$4, [
+                    createElementVNode("div", _hoisted_14$4, [
+                      createElementVNode("div", _hoisted_15$3, [
+                        createVNode(P, {
+                          name: "restaurant",
+                          size: "md"
+                        }),
+                        createElementVNode("span", _hoisted_16$2, toDisplayString($()), 1)
+                      ]),
+                      createVNode(F, {
+                        variant: "secondary",
+                        label: "Select Items",
+                        icon: "chevron_right",
+                        onClick: R
+                      })
+                    ]),
+                    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))
+                  ])
+                ])),
+                createVNode(_sfc_main$t, {
+                  visible: unref(l),
+                  "initial-value": ((G = unref(a).scope) == null ? void 0 : G.objectIDs) || [],
+                  onConfirm: M,
+                  onCancel: X
+                }, null, 8, ["visible", "initial-value"])
+              ])) : createCommentVNode("", !0),
+              w() ? (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)),
+                  createElementVNode("div", _hoisted_19$2, [
+                    createElementVNode("div", _hoisted_20$2, [
+                      createElementVNode("div", _hoisted_21$1, [
+                        createVNode(P, {
+                          name: "category",
+                          size: "md"
+                        }),
+                        createElementVNode("span", _hoisted_22$1, toDisplayString(T()), 1)
+                      ]),
+                      createVNode(F, {
+                        variant: "secondary",
+                        label: "Select Categories",
+                        icon: "chevron_right",
+                        onClick: A
+                      })
+                    ]),
+                    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))
+                  ])
+                ])),
+                createVNode(_sfc_main$s, {
+                  visible: unref(n),
+                  "initial-value": ((h = unref(a).scope) == null ? void 0 : h.objectIDs) || [],
+                  onConfirm: I,
+                  onCancel: K
+                }, null, 8, ["visible", "initial-value"])
+              ])) : createCommentVNode("", !0)
+            ]),
+            unref(Z).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23$1, [
+              createElementVNode("div", _hoisted_24$1, [
+                createVNode(P, { name: "warning" }),
+                E[15] || (E[15] = createElementVNode("span", { class: "fm-typo-en-body-sm-600" }, "Please fix the following issues:", -1))
+              ]),
+              createElementVNode("ul", _hoisted_25$1, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(Z), (B) => (openBlock(), createElementBlock("li", {
+                  key: B,
+                  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(B), 1)
+                ]))), 128))
+              ])
+            ])) : createCommentVNode("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), GrabEffectSheet = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-cf604dd7"]]), _hoisted_1$o = { class: "space-y-24" }, _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "TimeRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = ref(
+      !m.modelValue || !m.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(m.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+    );
+    watch(u, async (n, a) => {
+      var s;
+      if (a == "custom" && n == "all_time" && RuleBuilder.getRules((s = m.modelValue) == null ? void 0 : s.rules.g_time).length > 0) {
+        const y = await prompt.confirm(
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
+        );
+        y && i(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            m.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        ), u.value = y ? n : a;
+      }
+    });
+    async function l(n) {
+      var a;
+      if (n == "custom" && RuleBuilder.getRules((a = m.modelValue) == null ? void 0 : a.rules.g_time).length > 0) {
+        if (!await prompt.confirm(
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
+        )) {
+          u.value = "all_time";
+          return;
+        }
+        i(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            m.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        );
+      }
+    }
+    return (n, a) => {
+      var f;
+      const s = resolveComponent("FmRadio"), y = resolveComponent("FmRadioGroup");
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        createVNode(y, {
+          modelValue: unref(u),
+          "onUpdate:modelValue": [
+            a[0] || (a[0] = (c) => isRef(u) ? u.value = c : null),
+            a[1] || (a[1] = (c) => l(c))
+          ]
+        }, {
+          default: withCtx(() => [
+            createVNode(s, {
+              label: unref(o)("connect.template.rule.time.all_time"),
+              value: "all_time"
+            }, null, 8, ["label"]),
+            createVNode(s, {
+              label: unref(o)("connect.template.rule.time.custom"),
+              value: "custom"
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        unref(u) == "custom" ? (openBlock(), createBlock(_sfc_main$u, {
+          key: 0,
+          class: "!mt-[0px]",
+          "include-only": "trigger",
+          "trigger-type": "SCHEDULE",
+          "model-value": ((f = e.modelValue) == null ? void 0 : f.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": a[2] || (a[2] = (c) => i(
+            "update:model-value",
+            unref(RuleBuilder).setRuleToGroup(
+              e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+              c,
+              "&&"
+            )
+          ))
+        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "BirthdayInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = computed(() => {
+      const { property: l, operator: n, equator: a } = RuleBuilder.simplify(
+        m.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+          op: "before",
+          x: 1
+        })
+      );
+      return {
+        property: l,
+        operator: n,
+        equator: a
+      };
+    });
+    return (l, n) => {
+      const a = resolveComponent("FmRadio"), s = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(a, {
+          label: unref(o)("connect.template.rule.birthday.on_birthday"),
+          value: "_isRange-day",
+          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "onUpdate:modelValue": n[0] || (n[0] = () => {
+            i(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "day",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        createVNode(a, {
+          label: unref(o)("connect.template.rule.birthday.days_before"),
+          value: "_isDay",
+          "model-value": unref(u).operator,
+          "onUpdate:modelValue": n[1] || (n[1] = () => {
+            i(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+                op: "after",
+                x: 1,
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        unref(u).operator == "_isDay" ? (openBlock(), createBlock(s, {
+          key: 0,
+          label: unref(o)("connect.template.rule.birthday.days_before_label"),
+          "show-steppers": !1,
+          "model-value": unref(u).equator.x,
+          "onUpdate:modelValue": n[2] || (n[2] = (y) => i(
+            "update:model-value",
+            unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+              op: "after",
+              x: y,
+              ignoreYear: !0
+            })
+          ))
+        }, null, 8, ["label", "model-value"])) : createCommentVNode("", !0),
+        createVNode(a, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_week"),
+          value: "_isRange-week",
+          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "onUpdate:modelValue": n[3] || (n[3] = () => {
+            i(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "week",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        createVNode(a, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_month"),
+          value: "_isRange-month",
+          "model-value": `${unref(u).operator}-${unref(u).equator.unit}`,
+          "onUpdate:modelValue": n[4] || (n[4] = () => {
+            i(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "month",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"])
+      ]);
+    };
+  }
+}), _hoisted_1$n = { class: "space-y-16" }, _hoisted_2$k = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$h = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$g = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$d = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "CampaignTriggerInput",
+  props: {
+    campaignType: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = computed(() => m.disabled ? TypeToTriggerOptions[m.campaignType].filter(
+      (l) => l.value == m.modelValue
+    ) : TypeToTriggerOptions[m.campaignType]);
+    return (l, n) => {
+      const a = resolveComponent("FmCard");
+      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(u), (s) => (openBlock(), createBlock(a, {
+            variant: "outlined",
+            disabled: m.disabled,
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-3": unref(u).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == s.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != s.value
+            }]),
+            onClick: () => {
+              m.modelValue != s.value && !m.disabled && i("update:model-value", s.value);
+            },
+            key: s.name
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$g, toDisplayString(s.name), 1),
+              createElementVNode("div", _hoisted_5$d, toDisplayString(s.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "DateInput",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const o = r;
+    return (m, i) => {
+      const u = resolveComponent("FmButton"), l = resolveComponent("FmField"), n = resolveComponent("FmDatePicker");
+      return openBlock(), createBlock(n, {
+        label: e.label,
+        "model-value": e.modelValue || "",
+        "onUpdate:modelValue": i[1] || (i[1] = (a) => o("update:model-value", a))
+      }, {
+        "trigger-button": withCtx(({ opened: a }) => [
+          createVNode(l, {
+            class: "flex items-center",
+            "prepend-icon": "calendar_month",
+            "icon-outlined": !a
+          }, {
+            append: withCtx(() => [
+              e.modelValue ? (openBlock(), createBlock(u, {
+                key: 0,
+                variant: "tertiary",
+                icon: "clear",
+                onClick: i[0] || (i[0] = (s) => (s.stopPropagation(), o("update:model-value", null)))
+              })) : createCommentVNode("", !0)
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["fm-typo-en-body-lg-400", { "text-fm-color-typo-secondary": !e.modelValue }])
+              }, toDisplayString(e.modelValue ? unref(hooks)(e.modelValue).format("DD MMM YYYY") : "DD MM YYYY"), 3)
+            ]),
+            _: 1
+          }, 8, ["icon-outlined"])
+        ]),
+        _: 1
+      }, 8, ["label", "model-value"]);
+    };
+  }
+}), _hoisted_1$m = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$j = { class: "flex-1 xs:w-full" }, _hoisted_3$g = { class: "mt-5 xs:hidden" }, _hoisted_4$f = { class: "flex-1 xs:w-full" }, _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "DateRangeInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = r;
+    return (i, u) => {
+      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": u[0] || (u[0] = (a) => {
+              var s;
+              return m("update:model-value", {
+                startDate: a,
+                endDate: ((s = e.modelValue) == null ? void 0 : s.endDate) ?? null
+              });
+            })
+          }, null, 8, ["model-value", "label"])
+        ]),
+        createElementVNode("div", _hoisted_3$g, toDisplayString(unref(o)("connect.common.to")), 1),
+        createElementVNode("div", _hoisted_4$f, [
+          createVNode(_sfc_main$n, {
+            "model-value": ((n = e.modelValue) == null ? void 0 : n.endDate) ?? null,
+            label: unref(o)("connect.common.endDate"),
+            "onUpdate:modelValue": u[1] || (u[1] = (a) => {
+              var s;
+              return m("update:model-value", {
+                startDate: ((s = e.modelValue) == null ? void 0 : s.startDate) ?? null,
+                endDate: a
+              });
+            })
+          }, null, 8, ["model-value", "label"])
+        ])
+      ]);
+    };
+  }
+}), _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: {
+      type: Object,
+      required: !0
+    },
+    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: r }) {
+    const { t: o } = useI18n(), m = e, i = r;
+    function u(k) {
+      i("update:model-value", { ...m.modelValue, ...k });
+    }
+    function l(k, V) {
+      return k >= V ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
+    }
+    const n = computed(() => m.modelValue.buttons ?? []), a = computed(() => {
+      var k;
+      return ((k = m.modelValue.content) == null ? void 0 : k.length) ?? 0;
+    });
+    function s(k, V) {
+      u({
+        buttons: n.value.map(
+          (g, v) => v === k ? { ...g, ...V } : g
+        )
+      });
+    }
+    function y() {
+      n.value.length >= MAX_BUTTONS || u({ buttons: [...n.value, { label: "", url: "" }] });
+    }
+    function f(k) {
+      var g;
+      if (!m.showValidation) return { label: void 0, url: void 0 };
+      const V = (g = k.url) == null ? void 0 : g.trim();
+      return {
+        label: k.label.trim() ? void 0 : o("connect.campaign.appInbox.buttonLabelRequired"),
+        url: V ? FdoBroadcastUrl.safeParse(V).success ? void 0 : o("connect.campaign.push.linkUrlInvalid") : o("connect.campaign.appInbox.buttonUrlRequired")
+      };
+    }
+    function c(k) {
+      u({ buttons: n.value.filter((V, g) => g !== k) });
+    }
+    return (k, V) => {
+      const g = resolveComponent("FmTextField"), v = 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", l(e.modelValue.title.length, TITLE_WARN_AT$1)])
+            }, toDisplayString(e.modelValue.title.length) + " / " + toDisplayString(TITLE_LIMIT$1), 3)
+          ]),
+          createVNode(g, {
+            "model-value": e.modelValue.title,
+            "max-length": TITLE_LIMIT$1,
+            placeholder: unref(o)("connect.campaign.appInbox.titlePlaceholder"),
+            "onUpdate:modelValue": V[0] || (V[0] = (d) => u({ title: d }))
+          }, 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", l(e.modelValue.previewText.length, PREVIEW_WARN_AT)])
+            }, toDisplayString(e.modelValue.previewText.length) + " / " + toDisplayString(PREVIEW_LIMIT), 3)
+          ]),
+          createVNode(g, {
+            "model-value": e.modelValue.previewText,
+            "max-length": PREVIEW_LIMIT,
+            placeholder: unref(o)("connect.campaign.appInbox.previewTextPlaceholder"),
+            "onUpdate:modelValue": V[1] || (V[1] = (d) => u({ previewText: d }))
+          }, 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$7, toDisplayString(unref(o)("connect.campaign.appInbox.bodyMessageDescription")), 1),
+            createElementVNode("div", {
+              class: normalizeClass([
+                "mt-[2px] fm-typo-en-body-sm-400",
+                unref(a) > unref(APP_INBOX_BODY_LIMIT) ? "text-fm-color-system-error-400" : "text-fm-color-typo-secondary"
+              ])
+            }, 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": V[2] || (V[2] = (d) => u({ content: d.html }))
+          }, null, 8, ["html", "variables", "button-label"])
+        ]),
+        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(n).length) + " / " + toDisplayString(MAX_BUTTONS), 1)
+          ]),
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (d, p) => (openBlock(), createElementBlock("div", {
+            key: p,
+            class: "flex flex-wrap items-start gap-8"
+          }, [
+            createElementVNode("div", _hoisted_13$3, [
+              createVNode(g, {
+                "model-value": d.label,
+                "max-length": 20,
+                placeholder: unref(o)("connect.campaign.appInbox.buttonLabel"),
+                "helper-state": f(d).label ? "error" : "none",
+                "helper-text": f(d).label,
+                "onUpdate:modelValue": (C) => s(p, { label: C })
+              }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text", "onUpdate:modelValue"])
+            ]),
+            createElementVNode("div", _hoisted_14$3, [
+              createVNode(g, {
+                "model-value": d.url ?? "",
+                inputmode: "url",
+                placeholder: unref(o)("connect.campaign.push.linkUrlPlaceholder"),
+                "helper-state": f(d).url ? "error" : "none",
+                "helper-text": f(d).url,
+                "onUpdate:modelValue": (C) => s(p, { url: C.trim() })
+              }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text", "onUpdate:modelValue"])
+            ]),
+            createVNode(v, {
+              icon: "delete",
+              "icon-color": "neutral-gray-400",
+              variant: "tertiary",
+              onClick: (C) => c(p)
+            }, null, 8, ["onClick"])
+          ]))), 128)),
+          unref(n).length < MAX_BUTTONS ? (openBlock(), createBlock(v, {
+            key: 0,
+            variant: "tertiary",
+            icon: "add",
+            label: unref(o)("connect.campaign.appInbox.addButton"),
+            onClick: y
+          }, 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 = {
+  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: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = F_PUSH_DESTINATION.options, l = computed(() => m.modelValue.destination === "EXTERNAL"), n = computed(() => {
+      var c;
+      if (!m.showValidation || !l.value) return;
+      const f = (c = m.modelValue.url) == null ? void 0 : c.trim();
+      return f ? FdoBroadcastUrl.safeParse(f).success ? void 0 : o("connect.campaign.push.linkUrlInvalid") : o("connect.campaign.push.linkUrlRequired");
+    });
+    function a(f) {
+      i("update:model-value", { ...m.modelValue, ...f });
+    }
+    function s(f) {
+      a(f === "EXTERNAL" ? { destination: f } : { destination: f, url: null });
+    }
+    function y(f, c) {
+      return f >= c ? "text-fm-color-system-warning-400" : "text-fm-color-typo-secondary";
+    }
+    return (f, c) => {
+      const k = resolveComponent("FmTextField"), V = resolveComponent("FmTextarea"), g = 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", y(e.modelValue.title.length, TITLE_WARN_AT)])
+            }, toDisplayString(e.modelValue.title.length) + " / " + toDisplayString(TITLE_LIMIT), 3)
+          ]),
+          createVNode(k, {
+            "model-value": e.modelValue.title,
+            "max-length": TITLE_LIMIT,
+            placeholder: unref(o)("connect.campaign.push.titlePlaceholder"),
+            "onUpdate:modelValue": c[0] || (c[0] = (v) => a({ title: v }))
+          }, 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", y(e.modelValue.body.length, BODY_WARN_AT)])
+            }, toDisplayString(e.modelValue.body.length) + " / " + toDisplayString(BODY_LIMIT), 3)
+          ]),
+          createVNode(V, {
+            "model-value": e.modelValue.body,
+            "max-length": BODY_LIMIT,
+            placeholder: unref(o)("connect.campaign.push.bodyPlaceholder"),
+            "onUpdate:modelValue": c[1] || (c[1] = (v) => a({ body: v }))
+          }, null, 8, ["model-value", "placeholder"])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_6$8, toDisplayString(unref(o)("connect.campaign.push.link")), 1),
+          createVNode(g, {
+            "model-value": e.modelValue.destination ?? "NONE",
+            items: unref(u).map((v) => ({
+              label: unref(o)(`connect.campaign.appInbox.destination.${v}`),
+              value: v
+            })),
+            "onUpdate:modelValue": c[2] || (c[2] = (v) => s(v))
+          }, null, 8, ["model-value", "items"]),
+          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(k, {
+              "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": c[3] || (c[3] = (v) => a({ url: v.trim() || null }))
+            }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text"])
+          ])) : createCommentVNode("", !0)
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$j = { class: "flex items-stretch overflow-x-auto pb-4" }, _hoisted_2$g = {
+  key: 0,
+  class: "flex flex-none items-center px-8 fm-typo-en-body-lg-600 text-fm-color-neutral-gray-300",
+  "aria-hidden": "true"
+}, _hoisted_3$d = ["aria-current", "onClick"], _hoisted_4$c = { class: "flex items-center gap-[6px]" }, _hoisted_5$a = ["title"], _hoisted_6$7 = { class: "mt-[3px] block text-[11px] leading-[1.3] text-fm-color-typo-secondary" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "ChannelContentTabs",
+  props: {
+    tabs: {},
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(e) {
+    const { t: r } = useI18n();
+    return (o, m) => (openBlock(), createElementBlock("div", _hoisted_1$j, [
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(e.tabs, (i) => (openBlock(), createElementBlock("div", {
+        key: i.key,
+        class: "flex flex-none items-center"
+      }, [
+        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 === 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 === i.key ? "true" : void 0,
+          onClick: (u) => o.$emit("update:model-value", i.key)
+        }, [
+          createElementVNode("span", _hoisted_4$c, [
+            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 === i.key ? "bg-fm-color-primary text-fm-color-typo-white" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
+              ])
+            }, toDisplayString(i.step), 3)) : createCommentVNode("", !0),
+            createElementVNode("span", {
+              class: normalizeClass([
+                "truncate text-[12.5px] font-semibold leading-[1.3]",
+                e.modelValue === i.key ? "text-fm-color-primary" : "text-fm-color-typo-primary"
+              ])
+            }, 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(r)("connect.campaign.broadcast.messageMissing")
+            }, null, 8, _hoisted_5$a))
+          ]),
+          createElementVNode("span", _hoisted_6$7, toDisplayString(i.sub), 1)
+        ], 10, _hoisted_3$d)
+      ]))), 128))
+    ]));
+  }
+}), _hoisted_1$i = {
+  key: 0,
+  class: "flex w-[264px] shrink-0 flex-col gap-8"
+}, _hoisted_2$f = { class: "fm-typo-en-body-md-600" }, _hoisted_3$c = { class: "flex justify-center py-8" }, _hoisted_4$b = {
+  key: 0,
+  class: "px-12 pb-16 pt-16"
+}, _hoisted_5$9 = { class: "mb-12 text-center text-[11px] text-[rgba(255,255,255,0.6)]" }, _hoisted_6$6 = { class: "rounded-[14px] border border-[rgba(255,255,255,0.12)] bg-[rgba(255,255,255,0.14)] p-12 backdrop-blur" }, _hoisted_7$6 = { class: "fm-typo-en-body-md-600 text-fm-color-typo-white line-clamp-2" }, _hoisted_8$5 = { class: "mt-[2px] fm-typo-en-body-sm-400 text-[rgba(255,255,255,0.72)] line-clamp-3" }, _hoisted_9$5 = {
+  key: 1,
+  class: "px-12 pb-16"
+}, _hoisted_10$5 = { class: "fm-typo-en-body-md-600 mb-8" }, _hoisted_11$3 = { class: "rounded-[12px] border border-fm-color-neutral-gray-100 p-12" }, _hoisted_12$2 = { class: "fm-typo-en-body-md-600 line-clamp-2" }, _hoisted_13$2 = { class: "mt-[2px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary line-clamp-3" }, _hoisted_14$2 = ["src"], _hoisted_15$2 = ["srcdoc", "title"], _hoisted_16$1 = {
+  key: 2,
+  class: "mt-12 flex flex-col gap-[6px]"
+}, _hoisted_17$1 = {
+  key: 2,
+  class: "px-12 pb-16"
+}, _hoisted_18$1 = { class: "fm-typo-en-body-md-600 mb-8" }, _hoisted_19$1 = { class: "whitespace-pre-wrap break-words rounded-[12px] bg-fm-color-neutral-gray-100 p-12 fm-typo-en-body-sm-400" }, _hoisted_20$1 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "ChannelPreview",
+  props: {
+    target: {},
+    content: {},
+    senderPrefix: {}
+  },
+  setup(e) {
+    const { t: r } = useI18n(), o = e, m = computed(
+      () => o.target === "PUSH" ? o.content : void 0
+    ), i = computed(
+      () => o.target === "APP_INBOX" ? o.content : void 0
+    ), u = computed(
+      () => o.target === "SMS" || o.target === "WHATSAPP" ? o.content : void 0
+    ), l = computed(() => {
+      var f, c;
+      const y = (c = (f = u.value) == null ? void 0 : f.content) == null ? void 0 : c.trim();
+      return y ? o.senderPrefix ? `${o.senderPrefix}${y}` : y : r("connect.campaign.broadcast.preview.emptyText");
+    }), n = computed(() => {
+      var f;
+      const y = ((f = i.value) == null ? void 0 : f.content) ?? "";
+      return y.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}
+  </style>${y}` : "";
+    }), a = computed(() => {
+      const y = /* @__PURE__ */ new Date(), f = y.toLocaleDateString(void 0, {
+        weekday: "short",
+        day: "2-digit",
+        month: "short"
+      }), c = y.toLocaleTimeString(void 0, {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return `${f} · ${c}`;
+    }), s = computed(() => o.target === "PUSH" ? r("connect.campaign.broadcast.preview.note.push") : o.target === "APP_INBOX" ? r("connect.campaign.broadcast.preview.note.inbox") : r("connect.campaign.broadcast.preview.note.text"));
+    return (y, f) => {
+      var c, k, V, g, v, d, p, C, x, N, w;
+      return e.target !== "EMAIL" ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+        createElementVNode("div", _hoisted_2$f, toDisplayString(unref(r)("connect.campaign.broadcast.preview.title")), 1),
+        createElementVNode("div", {
+          class: normalizeClass([
+            "overflow-hidden rounded-[22px] border border-fm-color-neutral-gray-100",
+            e.target === "PUSH" ? "bg-fm-color-neutral-black" : "bg-fm-color-neutral-white"
+          ])
+        }, [
+          createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", {
+              class: normalizeClass([
+                "h-4 w-40 rounded-full",
+                e.target === "PUSH" ? "bg-fm-color-neutral-gray-400" : "bg-fm-color-neutral-gray-100"
+              ])
+            }, null, 2)
+          ]),
+          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(((k = (c = unref(m)) == null ? void 0 : c.title) == null ? void 0 : k.trim()) || unref(r)("connect.campaign.broadcast.preview.emptyTitle")), 1),
+              createElementVNode("div", _hoisted_8$5, toDisplayString(((g = (V = unref(m)) == null ? void 0 : V.body) == null ? void 0 : g.trim()) || unref(r)("connect.campaign.broadcast.preview.emptyBody")), 1)
+            ])
+          ])) : e.target === "APP_INBOX" ? (openBlock(), createElementBlock("div", _hoisted_9$5, [
+            createElementVNode("div", _hoisted_10$5, toDisplayString(unref(r)("connect.campaign.broadcast.preview.inboxHeading")), 1),
+            createElementVNode("div", _hoisted_11$3, [
+              createElementVNode("div", _hoisted_12$2, toDisplayString(((d = (v = unref(i)) == null ? void 0 : v.title) == null ? void 0 : d.trim()) || unref(r)("connect.campaign.broadcast.preview.emptyTitle")), 1),
+              createElementVNode("div", _hoisted_13$2, toDisplayString(((C = (p = unref(i)) == null ? void 0 : p.previewText) == null ? void 0 : C.trim()) || unref(r)("connect.campaign.broadcast.preview.emptyBody")), 1),
+              (x = unref(i)) != null && x.imageUrl ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: unref(i).imageUrl,
+                alt: "",
+                class: "mt-8 w-full rounded-[8px]"
+              }, null, 8, _hoisted_14$2)) : createCommentVNode("", !0),
+              unref(n) ? (openBlock(), createElementBlock("iframe", {
+                key: 1,
+                srcdoc: unref(n),
+                sandbox: "",
+                referrerpolicy: "no-referrer",
+                class: "mt-8 h-[120px] w-full border-0",
+                title: unref(r)("connect.campaign.broadcast.preview.bodyFrameTitle")
+              }, null, 8, _hoisted_15$2)) : createCommentVNode("", !0),
+              (w = (N = unref(i)) == null ? void 0 : N.buttons) != null && w.length ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i).buttons, ($, T) => (openBlock(), createElementBlock("div", {
+                  key: T,
+                  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($.label || unref(r)("connect.campaign.appInbox.buttonLabel")), 1))), 128))
+              ])) : createCommentVNode("", !0)
+            ])
+          ])) : (openBlock(), createElementBlock("div", _hoisted_17$1, [
+            createElementVNode("div", _hoisted_18$1, toDisplayString(unref(r)(`connect.campaign.broadcast.channel.${e.target}`)), 1),
+            createElementVNode("div", _hoisted_19$1, toDisplayString(unref(l)), 1)
+          ]))
+        ], 2),
+        createElementVNode("div", _hoisted_20$1, toDisplayString(unref(s)), 1)
+      ])) : createCommentVNode("", !0);
+    };
+  }
+}), _hoisted_1$h = { class: "flex flex-col gap-12 pt-8" }, _hoisted_2$e = { class: "flex flex-wrap items-baseline justify-between gap-16" }, _hoisted_3$b = { class: "fm-typo-en-body-lg-600" }, _hoisted_4$a = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_5$8 = { class: "h-24 w-24 flex-none rounded-full bg-fm-color-neutral-gray-100 text-center fm-typo-en-body-sm-400 leading-[24px]" }, _hoisted_6$5 = { class: "min-w-0 flex-1" }, _hoisted_7$5 = { class: "flex flex-wrap items-center gap-[10px]" }, _hoisted_8$4 = { class: "fm-typo-en-body-md-600" }, _hoisted_9$4 = {
+  key: 0,
+  class: "inline-flex items-center gap-[5px] fm-typo-en-body-sm-400 text-fm-color-system-error-400"
+}, _hoisted_10$4 = { class: "ml-auto flex flex-none items-center gap-[2px] border-l border-fm-color-neutral-gray-100 pl-4" }, _hoisted_11$2 = ["title"], _hoisted_12$1 = ["title"], _hoisted_13$1 = ["title"], _hoisted_14$1 = {
+  type: "button",
+  class: "w-full rounded-[8px] border-2 border-dashed border-fm-color-neutral-gray-200 p-[20px] fm-typo-en-body-lg-600 text-fm-color-typo-secondary transition-colors hover:border-fm-color-primary hover:text-fm-color-primary"
+}, _hoisted_15$1 = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "FallbackChannelList",
+  props: {
+    rows: {},
+    addable: {}
+  },
+  emits: ["move", "remove", "add"],
+  setup(e) {
+    const { t: r } = useI18n(), o = e, m = computed(() => o.addable.length > 0);
+    return (i, u) => {
+      const l = resolveComponent("FmButton"), n = resolveComponent("FmMenuItem"), a = resolveComponent("FmMenu");
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("span", _hoisted_3$b, toDisplayString(unref(r)("connect.campaign.broadcast.fallbackChannels")), 1),
+          createElementVNode("span", _hoisted_4$a, toDisplayString(unref(r)("connect.campaign.broadcast.fallbackChannelsHint")), 1)
+        ]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(e.rows, (s, y) => (openBlock(), createElementBlock("div", {
+          key: s.channel,
+          class: "flex flex-wrap items-center gap-12 rounded-[8px] border border-fm-color-neutral-gray-100 px-16 py-[14px]"
+        }, [
+          createElementVNode("span", _hoisted_5$8, toDisplayString(s.position), 1),
+          createElementVNode("span", _hoisted_6$5, [
+            createElementVNode("span", _hoisted_7$5, [
+              createElementVNode("span", _hoisted_8$4, toDisplayString(s.label), 1),
+              s.complete ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", _hoisted_9$4, [
+                u[0] || (u[0] = createElementVNode("span", { class: "h-[6px] w-[6px] rounded-full bg-fm-color-system-error-400" }, null, -1)),
+                createTextVNode(" " + toDisplayString(unref(r)("connect.campaign.broadcast.messageMissing")), 1)
+              ]))
+            ])
+          ]),
+          createElementVNode("span", _hoisted_10$4, [
+            createElementVNode("span", {
+              title: unref(r)("connect.campaign.broadcast.moveUp"),
+              class: "flex"
+            }, [
+              createVNode(l, {
+                icon: "arrow_upward",
+                "icon-color": "neutral-gray-400",
+                variant: "tertiary",
+                disabled: y === 0,
+                onClick: (f) => i.$emit("move", s.channel, -1)
+              }, null, 8, ["disabled", "onClick"])
+            ], 8, _hoisted_11$2),
+            createElementVNode("span", {
+              title: unref(r)("connect.campaign.broadcast.moveDown"),
+              class: "flex"
+            }, [
+              createVNode(l, {
+                icon: "arrow_downward",
+                "icon-color": "neutral-gray-400",
+                variant: "tertiary",
+                disabled: y === e.rows.length - 1,
+                onClick: (f) => i.$emit("move", s.channel, 1)
+              }, null, 8, ["disabled", "onClick"])
+            ], 8, _hoisted_12$1),
+            createElementVNode("span", {
+              title: unref(r)("connect.campaign.broadcast.removeChannel"),
+              class: "flex"
+            }, [
+              createVNode(l, {
+                icon: "delete",
+                "icon-color": "neutral-gray-400",
+                variant: "tertiary",
+                onClick: (f) => i.$emit("remove", s.channel)
+              }, null, 8, ["onClick"])
+            ], 8, _hoisted_13$1)
+          ])
+        ]))), 128)),
+        unref(m) ? (openBlock(), createBlock(a, {
+          key: 0,
+          placement: "bottom-start"
+        }, {
+          "menu-button": withCtx(() => [
+            createElementVNode("button", _hoisted_14$1, " + " + toDisplayString(unref(r)("connect.campaign.broadcast.addFallbackChannel")), 1)
+          ]),
+          default: withCtx(() => [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(e.addable, (s) => (openBlock(), createBlock(n, {
+              key: s.channel,
+              label: s.label,
+              onClick: (y) => i.$emit("add", s.channel)
+            }, null, 8, ["label", "onClick"]))), 128))
+          ]),
+          _: 1
+        })) : (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(unref(r)("connect.campaign.broadcast.allChannelsAdded")), 1))
+      ]);
+    };
+  }
+});
+var define_appEndpoint_default = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
+const _hoisted_1$g = { class: "flex flex-col gap-[28px]" }, _hoisted_2$d = { class: "flex flex-col gap-[14px]" }, _hoisted_3$a = { class: "fm-typo-en-body-lg-600" }, _hoisted_4$9 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$7 = { class: "grid gap-12 md:grid-cols-2 lg:grid-cols-2" }, _hoisted_6$4 = { class: "flex items-start justify-between gap-12" }, _hoisted_7$4 = { class: "fm-typo-en-title-sm-800" }, _hoisted_8$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_9$3 = {
+  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_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_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-system-warning-400"
+}, _hoisted_19 = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-400"
+}, _hoisted_20 = { class: "flex flex-col gap-[14px]" }, _hoisted_21 = { class: "fm-typo-en-body-lg-600" }, _hoisted_22 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_23 = {
+  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_24 = {
+  key: 3,
+  class: "flex flex-wrap items-start gap-24"
+}, _hoisted_25 = { class: "min-w-0 flex-1 basis-[340px]" }, _hoisted_26 = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "BroadcastDeliveryInput",
+  props: {
+    pushAvailability: {
+      type: String,
+      default: "checking"
+    },
+    /** Either the new delivery shape or a legacy single-channel message. */
+    modelValue: {
+      type: Object,
+      default: void 0
+    },
+    triggerType: {
+      type: String,
+      default: () => "SCHEDULE"
+    },
+    variables: {
+      type: Object,
+      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: ["retry-push", "update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = useDialog(), i = computed(
+      () => o(
+        "connect.campaign.broadcast.pushAvailability." + (a.pushAvailability === "checking" ? "checking" : a.pushAvailability === "non-native" ? "requiresNativeApp" : "unavailable")
+      )
+    );
+    function u() {
+      m.open({
+        title: o("connect.campaign.broadcast.pushAvailability.contactSales"),
+        message: o("connect.campaign.broadcast.pushAvailability.dialogMessage"),
+        primaryActions: {
+          text: o("connect.campaign.broadcast.pushAvailability.close"),
+          close: !0
+        }
+      });
+    }
+    const l = useCoreStore(), n = useMembershipStore(), a = e, s = r, y = ref(!1), f = ref("SMS"), c = computed(() => {
+      const h = a.modelValue;
+      return h && "channels" in h ? h : toDelivery({ message: h });
+    });
+    function k(h) {
+      s("update:model-value", h);
+    }
+    function V(h) {
+      return o(`connect.campaign.broadcast.channel.${h}`);
+    }
+    const g = {
+      SMS: "chat",
+      WHATSAPP: "chat",
+      EMAIL: "mail",
+      APP_INBOX: "inbox",
+      PUSH: "notifications"
+    };
+    function v(h) {
+      return g[h];
+    }
+    const d = computed(() => c.value.mode === "fallback"), p = computed(
+      () => a.variables.filter(
+        (h) => a.triggerType == "SCHEDULE" ? !h.startsWith("transaction.") : !0
+      )
+    );
+    function C(h) {
+      return h === "PUSH" ? a.pushAvailability === "native" : h === "WHATSAPP" ? y.value : !0;
+    }
+    const x = ["fallback", "all"];
+    function N(h) {
+      h !== c.value.mode && k(setMode(c.value, h));
+    }
+    const w = ref(null);
+    function $(h) {
+      var D;
+      const B = (D = w.value) == null ? void 0 : D[h];
+      return B ? new Intl.NumberFormat(void 0, {
+        style: "currency",
+        currency: B.currency,
+        minimumFractionDigits: B.precision,
+        maximumFractionDigits: B.precision
+      }).format(B.amount / 10 ** B.precision) : null;
+    }
+    const T = computed(
+      () => CHANNEL_DISPLAY_ORDER.map((h) => {
+        const B = c.value.channels.includes(h), D = $(h);
+        return {
+          channel: h,
+          label: V(h),
+          selected: B,
+          available: C(h),
+          rateNote: isPaidChannel(h) ? D ? o("connect.campaign.broadcast.perMessage", { price: D }) : 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: d.value ? c.value.channels[0] === h : B,
+          usedAsFallback: d.value && c.value.channels.indexOf(h) > 0
+        };
+      })
+    );
+    async function R(h) {
+      if (C(h)) {
+        if (d.value) {
+          await A(h);
+          return;
+        }
+        if (c.value.channels.includes(h)) {
+          await M(h);
+          return;
+        }
+        k(addChannel(c.value, h, p.value));
+      }
+    }
+    async function A(h) {
+      if (!C(h)) return;
+      const B = c.value.channels[0];
+      B !== h && (B && hasDraft(c.value, B) && !await prompt.remove(
+        o("connect.campaign.broadcast.replaceChannelConfirm", {
+          channel: V(B),
+          next: V(h)
+        })
+      ) || C(h) && (k(setPrimaryChannel(c.value, h, p.value)), f.value = h));
+    }
+    async function M(h) {
+      if (hasDraft(c.value, h) && !await prompt.remove(
+        o("connect.campaign.broadcast.removeChannelConfirm", {
+          channel: V(h)
+        })
+      ))
+        return;
+      const B = removeChannel(c.value, h);
+      k(B), f.value === h && (f.value = B.channels[0] ?? "SMS");
+    }
+    function I(h, B) {
+      k(moveChannel(c.value, h, B));
+    }
+    function X(h) {
+      C(h) && k(addChannel(c.value, h, p.value));
+    }
+    const K = computed(
+      () => c.value.channels.slice(1).map((h, B) => ({
+        channel: h,
+        label: V(h),
+        position: B + 2,
+        complete: !a.showValidation || isChannelComplete(c.value, h)
+      }))
+    ), Z = computed(
+      () => CHANNEL_DISPLAY_ORDER.filter(
+        (h) => !c.value.channels.includes(h) && C(h)
+      ).map((h) => ({
+        channel: h,
+        label: V(h)
+      }))
+    ), W = computed(
+      () => c.value.channels.map((h, B) => ({
+        key: h,
+        label: V(h),
+        sub: d.value ? o(B === 0 ? "connect.campaign.broadcast.tab.firstAttempt" : "connect.campaign.broadcast.tab.ifNotReached") : o("connect.campaign.broadcast.tab.sendsToEligible"),
+        complete: !a.showValidation || isChannelComplete(c.value, h),
+        step: d.value ? B + 1 : void 0,
+        connector: B === 0 ? void 0 : d.value ? "→" : "+"
+      }))
+    );
+    watchEffect(() => {
+      const h = W.value.map((B) => B.key);
+      h.length && !h.includes(f.value) && (f.value = h[0]);
+    });
+    const Y = computed(() => f.value), b = computed(() => {
+      const h = Y.value;
+      if (!(h === "APP_INBOX" || h === "PUSH"))
+        return c.value.content[h];
+    }), E = computed(
+      () => c.value.content.APP_INBOX
+    ), F = computed(
+      () => c.value.content.PUSH
+    );
+    function U(h) {
+      k(setChannelContent(c.value, "APP_INBOX", h));
+    }
+    function O(h) {
+      C("PUSH") && k(setChannelContent(c.value, "PUSH", h));
+    }
+    function P(h, B) {
+      h === "APP_INBOX" || h === "PUSH" || k(setChannelContent(c.value, h, { ...B, channel: h }));
+    }
+    const H = computed(
+      () => c.value.channels.filter(isPaidChannel)
+    ), L = computed(() => {
+      var B, D, q;
+      const h = ((B = n.membership) == null ? void 0 : B.brand) || ((q = (D = l.currentBusiness) == null ? void 0 : D.value) == null ? void 0 : q.name) || "";
+      return getSmsMessageMetrics({ brandName: h, content: "" }).prefix;
+    }), j = `${define_appEndpoint_default.licensePortalUrl}settings?businessId=${SvcConfig.businessId}`;
+    async function G() {
+      try {
+        const h = await membershipApi.getWhatsappNumbers();
+        y.value = h.some(
+          (B) => {
+            var D;
+            return (D = B == null ? void 0 : B.default) == null ? void 0 : D.includes("Marketing");
+          }
+        );
+      } catch (h) {
+        console.error("Failed to fetch WhatsApp numbers:", h);
+      }
+    }
+    return onMounted(async () => {
+      const h = c.value.channels[0];
+      h && (f.value = h), campaignApi.readBroadcastCreditSummary().then((B) => w.value = B.prices).catch(() => w.value = null), await G();
+    }), (h, B) => {
+      const D = resolveComponent("FmIcon"), q = resolveComponent("FmCard"), J = resolveComponent("FmButton");
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createElementVNode("div", _hoisted_2$d, [
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_3$a, toDisplayString(unref(o)("connect.campaign.broadcast.delivery")), 1),
+            createElementVNode("div", _hoisted_4$9, toDisplayString(unref(o)("connect.campaign.broadcast.deliveryDescription")), 1)
+          ]),
+          createElementVNode("div", _hoisted_5$7, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(x, (S) => createVNode(q, {
+              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(c).mode === S,
+                "hover:bg-fm-color-opacity-sm": unref(c).mode !== S
+              }]),
+              onClick: (Q) => N(S)
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_6$4, [
+                  createElementVNode("div", _hoisted_7$4, toDisplayString(unref(o)(`connect.campaign.broadcast.mode.${S}.label`)), 1),
+                  unref(c).mode === S ? (openBlock(), createBlock(D, {
+                    key: 0,
+                    name: "check_circle",
+                    size: "md",
+                    class: "shrink-0 text-fm-color-primary"
+                  })) : createCommentVNode("", !0)
+                ]),
+                createElementVNode("div", _hoisted_8$3, toDisplayString(unref(o)(`connect.campaign.broadcast.mode.${S}.description`)), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"])), 64))
+          ]),
+          unref(c).channels.length < 2 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+            createVNode(D, {
+              name: "info",
+              size: "sm",
+              class: "mt-[2px]"
+            }),
+            createElementVNode("span", null, toDisplayString(unref(o)("connect.campaign.broadcast.singleChannelNote")), 1)
+          ])) : createCommentVNode("", !0)
+        ]),
+        createElementVNode("div", _hoisted_10$3, [
+          createElementVNode("div", _hoisted_11$1, toDisplayString(unref(d) ? unref(o)("connect.campaign.broadcast.primaryChannel") : unref(o)("connect.campaign.broadcast.channels")), 1),
+          createElementVNode("div", _hoisted_12, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(T), (S) => (openBlock(), createBlock(q, {
+              key: S.channel,
+              variant: "outlined",
+              class: normalizeClass(["flex h-full flex-col gap-12 p-16", [
+                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.channel === "PUSH" ? void 0 : !S.available,
+              onClick: (Q) => R(S.channel)
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_13, [
+                  createElementVNode("span", {
+                    class: normalizeClass([
+                      "flex h-[34px] w-[34px] flex-none items-center justify-center rounded-[8px]",
+                      S.available ? "bg-fm-color-primary-oats text-fm-color-primary" : "bg-fm-color-neutral-gray-200 text-fm-color-neutral-gray-400"
+                    ])
+                  }, [
+                    createVNode(D, {
+                      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 border-2 transition-colors", [
+                      unref(d) ? "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.checked && !unref(d) ? (openBlock(), createBlock(D, {
+                      key: 0,
+                      name: "check",
+                      size: "sm"
+                    })) : 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_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(S.channel === "PUSH" ? unref(i) : unref(o)("connect.campaign.broadcast.notSetUp")), 1))
+                ]),
+                S.channel === "WHATSAPP" && !S.available ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  href: j,
+                  target: "_blank",
+                  class: "mt-auto fm-typo-en-body-sm-400 text-fm-color-secondary-blueberry underline",
+                  onClick: B[0] || (B[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, toDisplayString(unref(o)("connect.campaign.messageInput.manageWhatsappChannel")), 1)) : createCommentVNode("", !0),
+                S.channel === "PUSH" && !S.available ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  e.pushAvailability === "non-native" ? (openBlock(), createBlock(J, {
+                    key: 0,
+                    label: unref(o)("connect.campaign.broadcast.pushAvailability.contactSales"),
+                    onClick: withModifiers(u, ["stop"])
+                  }, null, 8, ["label"])) : createCommentVNode("", !0),
+                  e.pushAvailability === "failed" ? (openBlock(), createBlock(J, {
+                    key: 1,
+                    label: unref(o)("connect.campaign.broadcast.pushAvailability.retry"),
+                    onClick: B[1] || (B[1] = withModifiers((Q) => s("retry-push"), ["stop"]))
+                  }, null, 8, ["label"])) : createCommentVNode("", !0),
+                  S.selected ? (openBlock(), createBlock(J, {
+                    key: 2,
+                    label: unref(o)("connect.campaign.broadcast.pushAvailability.removePush"),
+                    onClick: B[2] || (B[2] = withModifiers((Q) => M("PUSH"), ["stop"]))
+                  }, null, 8, ["label"])) : createCommentVNode("", !0)
+                ], 64)) : createCommentVNode("", !0)
+              ]),
+              _: 2
+            }, 1032, ["class", "aria-disabled", "onClick"]))), 128))
+          ]),
+          unref(c).channels.includes("PUSH") && !C("PUSH") ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(unref(o)("connect.campaign.broadcast.pushAvailability.removeBeforeSave")), 1)) : createCommentVNode("", !0),
+          e.showValidation && !unref(c).channels.length ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(unref(o)("connect.campaign.broadcast.selectChannelRequired")), 1)) : createCommentVNode("", !0),
+          unref(d) && unref(c).channels.length ? (openBlock(), createBlock(_sfc_main$h, {
+            key: 2,
+            rows: unref(K),
+            addable: unref(Z),
+            onMove: I,
+            onRemove: M,
+            onAdd: X
+          }, null, 8, ["rows", "addable"])) : createCommentVNode("", !0)
+        ]),
+        createElementVNode("div", _hoisted_20, [
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_21, toDisplayString(unref(o)("connect.campaign.broadcast.content")), 1),
+            createElementVNode("div", _hoisted_22, toDisplayString(unref(o)("connect.campaign.broadcast.contentDescription")), 1)
+          ]),
+          unref(H).length ? (openBlock(), createBlock(_sfc_main$w, {
+            key: 0,
+            channels: unref(H)
+          }, null, 8, ["channels"])) : createCommentVNode("", !0),
+          unref(c).channels.length ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(unref(o)("connect.campaign.broadcast.noChannelContent")), 1)),
+          unref(c).channels.length ? (openBlock(), createBlock(_sfc_main$j, {
+            key: 2,
+            modelValue: unref(f),
+            "onUpdate:modelValue": B[3] || (B[3] = (S) => isRef(f) ? f.value = S : null),
+            tabs: unref(W)
+          }, null, 8, ["modelValue", "tabs"])) : createCommentVNode("", !0),
+          unref(c).channels.includes(unref(f)) ? (openBlock(), createElementBlock("div", _hoisted_24, [
+            createElementVNode("div", _hoisted_25, [
+              unref(f) === "PUSH" && unref(F) && C("PUSH") ? (openBlock(), createBlock(_sfc_main$k, {
+                key: 0,
+                "model-value": unref(F),
+                "show-validation": e.showValidation,
+                "onUpdate:modelValue": O
+              }, null, 8, ["model-value", "show-validation"])) : unref(f) === "PUSH" ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(unref(i)), 1)) : unref(f) === "APP_INBOX" && unref(E) ? (openBlock(), createBlock(_sfc_main$l, {
+                key: 2,
+                "model-value": unref(E),
+                variables: unref(p),
+                "show-validation": e.showValidation,
+                "onUpdate:modelValue": U
+              }, null, 8, ["model-value", "variables", "show-validation"])) : unref(f) !== "APP_INBOX" ? (openBlock(), createBlock(_sfc_main$x, {
+                key: unref(f),
+                "model-value": unref(b),
+                "allow-email": !1,
+                "allow-whatsapp": !1,
+                "hide-credit-card": !0,
+                "trigger-type": e.triggerType,
+                variables: unref(p),
+                placeholder: e.placeholder,
+                "onUpdate:modelValue": B[4] || (B[4] = (S) => P(unref(Y), S))
+              }, null, 8, ["model-value", "trigger-type", "variables", "placeholder"])) : createCommentVNode("", !0)
+            ]),
+            createVNode(_sfc_main$i, {
+              target: unref(f),
+              content: unref(c).content[unref(Y)],
+              "sender-prefix": unref(L)
+            }, null, 8, ["target", "content", "sender-prefix"])
+          ])) : createCommentVNode("", !0)
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$f = { class: "space-y-8" }, _hoisted_2$c = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$9 = {
+  key: 0,
+  class: "space-y-4"
+}, _hoisted_4$8 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$6 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "ScheduleRuleInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    startDate: {
+      type: String
+    },
+    endDate: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = useCoreStore(), l = computed(
+      () => CountryTimezone[u.currentCountry.value || "MY"]
+    );
+    function n() {
+      const d = RuleBuilder.getRules(m.modelValue);
+      return d.length == 0 ? "fixed" : d.some(
+        (p) => isRuleEntry(p) && RuleBuilder.simplify(p).operator == "_rrule"
+      ) ? "repeating" : "fixed";
+    }
+    const a = ref(n()), s = ref(!1), y = ref(!1), f = computed(() => [
+      { label: o("connect.template.rule.schedule.fixed"), value: "fixed" },
+      { label: o("connect.template.rule.schedule.repeating"), value: "repeating" }
+    ]), c = computed(() => {
+      const d = RuleBuilder.getRules(m.modelValue), p = d.find(
+        (x) => isRuleEntry(x) && RuleBuilder.simplify(x).property == "trigger.date"
+      ), C = d.find(
+        (x) => isRuleEntry(x) && RuleBuilder.simplify(x).property == "trigger.time"
+      );
+      return {
+        date: p ? RuleBuilder.simplify(p).equator : null,
+        time: C ? RuleBuilder.simplify(C).equator : null
+      };
+    }), k = computed(
+      () => calculateNextScheduleAt(
+        m.modelValue,
+        /* @__PURE__ */ new Date(),
+        m.startDate ? new Date(m.startDate) : /* @__PURE__ */ new Date(),
+        m.endDate ? new Date(m.endDate) : void 0
+      )
+    );
+    function V(d, p) {
+      i(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
+          RuleBuilder.constructEntry("trigger.date", "_rrule", d),
+          RuleBuilder.constructEntry("trigger.time", "_isOnTime", p ?? "00:00")
+        ])
+      );
+    }
+    watch(
+      () => m.startDate,
+      (d, p) => {
+        if (!d || d === p || a.value !== "repeating" || !c.value.date) return;
+        const C = RRule.fromString(c.value.date), x = new RRule({
+          ...C.origOptions,
+          dtstart: new Date(d)
+        }).toString();
+        x !== c.value.date && (V(x, c.value.time), y.value = !0);
+      }
+    );
+    function g(d) {
+      const p = d.value, C = getRruleAnchorDate({
+        startDate: m.startDate ? new Date(m.startDate) : void 0
+      }), x = p == "fixed" ? [
+        RuleBuilder.constructEntry(
+          "trigger.date",
+          "_isOnDate",
+          (/* @__PURE__ */ new Date()).toISOString()
+        ),
+        RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+      ] : [
+        RuleBuilder.constructEntry(
+          "trigger.date",
+          "_rrule",
+          new RRule({
+            dtstart: C,
+            freq: RRule.DAILY,
+            interval: 1,
+            byhour: 0,
+            byminute: 0,
+            bysecond: 0,
+            wkst: RRule.SU
+          }).toString()
+        ),
+        RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+      ];
+      i(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          x
+        )
+      ), a.value = p, y.value = !1;
+    }
+    function v(d) {
+      a.value == "fixed" ? i(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
+          RuleBuilder.constructEntry(
+            "trigger.date",
+            "_isOnDate",
+            d.date
+          ),
+          RuleBuilder.constructEntry(
+            "trigger.time",
+            "_isOnTime",
+            d.time
+          )
+        ])
+      ) : V(d.date, d.time), y.value = !1;
+    }
+    return (d, p) => {
+      const C = resolveComponent("FmButtonGroup"), x = resolveComponent("FmTimePicker"), N = resolveComponent("FmIcon"), w = resolveComponent("FmTooltip"), $ = resolveComponent("FmField"), T = resolveComponent("FmCard"), R = resolveComponent("FmPopover"), A = resolveComponent("FmDatePicker"), M = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(C, {
+          items: unref(f),
+          "model-value": unref(f).find((I) => I.value === unref(a)) ?? null,
+          "onUpdate:modelValue": g,
+          class: "mb-8"
+        }, null, 8, ["items", "model-value"]),
+        createElementVNode("div", _hoisted_1$f, [
+          createElementVNode("div", _hoisted_2$c, [
+            createVNode(x, {
+              label: unref(o)("connect.template.rule.schedule.notify_time"),
+              "model-value": unref(c).time,
+              "onUpdate:modelValue": p[0] || (p[0] = (I) => v({ date: unref(c).date, time: I })),
+              "helper-text": unref(c).time ? void 0 : unref(o)("connect.template.rule.schedule.time_required"),
+              "helper-state": unref(c).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(c).date ? (openBlock(), createBlock(w, {
+                  key: 0,
+                  "z-index": 9999,
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(c).date).options)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(N, {
+                      name: "info",
+                      size: "sm",
+                      outline: !0
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : createCommentVNode("", !0)
+              ]),
+              createVNode(R, {
+                "show-popover": unref(s),
+                onPopoverChanged: p[3] || (p[3] = (I) => s.value = I)
+              }, {
+                "popover-button": withCtx(() => [
+                  createVNode($, {
+                    class: "cursor-pointer",
+                    "helper-text": unref(c).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+                    "helper-state": unref(c).date ? void 0 : "error"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_5$6, toDisplayString(unref(c).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(c).date).options) : unref(o)("connect.template.rule.schedule.set_repeating_date")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["helper-text", "helper-state"])
+                ]),
+                default: withCtx(() => [
+                  createVNode(T, { class: "elevated p-8 w-[450px]" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$y, {
+                        "apply-button": !0,
+                        "model-value": unref(c).date || "",
+                        "start-date": e.startDate ? new Date(e.startDate) : /* @__PURE__ */ new Date(),
+                        onCancel: p[1] || (p[1] = (I) => s.value = !1),
+                        "onUpdate:modelValue": p[2] || (p[2] = (I) => (v({ date: I, time: unref(c).time }), s.value = !1))
+                      }, null, 8, ["model-value", "start-date"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["show-popover"])
+            ])) : (openBlock(), createBlock(A, {
+              key: 1,
+              label: unref(o)("connect.template.rule.schedule.notify_date"),
+              "model-value": unref(c).date || "",
+              "onUpdate:modelValue": p[4] || (p[4] = (I) => v({ date: I, time: unref(c).time })),
+              "helper-text": unref(c).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+              "helper-state": unref(c).date ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]))
+          ]),
+          unref(c).date && unref(c).time && unref(k) ? (openBlock(), createBlock(M, {
+            key: 0,
+            text: `${unref(moment)(unref(k)).isAfter(unref(moment)()) ? unref(o)("connect.template.rule.schedule.next_notification") : unref(o)("connect.template.rule.schedule.last_trigger_on")} ${unref(moment)(unref(k)).format("dddd, DD MMM YYYY")} at
+        ${unref(moment)(unref(k)).format("hh:mmA")}(UTC${unref(moment).tz(unref(l)).format("Z")}) (${unref(moment)(unref(k)).fromNow()})`
+          }, null, 8, ["text"])) : createCommentVNode("", !0),
+          unref(y) ? (openBlock(), createBlock(M, {
+            key: 1,
+            text: "Repeating schedule was updated to stay anchored to the campaign start date.",
+            state: "warning"
+          })) : createCommentVNode("", !0)
+        ])
+      ], 64);
+    };
+  }
+}), _hoisted_1$e = { class: "space-y-16" }, _hoisted_2$b = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$8 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "GameTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = computed(
+      () => [
+        {
+          label: o("connect.campaign.gameType.option.FORTUNE_WHEEL.label"),
+          description: o("connect.campaign.gameType.option.FORTUNE_WHEEL.description"),
+          value: F_GAME_TYPE.enum.FORTUNE_WHEEL,
+          hidden: !1
+        },
+        {
+          label: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.label"),
+          description: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.description"),
+          value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
+          hidden: !0
+        }
+      ].filter((l) => !l.hidden)
+    );
+    return (l, n) => {
+      const a = resolveComponent("FmCard");
+      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(u), (s) => (openBlock(), createBlock(a, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(u).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == s.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != s.value
+            }]),
+            onClick: () => {
+              m.modelValue != s.value && i("update:model-value", s.value);
+            },
+            key: s.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$7, toDisplayString(s.label), 1),
+              createElementVNode("div", _hoisted_5$5, toDisplayString(s.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$d = {
+  key: 0,
+  class: "flex flex-col gap-y-24"
+}, _hoisted_2$a = { class: "flex gap-8 items-center justify-start" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "EditRewardPoolSheet",
+  emits: ["update:model-value"],
+  setup(e, { expose: r, emit: o }) {
+    const m = useMembershipStore(), { minor: i } = useLoading, u = ref(!1), l = ref(), n = ref(), a = ref(0), s = computed(() => {
+      var g;
+      return ((g = m.loyaltyRewards.items.find(
+        (v) => {
+          var d;
+          return v.value === ((d = l.value) == null ? void 0 : d.collectible);
+        }
+      )) == null ? void 0 : g.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+    }), y = computed(() => {
+      const V = s.value.safeParse(l.value);
+      return V.success ? [] : V.error.errors;
+    });
+    function f(V, g, v) {
+      V && (l.value = g, a.value = v), u.value = V;
+    }
+    const c = o;
+    async function k() {
+      const V = s.value.safeParse(l.value);
+      V.success && (await i(
+        async () => {
+          V.data.type === "VOUCHER" && n.value && (V.data.collectibleConfig.image = await firebaseStorage.update(
+            V.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
+            n.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), c("update:model-value", V.data, a.value));
+    }
+    return r({
+      showSheet: f
+    }), (V, g) => {
+      const v = resolveComponent("FmSelect"), d = resolveComponent("FmStepperField"), p = resolveComponent("FmButton"), C = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(C, {
+        "max-width": 560,
+        modelValue: unref(u),
+        "onUpdate:modelValue": [
+          g[9] || (g[9] = (x) => isRef(u) ? u.value = x : null),
+          g[10] || (g[10] = (x) => u.value = x)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_2$a, [
+            createVNode(p, {
+              variant: "primary",
+              type: "button",
+              disabled: unref(y).length > 0,
+              label: "Confirm",
+              onClick: g[7] || (g[7] = (x) => k())
+            }, null, 8, ["disabled"]),
+            createVNode(p, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: g[8] || (g[8] = (x) => u.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => {
+          var x, N, w;
+          return [
+            unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+              createVNode(v, {
+                label: "Reward Type",
+                items: [
+                  { label: "No Reward", value: "NO_REWARD" },
+                  { label: "Voucher", value: "VOUCHER" },
+                  { label: "Loyalty", value: "LOYALTY" }
+                ],
+                "model-value": unref(l).type,
+                "onUpdate:modelValue": g[0] || (g[0] = ($) => {
+                  $ == "NO_REWARD" ? l.value = {
+                    type: "NO_REWARD",
+                    collectible: null,
+                    weight: 1
+                  } : $ === "VOUCHER" ? l.value = {
+                    collectible: null,
+                    type: "VOUCHER",
+                    collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
+                      business: unref(useCoreStore)().currentBusiness.value._id
+                    }),
+                    earningOption: {
+                      amount: 1,
+                      type: "FIXED"
+                    },
+                    validityOption: {
+                      validForDay: 7
+                    },
+                    weight: 1
+                  } : l.value = {
+                    collectible: unref(m).loyaltyRewards.raw[0]._id,
+                    type: "LOYALTY",
+                    earningOption: {
+                      amount: 1,
+                      type: "FIXED"
+                    },
+                    validityOption: {
+                      validForDay: 7
+                    },
+                    weight: 1
+                  };
+                })
+              }, null, 8, ["model-value"]),
+              unref(l).type == "LOYALTY" ? (openBlock(), createBlock(v, {
+                key: 0,
+                label: "Loyalty type",
+                rules: [unref(ZodHelper).ruleAtPath(unref(s), "collectible", [unref(l).type])],
+                items: unref(m).loyaltyRewards.items,
+                "model-value": unref(l).collectible,
+                "onUpdate:modelValue": g[1] || (g[1] = ($) => unref(l).collectible = $)
+              }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+              createVNode(d, {
+                label: "Weight",
+                rules: [unref(ZodHelper).ruleAtPath(unref(s), "weight", [unref(l).type])],
+                "model-value": unref(l).weight,
+                "onUpdate:modelValue": g[2] || (g[2] = ($) => l.value = {
+                  ...unref(l),
+                  weight: $
+                })
+              }, null, 8, ["rules", "model-value"]),
+              unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ((x = unref(m).loyaltyRewards.items.find(
+                  ($) => {
+                    var T;
+                    return $.value === ((T = unref(l)) == null ? void 0 : T.collectible);
+                  }
+                )) == null ? void 0 : x.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  g[11] || (g[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  createVNode(_sfc_main$z, {
+                    class: "mt-[-8px]",
+                    rules: [
+                      unref(ZodHelper).ruleAtPath(unref(s), "earningOption", [unref(l).type])
+                    ],
+                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(l).earningOption,
+                    "onUpdate:modelValue": g[3] || (g[3] = ($) => l.value = {
+                      ...unref(l),
+                      earningOption: $
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                g[12] || (g[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" && ((N = unref(m).loyaltyRewards.items.find(
+                    ($) => {
+                      var T;
+                      return $.value === ((T = unref(l)) == null ? void 0 : T.collectible);
+                    }
+                  )) == null ? void 0 : N.raw.type) === "CREDIT",
+                  class: "!gap-24",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(s), "validityOption", [unref(l).type])],
+                  "model-value": unref(l).validityOption,
+                  "onUpdate:modelValue": g[4] || (g[4] = ($) => l.value = {
+                    ...unref(l),
+                    validityOption: $
+                  })
+                }, 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": ((w = unref(l)) == null ? void 0 : w.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": g[5] || (g[5] = ($) => l.value = {
+                  ...unref(l),
+                  collectibleConfig: $
+                }),
+                "onUpdate:rewardImage": g[6] || (g[6] = ($) => n.value = $)
+              }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
+              createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
+            ])) : createCommentVNode("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function isNullOrEmpty(e) {
+  return e == null || e === "";
+}
+const _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$7 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "RewardPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => [
+        {
+          collectible: null,
+          type: "NO_REWARD",
+          weight: 1
+        }
+      ]
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const o = e, m = r, i = useMembershipStore(), { t: u } = useI18n(), l = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), n = computed(() => o.modelValue ?? []), a = computed(() => {
+      const g = l.safeParse(n.value);
+      return g.success ? [] : g.error.errors;
+    }), s = ref();
+    function y(g, v) {
+      var p;
+      const d = [...n.value];
+      d[v] = g, (p = s.value) == null || p.showSheet(!1), m("update:model-value", d);
+    }
+    function f(g) {
+      const v = g.type == "VOUCHER" ? g.collectibleConfig : i.collectibles.find(
+        (C) => C._id.toString() == g.collectible
+      ), d = CollectionUtils.formattedType((v == null ? void 0 : v.name) || ""), p = g.weight;
+      return {
+        label: isNullOrEmpty(d) ? "NO REWARD" : d,
+        sublabel: `${p} (${(p / n.value.reduce((C, x) => C + x.weight, 0) * 100).toFixed(2)}%)`
+      };
+    }
+    function c(g) {
+      var d;
+      const v = [...n.value];
+      (d = s.value) == null || d.showSheet(!0, v[g], g);
+    }
+    function k(g) {
+      const v = [...n.value];
+      v.splice(g, 1), m("update:model-value", v);
+    }
+    function V() {
+      var g;
+      (g = s.value) == null || g.showSheet(
+        !0,
+        {
+          type: "NO_REWARD",
+          collectible: null,
+          weight: 1
+        },
+        n.value.length
+      );
+    }
+    return (g, v) => {
+      const d = resolveComponent("FmButton"), p = resolveComponent("FmCard"), C = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(u)("connect.template.configure_reward_type")), 1),
+        createVNode(d, {
+          label: unref(u)("connect.campaign.rewardPool.addReward"),
+          onClick: v[0] || (v[0] = (x) => V()),
+          variant: "plain",
+          icon: "add"
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (x, N) => (openBlock(), createBlock(p, {
+          key: N,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: (w) => c(N)
+        }, {
+          default: withCtx(() => {
+            var w;
+            return [
+              createElementVNode("div", null, [
+                createElementVNode("div", _hoisted_3$7, toDisplayString(x.type == "LOYALTY" ? (w = x == null ? void 0 : x.earningOption) == null ? void 0 : w.amount : "") + " " + toDisplayString(f(x).label), 1),
+                createElementVNode("div", _hoisted_4$6, toDisplayString(f(x).sublabel), 1)
+              ]),
+              createVNode(d, {
+                icon: "delete",
+                variant: "tertiary",
+                onClick: ($) => ($.stopPropagation(), k(N))
+              }, null, 8, ["onClick"])
+            ];
+          }),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (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, {
+          ref_key: "sheetRef",
+          ref: s,
+          "onUpdate:modelValue": y
+        }, null, 512)
+      ]);
+    };
+  }
+}), _hoisted_1$b = { class: "space-y-16" }, _hoisted_2$8 = {
+  key: 0,
+  class: "grid grid-cols-2 gap-16"
+}, _hoisted_3$6 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "PromotionGameTypeInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = computed(() => [
+      {
+        label: o("connect.template.promotion_game.rock_paper_scissors.label"),
+        description: o("connect.template.promotion_game.rock_paper_scissors.description"),
+        value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
+      }
+    ]);
+    return (l, n) => {
+      var f, c, k;
+      const a = resolveComponent("FmSwitch"), s = resolveComponent("FmCard"), y = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createVNode(a, {
+          label: unref(o)("connect.template.promotion_game.enable"),
+          "model-value": !!((f = e.modelValue) != null && f.gameType),
+          "onUpdate:modelValue": n[0] || (n[0] = (V) => V ? i("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : i("update:model-value", null))
+        }, null, 8, ["label", "model-value"]),
+        ((c = e.modelValue) == null ? void 0 : c.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (V) => {
+            var g, v;
+            return openBlock(), createBlock(s, {
+              variant: "outlined",
+              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+                "col-span-2": unref(u).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((g = e.modelValue) == null ? void 0 : g.gameType) == V.value,
+                "hover:bg-fm-color-opacity-sm": ((v = e.modelValue) == null ? void 0 : v.gameType) != V.value
+              }]),
+              onClick: () => {
+                var d;
+                ((d = m.modelValue) == null ? void 0 : d.gameType) != V.value && i("update:model-value", { gameType: V.value });
+              },
+              key: V.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3$6, toDisplayString(V.label), 1),
+                createElementVNode("div", _hoisted_4$5, toDisplayString(V.description), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ])) : createCommentVNode("", !0),
+        ((k = e.modelValue) == null ? void 0 : k.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(y, {
+          key: 1,
+          text: unref(o)("connect.template.promotion_game.rock_paper_scissors.warning"),
+          state: "warning"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$a = { class: "space-y-8" }, _hoisted_2$7 = { class: "grid gap-16 grid-cols-2" }, _hoisted_3$5 = { class: "space-y-6" }, _hoisted_4$4 = { class: "space-y-8" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-600" }, _hoisted_6$3 = { class: "flex items-center space-x-3" }, _hoisted_7$3 = {
+  key: 0,
+  class: "ml-6 space-y-2"
+}, _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "GrabConditionsInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    schema: {
+      type: Object,
+      default: () => z.any()
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = ref(m.modelValue ?? {}), l = ref(
+      (() => {
+        const f = {};
+        return u.value.workingHour && Object.keys(u.value.workingHour).forEach((c) => {
+          const k = u.value.workingHour[c];
+          k && "periods" in k && Array.isArray(k.periods) ? f[c] = k.periods : Array.isArray(k) && (f[c] = k);
+        }), f;
+      })()
+    ), n = [
+      { key: "mon", label: "Monday" },
+      { key: "tue", label: "Tuesday" },
+      { key: "wed", label: "Wednesday" },
+      { key: "thu", label: "Thursday" },
+      { key: "fri", label: "Friday" },
+      { key: "sat", label: "Saturday" },
+      { key: "sun", label: "Sunday" }
+    ], a = (f) => {
+      l.value[f] || (l.value[f] = []), l.value[f].push({
+        startTime: "00:00",
+        endTime: "23:59"
+      }), y();
+    }, s = (f, c) => {
+      l.value[f] && l.value[f].length > c && (l.value[f].splice(c, 1), l.value[f].length === 0 && delete l.value[f], y());
+    }, y = () => {
+      const f = Object.keys(l.value).reduce(
+        (c, k) => (l.value[k] && l.value[k].length > 0 && (c[k] = {
+          periods: l.value[k]
+        }), c),
+        {}
+      );
+      u.value.workingHour = Object.keys(f).length > 0 ? f : void 0;
+    };
+    return watch(u, () => i("update:model-value", u.value), { deep: !0 }), watch(l, y, { deep: !0 }), (f, c) => {
+      const k = resolveComponent("FmSelect"), V = resolveComponent("FmStepperField"), g = resolveComponent("FmCheckbox"), v = resolveComponent("FmTimePicker"), d = resolveComponent("FmButton");
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_2$7, [
+          createVNode(k, {
+            label: unref(o)("connect.template.eaterType"),
+            modelValue: unref(u).eaterType,
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => unref(u).eaterType = p),
+            items: [
+              { label: unref(o)("connect.template.allEaters"), value: "all" },
+              { label: unref(o)("connect.template.newEatersOnly"), value: "new" },
+              {
+                label: unref(o)("connect.template.existingEatersOnly"),
+                value: "existing"
+              }
+            ],
+            rules: [unref(ZodHelper).ruleAtPath(e.schema, "eaterType")]
+          }, null, 8, ["label", "modelValue", "items", "rules"]),
+          createVNode(V, {
+            modelValue: unref(u).minBasketAmount,
+            "onUpdate:modelValue": c[1] || (c[1] = (p) => unref(u).minBasketAmount = p),
+            "show-steppers": !1,
+            rules: [unref(ZodHelper).ruleAtPath(e.schema, "minBasketAmount")]
+          }, {
+            label: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(
+                unref(ZodHelper).toInputLabel(
+                  unref(ZodHelper).typeAtPath(e.schema, "minBasketAmount"),
+                  unref(o)("connect.template.minBasketAmount")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          createVNode(V, {
+            modelValue: unref(u).bundleQuantity,
+            "onUpdate:modelValue": c[2] || (c[2] = (p) => unref(u).bundleQuantity = p),
+            "show-steppers": !1,
+            rules: [unref(ZodHelper).ruleAtPath(e.schema, "bundleQuantity")]
+          }, {
+            label: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(
+                unref(ZodHelper).toInputLabel(
+                  unref(ZodHelper).typeAtPath(e.schema, "bundleQuantity"),
+                  unref(o)("connect.template.bundleQuantity")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ]),
+        createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_5$4, toDisplayString(unref(o)("connect.template.operationHours")), 1),
+            (openBlock(), createElementBlock(Fragment, null, renderList(n, (p) => createElementVNode("div", {
+              key: p.key,
+              class: "space-y-2"
+            }, [
+              createElementVNode("div", _hoisted_6$3, [
+                createVNode(g, {
+                  label: p.label,
+                  "model-value": !!(unref(l)[p.key] && unref(l)[p.key].length > 0),
+                  "onUpdate:modelValue": (C) => {
+                    C ? a(p.key) : (unref(l)[p.key] = [], delete unref(l)[p.key], y());
+                  }
+                }, null, 8, ["label", "model-value", "onUpdate:modelValue"])
+              ]),
+              unref(l)[p.key] && unref(l)[p.key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l)[p.key] || [], (C, x) => (openBlock(), createElementBlock("div", {
+                  key: x,
+                  class: "flex items-center space-x-2 w-100"
+                }, [
+                  createVNode(v, {
+                    "model-value": C.startTime || "",
+                    "onUpdate:modelValue": (N) => {
+                      unref(l)[p.key] && unref(l)[p.key][x] && (unref(l)[p.key][x].startTime = N || "", y());
+                    }
+                  }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                  c[3] || (c[3] = createElementVNode("span", null, "to", -1)),
+                  createVNode(v, {
+                    "model-value": C.endTime || "",
+                    "onUpdate:modelValue": (N) => {
+                      unref(l)[p.key] && unref(l)[p.key][x] && (unref(l)[p.key][x].endTime = N || "", y());
+                    }
+                  }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                  createVNode(d, {
+                    variant: "tertiary",
+                    size: "sm",
+                    onClick: (N) => s(p.key, x),
+                    icon: "close"
+                  }, null, 8, ["onClick"]),
+                  x === 0 ? (openBlock(), createBlock(d, {
+                    key: 0,
+                    onClick: (N) => a(p.key),
+                    icon: "add",
+                    variant: "plain"
+                  }, null, 8, ["onClick"])) : createCommentVNode("", !0)
+                ]))), 128))
+              ])) : createCommentVNode("", !0)
+            ])), 64))
+          ])
+        ])
+      ]);
+    };
+  }
+}), GrabConditionsInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-7f17ebe8"]]), _hoisted_1$9 = { class: "space-y-8" }, _hoisted_2$6 = { class: "grid gap-16 grid-cols-2" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "GrabQuotaInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    schema: {
+      type: Object,
+      default: () => z.any()
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = ref(m.modelValue ?? {});
+    return watch(u, () => i("update:model-value", u.value)), (l, n) => {
+      const a = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$6, [
+          createVNode(a, {
+            modelValue: unref(u).totalCount,
+            "onUpdate:modelValue": n[0] || (n[0] = (s) => unref(u).totalCount = s),
+            "show-steppers": !1,
+            rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCount")]
+          }, {
+            label: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(
+                unref(ZodHelper).toInputLabel(
+                  unref(ZodHelper).typeAtPath(e.schema, "totalCount"),
+                  unref(o)("connect.template.totalCount")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          createVNode(a, {
+            modelValue: unref(u).totalCountPerUser,
+            "onUpdate:modelValue": n[1] || (n[1] = (s) => unref(u).totalCountPerUser = s),
+            "show-steppers": !1,
+            rules: [unref(ZodHelper).ruleAtPath(e.schema, "totalCountPerUser")]
+          }, {
+            label: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(
+                unref(ZodHelper).toInputLabel(
+                  unref(ZodHelper).typeAtPath(e.schema, "totalCountPerUser"),
+                  unref(o)("connect.template.totalCountPerUser")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$4 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$3 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "MissionTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = computed(() => [
+      {
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("connect.campaign.mission.typeOption.STAMP.description"),
+        value: F_MISSION_TYPE.enum.STAMP
+      },
+      {
+        label: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
+        value: F_MISSION_TYPE.enum.PROGRESSIVE
+      }
+    ]);
+    return (l, n) => {
+      const a = resolveComponent("FmCard");
+      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(u), (s) => (openBlock(), createBlock(a, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(u).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == s.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != s.value
+            }]),
+            onClick: () => {
+              m.modelValue != s.value && i("update:model-value", s.value);
+            },
+            key: s.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$3, toDisplayString(s.label), 1),
+              createElementVNode("div", _hoisted_5$3, toDisplayString(s.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$7 = { class: "space-y-16" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "MissionEndInput",
+  props: {
+    modelValue: {
+      type: [String, Number]
+    },
+    helperText: {
+      type: String
+    },
+    helperState: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const o = r;
+    return (m, i) => {
+      const u = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        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(u, {
+          label: "Maximum to collect",
+          "model-value": e.modelValue || null,
+          "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"])
+      ]);
+    };
+  }
+}), _hoisted_1$6 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "EditMissionPoolSheet",
+  props: {
+    maxThreshold: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { expose: r, emit: o }) {
+    const m = e, i = useMembershipStore(), { minor: u } = useLoading, l = ref(!1), n = ref(), a = ref(), s = ref(0), y = computed(() => {
+      var d;
+      return ((d = i.loyaltyRewards.items.find(
+        (p) => {
+          var C;
+          return p.value === ((C = n.value) == null ? void 0 : C.collectible);
+        }
+      )) == null ? void 0 : d.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+    }), f = computed(() => {
+      const v = y.value.safeParse(n.value);
+      return v.success ? [] : v.error.errors;
+    });
+    function c(v, d, p) {
+      v && (n.value = d, s.value = p), l.value = v;
+    }
+    const k = o;
+    async function V() {
+      const v = y.value.safeParse(n.value);
+      v.success && (await u(
+        async () => {
+          v.data.type === "VOUCHER" && a.value && (v.data.collectibleConfig.image = await firebaseStorage.update(
+            v.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, a.value),
+            a.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), k("update:model-value", v.data, s.value));
+    }
+    const g = ref();
+    return r({
+      showSheet: c
+    }), (v, d) => {
+      const p = resolveComponent("FmStepperField"), C = resolveComponent("FmSelect"), x = resolveComponent("FmForm"), N = resolveComponent("FmButton"), w = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(w, {
+        "max-width": 560,
+        modelValue: unref(l),
+        "onUpdate:modelValue": [
+          d[10] || (d[10] = ($) => isRef(l) ? l.value = $ : null),
+          d[11] || (d[11] = ($) => l.value = $)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_1$6, [
+            createVNode(N, {
+              variant: "primary",
+              type: "button",
+              label: "Confirm",
+              disabled: unref(f).length > 0,
+              onClick: d[8] || (d[8] = async () => {
+                var $;
+                return ($ = unref(g)) == null ? void 0 : $.validateInputs();
+              })
+            }, null, 8, ["disabled"]),
+            createVNode(N, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: d[9] || (d[9] = ($) => l.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createVNode(JsonViewer, { json: unref(n) }, null, 8, ["json"]),
+          unref(n) ? (openBlock(), createBlock(x, {
+            key: 0,
+            class: "flex flex-col gap-y-24",
+            ref_key: "formRef",
+            ref: g,
+            onValidationSuccess: d[7] || (d[7] = ($) => V())
+          }, {
+            default: withCtx(() => {
+              var $, T;
+              return [
+                unref(n).type ? (openBlock(), createBlock(p, {
+                  key: 0,
+                  label: "Threshold",
+                  rules: [
+                    unref(ZodHelper).toRule(
+                      unref(z).number().min(1).max(
+                        m.maxThreshold,
+                        `Number cannot be more than ${m.maxThreshold}`
+                      )
+                    )
+                  ],
+                  "model-value": unref(n).threshold,
+                  "onUpdate:modelValue": d[0] || (d[0] = (R) => n.value = {
+                    ...unref(n),
+                    threshold: R
+                  })
+                }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
+                createVNode(C, {
+                  label: "Reward Type",
+                  items: [
+                    { label: "Voucher", value: "VOUCHER" },
+                    { label: "Loyalty", value: "LOYALTY" }
+                  ],
+                  "model-value": unref(n).type,
+                  "onUpdate:modelValue": d[1] || (d[1] = (R) => {
+                    var A, M;
+                    R === "VOUCHER" ? n.value = {
+                      collectible: null,
+                      type: "VOUCHER",
+                      collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
+                        business: unref(useCoreStore)().currentBusiness.value._id
+                      }),
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: (A = unref(n)) == null ? void 0 : A.threshold
+                    } : n.value = {
+                      collectible: unref(i).loyaltyRewards.raw[0]._id,
+                      type: "LOYALTY",
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: (M = unref(n)) == null ? void 0 : M.threshold
+                    };
+                  })
+                }, null, 8, ["model-value"]),
+                unref(n).type == "LOYALTY" ? (openBlock(), createBlock(C, {
+                  key: 1,
+                  label: "Loyalty type",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(y), "collectible", [unref(n).type])],
+                  items: unref(i).loyaltyRewards.items,
+                  "model-value": unref(n).collectible,
+                  "onUpdate:modelValue": d[2] || (d[2] = (R) => unref(n).collectible = R)
+                }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+                unref(n).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  d[12] || (d[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  createVNode(_sfc_main$z, {
+                    class: "mt-[-8px]",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "earningOption", [unref(n).type])],
+                    "helper-state": unref(ZodHelper).helperState(unref(f), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(f), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(n).earningOption,
+                    "onUpdate:modelValue": d[3] || (d[3] = (R) => n.value = {
+                      ...unref(n),
+                      earningOption: R
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
+                  createVNode(_sfc_main$A, {
+                    class: "!gap-24",
+                    type: unref(n).type === "LOYALTY" ? "custom" : "range",
+                    "for-credit": unref(n).type === "LOYALTY" && (($ = unref(i).loyaltyRewards.items.find(
+                      (R) => {
+                        var A;
+                        return R.value === ((A = unref(n)) == null ? void 0 : A.collectible);
+                      }
+                    )) == null ? void 0 : $.raw.type) === "CREDIT",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "validityOption", [unref(n).type])],
+                    "model-value": unref(n).validityOption,
+                    "onUpdate:modelValue": d[4] || (d[4] = (R) => n.value = {
+                      ...unref(n),
+                      validityOption: R
+                    })
+                  }, null, 8, ["type", "for-credit", "rules", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                unref(n).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$B, {
+                  key: 3,
+                  "reward-image": unref(a),
+                  "model-value": ((T = unref(n)) == null ? void 0 : T.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": d[5] || (d[5] = (R) => n.value = {
+                    ...unref(n),
+                    collectibleConfig: R
+                  }),
+                  "onUpdate:rewardImage": d[6] || (d[6] = (R) => a.value = R)
+                }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
+                createVNode(JsonViewer, { json: unref(f) }, null, 8, ["json"])
+              ];
+            }),
+            _: 1
+          }, 512)) : createCommentVNode("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), _hoisted_1$5 = {
+  key: 0,
+  class: "grid grid-cols-5 text-center gap-8 justify-between items-center w-full"
+}, _hoisted_2$4 = { class: "flex flex-col gap-0 items-center justify-center" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "MissionProgress",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    maxRange: {
+      type: Number,
+      required: !0
+    },
+    currentRange: {
+      type: Number,
+      default: 0
+    },
+    markers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const r = e, { maxRange: o, currentRange: m, markers: i } = toRefs(r), u = computed(
+      () => Math.min(m.value / o.value * 100, 100)
+    ), l = (n) => n / o.value * 100;
+    return (n, a) => {
+      const s = resolveComponent("FmIcon");
+      return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(o), 40), (y) => (openBlock(), createBlock(s, {
+          class: normalizeClass(
+            unref(m) >= y ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+          ),
+          outline: unref(m) < y,
+          key: y,
+          name: unref(i).some((f) => f === y) ? "featured_seasonal_and_gifts" : "check_circle"
+        }, null, 8, ["class", "outline", "name"]))), 128))
+      ])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["relative w-full h-4 rounded-lg", "bg-fm-color-system-warning-100"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["bg-fm-color-primary", "absolute top-0 left-0 h-full rounded-lg"]),
+          style: normalizeStyle({ width: unref(u) + "%" })
+        }, null, 4),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (y, f) => (openBlock(), createElementBlock("div", {
+          key: f,
+          class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
+          style: normalizeStyle({ left: l(y) + "%" })
+        }, [
+          createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", {
+              class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
+            }),
+            a[0] || (a[0] = createElementVNode("div", null, "🎁", -1))
+          ])
+        ], 4))), 128))
+      ]));
+    };
+  }
+}), isObject = (e) => e !== null && typeof e == "object";
+function changeKeysFactory(e) {
+  return function r(o, m = 1, i) {
+    if (m === 0 || !isObject(o))
+      return o;
+    if (Array.isArray(o))
+      return o.map((l) => r(l, m - 1, i));
+    const u = Object.create(Object.getPrototypeOf(o));
+    return Object.keys(o).forEach((l) => {
+      const n = o[l], a = e(l, i), s = r(n, m - 1, i);
+      u[a] = s;
+    }), u;
+  };
+}
+const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$2 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_6$2 = { class: "flex items-center gap-4" }, _hoisted_7$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_8$2 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_9$2 = { class: "flex items-center gap-16" }, _hoisted_10$2 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "MissionPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    mission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = r, u = useMembershipStore(), l = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), n = computed(
+      () => m.modelValue.sort((v, d) => v.threshold - d.threshold) ?? []
+    ), a = computed(() => {
+      const v = l.safeParse(n.value);
+      return v.success ? [] : v.error.errors;
+    }), s = ref();
+    function y(v, d) {
+      var C;
+      const p = [...n.value];
+      p[d] = v, (C = s.value) == null || C.showSheet(!1), i("update:model-value", p);
+    }
+    function f(v) {
+      const d = v.type == "VOUCHER" ? v.collectibleConfig : u.collectibles.find(
+        (x) => x._id.toString() == v.collectible
+      ), p = CollectionUtils.formattedType((d == null ? void 0 : d.name) || ""), C = v.earningOption.type == "FIXED" ? o("connect.template.mission_pool.reward_sublabel_fixed", {
+        threshold: v.threshold,
+        amount: v.earningOption.amount
+      }) : o("connect.template.mission_pool.reward_sublabel_per_spend", {
+        threshold: v.threshold,
+        amount: v.earningOption.amount,
+        every: v.earningOption.every
+      });
+      return {
+        label: isNullOrEmpty(p) ? o("connect.template.mission_pool.no_reward") : p,
+        sublabel: C
+      };
+    }
+    function c(v) {
+      var p;
+      const d = [...n.value];
+      (p = s.value) == null || p.showSheet(!0, d[v], v);
+    }
+    function k(v) {
+      const d = [...n.value];
+      d.splice(v, 1), i("update:model-value", d);
+    }
+    function V() {
+      var v;
+      (v = s.value) == null || v.showSheet(
+        !0,
+        {
+          type: "LOYALTY",
+          collectible: u.loyaltyRewards.items[0].value,
+          threshold: null,
+          validityOption: {
+            validForDay: 7
+          },
+          earningOption: {
+            type: "FIXED",
+            amount: 1
+          }
+        },
+        n.value.length
+      );
+    }
+    function g(v) {
+      var d, p;
+      return v.type == "VOUCHER" ? (d = v.collectibleConfig) == null ? void 0 : d.name : sentenceCase(
+        ((p = u.loyaltyRewards.items.find(
+          (C) => C.value == v.collectible
+        )) == null ? void 0 : p.label) || ""
+      );
+    }
+    return (v, d) => {
+      const p = 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(p, {
+          label: unref(o)("connect.template.mission_pool.add_reward"),
+          onClick: d[0] || (d[0] = (N) => V()),
+          variant: "plain",
+          icon: "add"
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (N, w) => (openBlock(), createBlock(C, {
+          key: w,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: ($) => c(w)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3$3, toDisplayString(f(N).label), 1),
+              createElementVNode("div", _hoisted_4$2, toDisplayString(f(N).sublabel), 1)
+            ]),
+            createVNode(p, {
+              icon: "delete",
+              variant: "tertiary",
+              onClick: ($) => ($.stopPropagation(), k(w))
+            }, null, 8, ["onClick"])
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a).filter((N) => N.path.join(".") == ""), (N) => (openBlock(), createBlock(x, {
+          key: N.message,
+          text: N.message,
+          state: "error"
+        }, null, 8, ["text"]))), 128)),
+        createElementVNode("div", _hoisted_5$2, toDisplayString(unref(o)("connect.template.mission_pool.preview")), 1),
+        (openBlock(), createBlock(C, {
+          key: 0,
+          variant: "outlined",
+          class: "p-24 space-y-16 w-fit"
+        }, {
+          default: withCtx(() => {
+            var N, w;
+            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(((N = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : N.earningOption.amount) > 1 ? (w = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : w.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? g(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_8$2, toDisplayString(unref(o)("connect.template.mission_pool.earn_stamp")), 1)
+                ])
+              ]),
+              createElementVNode("div", _hoisted_9$2, [
+                createVNode(_sfc_main$5, {
+                  type: e.mission.type,
+                  "max-range": e.mission.end,
+                  currentRange: e.mission.end / 4,
+                  markers: e.modelValue.map(($) => $.threshold)
+                }, 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)
+              ])
+            ];
+          }),
+          _: 1
+        })),
+        createVNode(_sfc_main$6, {
+          ref_key: "sheetRef",
+          ref: s,
+          "onUpdate:modelValue": y,
+          "max-threshold": e.mission.end
+        }, null, 8, ["max-threshold"])
+      ]);
+    };
+  }
+}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$1 = { class: "grid grid-cols-2 gap-16" }, _hoisted_6$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_7$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_8$1 = { class: "space-y-8" }, _hoisted_9$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_10$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MissionInput",
+  props: {
+    modelValue: Object
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), m = e, i = computed(() => {
+      const n = FdoMission.safeParse(m.modelValue);
+      return n.success ? [] : n.error.errors;
+    }), u = computed(() => [
+      {
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("connect.campaign.mission.typeOption.STAMP.description"),
+        value: F_MISSION_TYPE.enum.STAMP
+      },
+      {
+        label: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
+        value: F_MISSION_TYPE.enum.PROGRESSIVE
+      }
+    ]), l = r;
+    return (n, a) => {
+      var f;
+      const s = resolveComponent("FmCard"), y = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$2, [
+          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(u), (c) => {
+              var k, V;
+              return openBlock(), createBlock(s, {
+                variant: "outlined",
+                class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+                  "col-span-2": unref(u).length == 1,
+                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((k = e.modelValue) == null ? void 0 : k.type) == c.value,
+                  "hover:bg-fm-color-opacity-sm": ((V = e.modelValue) == null ? void 0 : V.type) != c.value
+                }]),
+                onClick: () => {
+                  var g, v;
+                  ((g = e.modelValue) == null ? void 0 : g.type) != c.value && l("update:model-value", {
+                    ...e.modelValue,
+                    type: c.value,
+                    end: ((v = e.modelValue) == null ? void 0 : v.end) || 1
+                  });
+                },
+                key: c.value
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_6$1, toDisplayString(c.label), 1),
+                  createElementVNode("div", _hoisted_7$1, toDisplayString(c.description), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequired")), 1),
+          createElementVNode("div", _hoisted_10$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequiredDescription")), 1),
+          createVNode(y, {
+            label: unref(o)("connect.campaign.mission.maximumToCollect"),
+            "model-value": ((f = e.modelValue) == null ? void 0 : f.end) || null,
+            "onUpdate:modelValue": a[0] || (a[0] = (c) => {
+              var k;
+              return l("update:model-value", {
+                ...e.modelValue,
+                type: ((k = e.modelValue) == null ? void 0 : k.type) || "STAMP",
+                end: c
+              });
+            }),
+            "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"])
+        ])
+      ]);
+    };
+  }
+});
+function useLocaleText() {
+  const { locale: e, t: r } = useI18n();
+  function o(m, i) {
+    return m ? m[e.value] ?? m["en-US"] ?? r(i) : r(i);
+  }
+  return { getLocaleText: o };
+}
+const _hoisted_1$2 = { key: 29 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "TemplateInput",
+  props: {
+    pushAvailability: {
+      type: String,
+      default: "checking"
+    },
+    field: { type: Object, required: !0 },
+    modelValue: {
+      type: Object
+    },
+    schema: {
+      type: Object
+    },
+    extras: {
+      type: Object
+    },
+    helperText: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    campaignType: {
+      type: String,
+      default: void 0
+    },
+    /** False until the form has been submitted, for fields that validate late. */
+    showValidation: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["retry-push", "update:model-value", "update:file"],
+  setup(e, { emit: r }) {
+    const { t: o } = useI18n(), { getLocaleText: m } = useLocaleText(), i = e, u = r;
+    function l(y) {
+      switch (i.field.type) {
+        case "timeframe":
+          const f = y.startDate ? hooks(y.startDate).startOf("day").toISOString() : void 0, c = y.endDate ? hooks(y.endDate).endOf("day").toISOString() : void 0;
+          u("update:model-value", {
+            type: "timeframe",
+            property: "__now",
+            start: f,
+            end: c
+          });
+          break;
+        case "image": {
+          u(
+            "update:file",
+            y,
+            n.value || firebaseStorage.collectibleImagePath(void 0, y)
+          );
+          break;
+        }
+        default:
+          u("update:model-value", y);
+          break;
+      }
+    }
+    const n = computed(() => {
+      switch (i.field.type) {
+        case "timeframe": {
+          const y = i.modelValue;
+          return {
+            startDate: y != null && y.start ? hooks(y == null ? void 0 : y.start).format("YYYY-MM-DD") : null,
+            endDate: y != null && y.end ? hooks(y == null ? void 0 : y.end).format("YYYY-MM-DD") : null
+          };
+        }
+        default:
+          return i.modelValue;
+      }
+    });
+    function a() {
+      if (!s.value.schema) return [];
+      const y = s.value.schema.safeParse(i.modelValue);
+      return y.success ? [] : y.error.errors;
+    }
+    const s = computed(() => ({
+      schema: i.schema,
+      unwrapped: i.schema ? ZodHelper.unwrap(i.schema) : void 0,
+      rules: i.schema ? [ZodHelper.ruleAtPath(i.schema, "")] : void 0,
+      labelMark: i.schema && ZodHelper.isRequired(i.schema) == !1 ? "optional" : void 0,
+      zodLabel: i.schema ? ZodHelper.toInputLabel(
+        i.schema,
+        m(i.field.label_locale, i.field.label ?? "")
+      ) : void 0
+    }));
+    return (y, f) => {
+      var d, p, C, x, N;
+      const c = resolveComponent("FmTextField"), k = resolveComponent("FmStepperField"), V = resolveComponent("FmTextarea"), g = resolveComponent("FmHelperText"), v = resolveComponent("FmSwitch");
+      return e.field.type === "text" ? (openBlock(), createBlock(c, {
+        key: 0,
+        label: unref(m)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(s).labelMark,
+        rules: unref(s).rules,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        "helper-state": e.helperText ? "error" : void 0,
+        "helper-text": e.helperText
+      }, null, 8, ["label", "label-mark", "rules", "model-value", "helper-state", "helper-text"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createVNode(JsonViewer, {
+          json: { schema: unref(s).unwrapped, props: i }
+        }, null, 8, ["json"]),
+        createVNode(k, {
+          label: unref(m)(e.field.label_locale, e.field.label ?? ""),
+          "label-mark": e.field.isRuleChildren ? void 0 : unref(s).labelMark,
+          "model-value": unref(n),
+          rules: e.field.isRuleChildren ? [] : unref(s).rules,
+          "onUpdate:modelValue": l,
+          "helper-state": e.field.isRuleChildren && e.helperText ? "error" : void 0,
+          "helper-text": e.field.isRuleChildren ? e.helperText : void 0
+        }, null, 8, ["label", "label-mark", "model-value", "rules", "helper-state", "helper-text"])
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(V, {
+        key: 2,
+        label: unref(m)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(s).labelMark,
+        rules: unref(s).rules,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        "show-word-count": "",
+        "max-length": (N = (x = (C = (p = (d = unref(s)) == null ? void 0 : d.unwrapped) == null ? void 0 : p._def) == null ? void 0 : C.checks) == null ? void 0 : x.find((w) => w.kind == "max")) == null ? void 0 : N.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,
+        "model-value": unref(n),
+        disabled: e.disabled,
+        "onUpdate:modelValue": l
+      }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+        createVNode(_sfc_main$m, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        createVNode(g, {
+          class: "!mt-[8px]",
+          text: unref(ZodHelper).helperText(a(), ""),
+          state: unref(ZodHelper).helperState(a(), "")
+        }, null, 8, ["text", "state"])
+      ], 64)) : e.field.type === "image" ? (openBlock(), createBlock(_sfc_main$C, {
+        key: 5,
+        thumbnail: unref(n),
+        "aspect-ratio": "16 / 9",
+        class: "w-1/2 xs:w-2/3",
+        "onUpdate:file": l
+      }, {
+        label: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(s).zodLabel)))
+        ]),
+        _: 1
+      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(v, {
+        key: 6,
+        label: unref(m)(e.field.label_locale, e.field.label ?? ""),
+        "label-placement": "right",
+        sublabel: e.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
+        "label-mark": unref(s).labelMark,
+        rules: unref(s).rules,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l
+      }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$D, {
+        key: 7,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        "no-campaign": !1,
+        schema: unref(s).schema,
+        "is-mission": e.extras === "MISSION"
+      }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "grab_conditions" ? (openBlock(), createBlock(GrabConditionsInput, {
+        key: 8,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        schema: unref(s).schema
+      }, null, 8, ["model-value", "schema"])) : e.field.type === "grab_quota" ? (openBlock(), createBlock(_sfc_main$9, {
+        key: 9,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        schema: unref(s).schema
+      }, null, 8, ["model-value", "schema"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$E, {
+        key: 10,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l
+      }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
+        createVNode(_sfc_main$F, {
+          "model-value": unref(n),
+          "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(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: unref(o)("connect.campaign.common.effect_required"),
+          state: "error"
+        }, null, 8, ["text"]))
+      ], 64)) : e.field.type == "grab_effect" ? (openBlock(), createElementBlock(Fragment, { key: 12 }, [
+        createVNode(GrabEffectSheet, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        unref(n) ? createCommentVNode("", !0) : (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: unref(o)("connect.campaign.common.effect_required"),
+          state: "error"
+        }, null, 8, ["text"]))
+      ], 64)) : e.field.type === "message" ? (openBlock(), createElementBlock(Fragment, { key: 13 }, [
+        e.field.property === "campaign.message" ? (openBlock(), createBlock(_sfc_main$g, {
+          key: 0,
+          "push-availability": e.pushAvailability,
+          onRetryPush: f[0] || (f[0] = (w) => u("retry-push")),
+          "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, ["push-availability", "show-validation", "model-value", "helper-text", "trigger-type", "helper-state"])) : (openBlock(), createBlock(_sfc_main$x, {
+          key: 1,
+          "allow-email": !0,
+          "allow-whatsapp": !0,
+          "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"]))
+      ], 64)) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$z, {
+        key: 14,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        extras: e.extras,
+        "error-text": e.helperText
+      }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$A, {
+        key: 15,
+        type: "custom",
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        "helper-text": e.helperText || unref(ZodHelper).helperText(a(), ""),
+        "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),
+        "onUpdate:modelValue": l
+      }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$c, {
+        key: 17,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l
+      }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 18,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l
+      }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
+        key: 19,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l
+      }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
+        key: 20,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        "helper-text": unref(ZodHelper).helperText(a(), ""),
+        "helper-state": unref(ZodHelper).helperState(a(), "")
+      }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
+        key: 21,
+        "model-value": unref(n),
+        "onUpdate:modelValue": l,
+        mission: e.extras.mission
+      }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
+        createVNode(_sfc_main$f, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l,
+          "start-date": e.extras.start,
+          "end-date": e.extras.end
+        }, null, 8, ["model-value", "start-date", "end-date"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
+        createVNode(_sfc_main$G, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          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(g, {
+          key: 0,
+          state: "warning",
+          text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
+        }, null, 8, ["text"])) : createCommentVNode("", !0),
+        createVNode(_sfc_main$q, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 1,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
+        createVNode(_sfc_main$H, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 26 }, [
+        createVNode(_sfc_main$I, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 27 }, [
+        createVNode(_sfc_main$p, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 28 }, [
+        createVNode(_sfc_main$b, {
+          "model-value": unref(n),
+          "onUpdate:modelValue": l
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(g, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(i.field), 1));
+    };
+  }
+}), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CampaignSummary",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const { t: r, te: o } = useI18n();
+    function m(i) {
+      return o(i) || o(i, "en-US");
+    }
+    return (i, u) => {
+      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(r)("connect.campaign.common.summary")), 1),
+          u[0] || (u[0] = createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1)),
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (n, a) => (openBlock(), createElementBlock("div", {
+            class: "space-y-4",
+            key: a
+          }, [
+            n ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(r)(`${a}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(m(`${n}`) ? unref(r)(`${n}`) : n), 1)
+            ], 64)) : createCommentVNode("", !0)
+          ]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), _hoisted_1 = { class: "xs:hidden px-24 pb-[14px] pt-[22px] flex items-center justify-between w-full border-b" }, _hoisted_2 = { class: "flex items-center gap-8" }, _hoisted_3 = {
+  key: 0,
+  class: "max-w-6xl mx-auto"
+}, _hoisted_4 = { class: "hidden xs:!flex gap-8 items-center w-full px-16 py-8 border-b border-fm-color-neutral-gray-100" }, _hoisted_5 = { class: "grid grid-cols-3 gap-40" }, _hoisted_6 = { class: "col-span-2 space-y-40 xs:col-span-3 xs:px-16 xs:pt-16" }, _hoisted_7 = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, _hoisted_8 = { class: "w-full flex items-center justify-end gap-8 pb-24" }, _hoisted_9 = { class: "max-w-6xl mx-auto rounded-md p-4 w-full" }, _hoisted_10 = { class: "animate-pulse flex space-x-4 pt-16" }, _hoisted_11 = { class: "grid grid-cols-3 w-full gap-40" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EditCampaignSheet",
+  emits: ["submit:model-value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const Dialog = useDialog(), sheetVisible = ref(!1), { t } = useI18n(), { getLocaleText } = useLocaleText(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
+      TEMPLATES.VOUCHER
+    ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign"), campaignType = ref("VOUCHER"), pushAvailability = ref("checking");
+    let availabilityRequest = 0;
+    async function checkPushAvailability() {
+      const e = ++availabilityRequest, r = SvcConfig.getBusinessId();
+      pushAvailability.value = "checking";
+      try {
+        if (!r) throw new Error("Business ID is unavailable");
+        const m = await getNativeApp(r);
+        o() && (pushAvailability.value = m ? "native" : "non-native");
+      } catch {
+        o() && (pushAvailability.value = "failed");
+      }
+      function o() {
+        return e === availabilityRequest && sheetVisible.value && campaignType.value === "BROADCAST" && SvcConfig.getBusinessId() === r;
+      }
+    }
+    watch(
+      sheetVisible,
+      (e) => {
+        e || ++availabilityRequest;
+      },
+      { flush: "sync" }
+    ), onBeforeUnmount(() => {
+      ++availabilityRequest;
+    });
+    const pushBlocked = computed(
+      () => {
+        var e;
+        return campaignType.value === "BROADCAST" && toDelivery(((e = data.value) == null ? void 0 : e.campaign) ?? {}).channels.includes("PUSH") && pushAvailability.value !== "native";
+      }
+    );
+    async function showSheet(visible, type, campaign, selectedTemplate) {
+      var e, r, o;
+      if (sheetVisible.value = visible, campaignType.value = type, ++availabilityRequest, visible && type === "BROADCAST" && checkPushAvailability(), visible == !0) {
+        try {
+          isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
+        } catch {
+        } finally {
+          await new Promise((m) => setTimeout(m, 120)), isLoading.value = !1;
+        }
+        console.log(
+          TEMPLATES[type],
+          "base template"
+        ), template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((m, i) => {
+          var u;
+          if (m.campaign.type === "VOUCHER" && m.campaign.code) {
+            const l = (u = m.campaign._id) == null ? void 0 : u.toString();
+            useCampaignStore().campaigns.voucher.some(
+              (n) => n.code === m.campaign.code && n._id.toString() !== l
+            ) && i.addIssue({
+              code: "custom",
+              message: "Code already exists, please use another code",
+              path: ["campaign", "code"]
+            });
+          }
+        })), data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
+          ...(r = template.value) == null ? void 0 : r.defaultValue
+        }), "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}`)
+        });
+      }
+    }
+    async function hideSheet() {
+      Dialog.open({
+        title: t("connect.campaign.common.unsaved_changes"),
+        message: t("connect.campaign.common.unsaved_changes"),
+        primaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_cancel"),
+          close: !1
+        }
+      }).onPrimary(() => {
+        sheetVisible.value = !1;
+      }).onSecondary(() => {
+        Dialog.close();
+      });
+    }
+    const emits = __emit, errors = computed(() => {
+      const e = schema.value.superRefine(campaignRefinement).safeParse(data.value), r = e.success ? [] : [...e.error.errors];
+      return pushBlocked.value && r.push({
+        code: "custom",
+        path: ["campaign", "delivery", "channels"],
+        message: t(
+          "connect.campaign.broadcast.pushAvailability.removeBeforeSave"
+        )
+      }), r;
+    });
+    function stepErrors(e = currentStep.value - 1) {
+      const r = template.value.steps[e].groups.flatMap(
+        (o) => o.fields.map((m) => schemaPathForField(m.property))
+      );
+      return errors.value.filter(
+        (o) => r.some((m) => o.path.join(".").includes(m))
+      );
+    }
+    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({
+        title: "",
+        dialogComponent: _sfc_main$1,
+        dialogComponentProps: {
+          data: data.value
+        }
+      });
+    }
+    const broadcastDelivery = computed(
+      () => {
+        var e;
+        return (e = data.value) != null && e.campaign ? toDelivery(data.value.campaign) : void 0;
+      }
+    );
+    function valueForField(e) {
+      return e === "campaign.message" ? broadcastDelivery.value : _.get(data.value, e);
+    }
+    function schemaPathForField(e) {
+      return e === "campaign.message" ? "campaign.delivery" : e;
+    }
+    function onUpdateProperty(e, r) {
+      var o, m, i, u, l, n, a, s;
+      if (e === "campaign.message" && r && "channels" in r) {
+        _.set(data.value, "campaign.delivery", r);
+        const y = toLegacyMessage(r);
+        y ? _.set(data.value, "campaign.message", y) : delete data.value.campaign.message;
+        return;
+      }
+      if (_.set(data.value, e, r), e == "campaign.event.type") {
+        const f = ((u = (i = (m = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : m.campaign) == null ? void 0 : i.event) == null ? void 0 : u.rule) ? _.cloneDeep({
+          ...(s = (a = (n = (l = template.value) == null ? void 0 : l.defaultValue) == null ? void 0 : n.campaign) == null ? void 0 : a.event) == null ? void 0 : s.rule
+        }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          RuleBuilder.scaffoldGroup("g_time"),
+          RuleBuilder.scaffoldGroup("g_user"),
+          RuleBuilder.scaffoldGroup("g_bill")
+        ]), c = RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          [
+            RuleBuilder.constructEntry(
+              "trigger.date",
+              "_rrule",
+              "RRULE:FREQ=DAILY;INTERVAL=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0;WKST=SU"
+            ),
+            RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+          ],
+          "&&"
+        );
+        if (r != "SCHEDULE") {
+          _.set(data.value, "campaign.event.rule", f);
+          return;
+        }
+        _.set(
+          data.value,
+          "campaign.event.rule",
+          RuleBuilder.setRuleToGroup(f, c)
+        );
+      }
+      e == "campaign.notify" && r == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+    }
+    async function onUpdateFile(e, r) {
+      return e ? await minor(async () => firebaseStorage.update(r, e), {
+        message: `${e ? "Uploading" : "Removing"} file`,
+        successMessage: `File ${e ? "uploaded" : "removed"} successfully`
+      }) : "";
+    }
+    function isDisable(e) {
+      var r, o;
+      switch (e == null ? void 0 : e.property) {
+        case "campaign.event.type":
+          return ((o = (r = data.value) == null ? void 0 : r.campaign) == null ? void 0 : o._id) || !1;
+        default:
+          return !1;
+      }
+    }
+    async function onSubmit() {
+      if (submitAttempted.value = !0, pushBlocked.value) return;
+      const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
+      if (!e.success)
+        return;
+      const r = await emits(
+        "submit:model-value",
+        cleanPF(JSON.parse(JSON.stringify(e.data)))
+      );
+      (r || r === void 0) && (sheetVisible.value = !1);
+    }
+    return (e, r) => {
+      const o = resolveComponent("FmButton"), m = resolveComponent("FmStep"), i = resolveComponent("FmStepper"), u = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
+      return openBlock(), createBlock(l, {
+        "fullscreen-size": "lg",
+        modelValue: unref(sheetVisible),
+        "onUpdate:modelValue": [
+          r[7] || (r[7] = (n) => isRef(sheetVisible) ? sheetVisible.value = n : null),
+          r[8] || (r[8] = (n) => sheetVisible.value = n)
+        ]
+      }, createSlots({
+        "top-sheet-header": withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(o, {
+                onClick: r[0] || (r[0] = (n) => hideSheet()),
+                label: unref(t)("connect.campaign.common.cancel"),
+                variant: "tertiary"
+              }, null, 8, ["label"]),
+              createVNode(o, {
+                onClick: onSubmit,
+                label: unref(t)("connect.campaign.common.save"),
+                disabled: !unref(validateOnSubmit) && unref(errors).length > 0
+              }, null, 8, ["label", "disabled"])
+            ])
+          ])
+        ]),
+        _: 2
+      }, [
+        unref(isLoading) ? {
+          name: "default",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  r[9] || (r[9] = createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
+                    createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ]),
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ])
+                    ])
+                  ], -1)),
+                  createVNode(u, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                ])
+              ])
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "default",
+          fn: withCtx(() => [
+            unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(i, {
+                modelValue: unref(currentStep),
+                "onUpdate:modelValue": r[1] || (r[1] = (n) => isRef(currentStep) ? currentStep.value = n : null),
+                orientation: "horizontal",
+                class: "xs:hidden mx-[-24px] mt-16 mb-24 flex-1"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (n, a) => (openBlock(), createBlock(m, {
+                    key: n.name,
+                    title: unref(getLocaleText)(n.name_locale, n.name),
+                    value: a + 1,
+                    error: () => hasVisibleStepErrors(a),
+                    complete: () => a + 1 <= unref(currentStep)
+                  }, null, 8, ["title", "value", "error", "complete"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(o, {
+                  icon: "close",
+                  variant: "tertiary",
+                  onClick: r[2] || (r[2] = (n) => sheetVisible.value = !1)
+                }),
+                createVNode(i, {
+                  modelValue: unref(currentStep),
+                  "onUpdate:modelValue": r[3] || (r[3] = (n) => isRef(currentStep) ? currentStep.value = n : null),
+                  orientation: "horizontal",
+                  class: "flex-1"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (n, a) => (openBlock(), createBlock(m, {
+                      key: n.name,
+                      title: unref(sheetTitle),
+                      description: unref(getLocaleText)(n.name_locale, n.name),
+                      value: a + 1,
+                      error: () => hasVisibleStepErrors(a),
+                      complete: () => a + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                    }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                createVNode(o, {
+                  icon: "info",
+                  variant: "tertiary",
+                  onClick: r[4] || (r[4] = () => showSummaryDialog())
+                })
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(JsonViewer, {
+                    json: {
+                      data: unref(data),
+                      errors: unref(errors).map(
+                        (n) => `${n.path.join(".")} - ${n.message}`
+                      ),
+                      stepErrors: stepErrors().map(
+                        (n) => `${n.path.join(".")} - ${n.message}`
+                      ),
+                      schema: unref(schema)
+                    }
+                  }, null, 8, ["json"]),
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
+                    (n) => n.fields.length && (!n.condition || (Array.isArray(n.condition) ? n.condition.every((a) => unref(_).get(unref(data), a.property) == a.value == (a.not != !0)) : unref(_).get(unref(data), n.condition.property) == n.condition.value == (n.condition.not != !0)))
+                  ), (n, a) => (openBlock(), createElementBlock("div", {
+                    key: a,
+                    class: "space-y-24"
+                  }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(unref(getLocaleText)(n.name_locale, n.name ?? "")), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(n.fields, (s, y) => (openBlock(), createElementBlock("div", { key: y }, [
+                      (openBlock(), createBlock(_sfc_main$2, {
+                        key: y,
+                        field: s,
+                        modelValue: valueForField(s.property),
+                        disabled: isDisable(s),
+                        "campaign-type": unref(campaignType),
+                        "show-validation": unref(showValidation),
+                        "push-availability": unref(pushAvailability),
+                        onRetryPush: checkPushAvailability,
+                        "onUpdate:modelValue": (f) => onUpdateProperty(s.property, f),
+                        "onUpdate:file": async (f, c) => {
+                          const k = await onUpdateFile(f, c);
+                          onUpdateProperty(s.property, k || "");
+                        },
+                        schema: unref(ZodHelper).typeAtPath(
+                          unref(schema),
+                          schemaPathForField(s.property),
+                          unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
+                        ),
+                        "helper-state": unref(ZodHelper).helperState(
+                          unref(visibleErrors),
+                          schemaPathForField(s.property)
+                        ),
+                        "helper-text": unref(ZodHelper).helperText(
+                          unref(visibleErrors),
+                          schemaPathForField(s.property)
+                        ),
+                        extras: s.extras != null ? s.extras == "" ? unref(data) : unref(_).get(unref(data), s.extras) : void 0
+                      }, null, 8, ["field", "modelValue", "disabled", "campaign-type", "show-validation", "push-availability", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
+                    ]))), 128))
+                  ]))), 128)),
+                  createElementVNode("div", _hoisted_8, [
+                    createVNode(o, {
+                      label: unref(t)("connect.common.back"),
+                      variant: "tertiary",
+                      disabled: unref(currentStep) == 1,
+                      onClick: r[5] || (r[5] = (n) => currentStep.value--)
+                    }, null, 8, ["label", "disabled"]),
+                    createVNode(o, {
+                      disabled: isNextDisabled(),
+                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? unref(t)("connect.common.next") : unref(t)("connect.common.submit"),
+                      onClick: r[6] || (r[6] = (n) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? onNext() : onSubmit())
+                    }, null, 8, ["disabled", "label"])
+                  ])
+                ]),
+                createVNode(_sfc_main$1, {
+                  data: unref(data),
+                  class: "xs:hidden"
+                }, null, 8, ["data"])
+              ])
+            ])) : createCommentVNode("", !0)
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  summarizeGrabDiscount as s,
+  useLocaleText as u
+};