@feedmepos/mf-connect 0.1.0-beta.15 → 0.1.0-beta.17

package/dist/EditCampaignSheet.vue_vue_type_script_setup_true_lang-DTxdtvAX.js

@@ -1,2816 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, unref, ref, watch, resolveComponent, createElementBlock, createElementVNode, Fragment, renderList, createVNode, isRef, createCommentVNode, withCtx, normalizeClass, toDisplayString, renderSlot, createTextVNode, resolveDynamicComponent, toRefs, normalizeStyle, createSlots } from "vue";
-import { _ } from "./lodash-B5I3zXaY.js";
-import { z } from "./app-CEoOXnMP.js";
-import { Z as ZodHelper } from "./zod-Bg2FbC-D.js";
-import { c as getCampaignSummaryObject, d as campaignRefinement, e as CampaignDtos, C as CampaignOptions, f as campaignTransform } from "./dto-D146MexX.js";
-import { u as useMembershipStore, C as CollectibleOptions } from "./membership-DjHOR91O.js";
-import { u as useBusinessStore } from "./business-DIsK1ZSi.js";
-import { a as FdoEarningOption, b as F_GAME_TYPE, F as FdtoCollectibleConfig } from "./index-CBd5MdRb.js";
-import { i as isRuleGroup, R as RuleBuilder, a as isRuleEntry } from "./rule-builder-C3LgxTPd.js";
-import { J as JsonViewer } from "./JsonViewer-v8_C7l5N.js";
-import { h as hooks } from "./moment-BWErdI6_.js";
-import { b as F_CAMPAIGN_TRIGGER_TYPE, C as CAMPAIGN_TRIGGER, c as FdoCreditLoyaltyReward, d as FdtoRandomReward, e as F_MISSION_TYPE, f as FdtoThresholdReward, g as FdoMission, h as featureVersionMapping } from "./index-fSC0-_uQ.js";
-import { _ as _sfc_main$v } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
-import { _ as _sfc_main$w, a as _sfc_main$x, b as _sfc_main$z } from "./EffectSheet.vue_vue_type_style_index_0_lang-DE7rq_ro.js";
-import { _ as _sfc_main$y } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-j8UbHQpT.js";
-import { _ as _sfc_main$r, a as _sfc_main$s, b as _sfc_main$t } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BO8_N-Hl.js";
-import { p as prompt, c as cases, f as firebaseStorage, u as useLoading } from "./loading-DyvR-Q2q.js";
-import { _ as _sfc_main$q, T as TEMPLATES } from "./index-Dwsdu9aR.js";
-import { u as useI18n } from "./vue-i18n-Dw456kF3.js";
-import { _ as _sfc_main$A } from "./MessageInput.vue_vue_type_script_setup_true_lang-DgWXNnd_.js";
-import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-DdzmxL5G.js";
-import { c as core, S as SvcConfig } from "./index-D5OipTW2.js";
-import "./index-sJUCCkLn.js";
-import "./index-DXwoelMh.js";
-import "./index-VOFTSIqj.js";
-import "./index-RKVC43XB.js";
-import { useCoreStore } from "@feedmepos/mf-common";
-import { _ as _sfc_main$u } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DweS66z_.js";
-import { i as initCollectibleConfig } from "./helper-CYBvYPRB.js";
-import { C as CollectionUtils } from "./collection.fn-DOGveN-U.js";
-import { s as sentenceCase$1 } from "./index-CsaQJMAR.js";
-import { useDialog } from "@feedmepos/ui-library";
-import { u as useCampaignStore } from "./campaign-DilFl2u4.js";
-import { a as cleanPF } from "./object-qECH92oz.js";
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "SegmentConfigurator",
-  props: {
-    modelValue: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = computed(() => {
-      var o;
-      const [u] = isRuleGroup(r.modelValue) ? Object.values(((o = r.modelValue) == null ? void 0 : o.rules) ?? {}) : [null];
-      return (u ?? RuleBuilder.constructEntry("user.segment", "_hasAny", [])).conditions._hasAny;
-    }), a = m;
-    return (u, l) => (openBlock(), createBlock(_sfc_main$q, {
-      multiselect: !0,
-      items: unref(useMembershipStore)().segmentOptions,
-      "model-value": unref(s),
-      "onUpdate:modelValue": l[0] || (l[0] = (o) => a(
-        "update:model-value",
-        unref(RuleBuilder).setRuleToGroup(
-          unref(RuleBuilder).scaffoldGroup("g_segment"),
-          unref(RuleBuilder).constructEntry("user.segment", "_hasAny", o)
-        )
-      )),
-      label: "Select segment(s) to match"
-    }, null, 8, ["items", "model-value"]));
-  }
-}), _hoisted_1$k = { class: "space-y-16" }, _hoisted_2$e = { key: 0 }, _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "UserRuleGroup",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const { t: r } = useI18n(), s = e, a = m, u = ref(
-      s.modelValue ? RuleBuilder.getRules(s.modelValue.rules.g_user).length > 0 ? "custom" : RuleBuilder.getRules(s.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
-    ), l = [
-      {
-        value: "all_users",
-        label: r("connect.template.rule.audience.all")
-      },
-      {
-        value: "segment",
-        label: r("connect.template.rule.audience.member_segment")
-      },
-      {
-        value: "custom",
-        label: r("connect.template.rule.audience.custom_audience")
-      }
-    ];
-    return watch(u, async (o, n) => {
-      var c;
-      if (n != "all_users" && n != o && RuleBuilder.getRules(
-        (c = s.modelValue) == null ? void 0 : c.rules[n == "custom" ? "g_user" : "g_segment"]
-      ).length > 0) {
-        const g = await prompt.confirm(
-          r("connect.template.rule.audience.confirm_remove"),
-          r("connect.common.confirm"),
-          r("connect.common.confirm"),
-          r("connect.common.cancel")
-        );
-        g && a(
-          "update:model-value",
-          RuleBuilder.setRuleToGroup(
-            s.modelValue ?? RuleBuilder.scaffoldGroup(),
-            RuleBuilder.scaffoldGroup(n == "custom" ? "g_user" : "g_segment")
-          )
-        ), u.value = g ? o : n;
-      }
-    }), (o, n) => {
-      var g, f;
-      const c = resolveComponent("FmRadio");
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        createElementVNode("div", null, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(l, (v) => createVNode(c, {
-            key: v.value,
-            value: v.value,
-            label: v.label,
-            modelValue: unref(u),
-            "onUpdate:modelValue": n[0] || (n[0] = (h) => isRef(u) ? u.value = h : null)
-          }, null, 8, ["value", "label", "modelValue"])), 64))
-        ]),
-        unref(u) == "segment" ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
-          createVNode(_sfc_main$p, {
-            modelValue: ((g = e.modelValue) == null ? void 0 : g.rules.g_segment) ?? unref(RuleBuilder).scaffoldGroup("g_segment"),
-            "onUpdate:modelValue": n[1] || (n[1] = (v) => a(
-              "update:model-value",
-              unref(RuleBuilder).setRuleToGroup(
-                e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-                v,
-                "&&"
-              )
-            ))
-          }, null, 8, ["modelValue"])
-        ])) : createCommentVNode("", !0),
-        unref(u) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
-          key: 1,
-          "include-only": "user",
-          "trigger-type": "MEMBERSHIP_JOINED",
-          "model-value": ((f = e.modelValue) == null ? void 0 : f.rules.g_user) ?? unref(RuleBuilder).scaffoldGroup("g_user"),
-          "onUpdate:modelValue": n[2] || (n[2] = (v) => a(
-            "update:model-value",
-            unref(RuleBuilder).setRuleToGroup(
-              e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              v,
-              "&&"
-            )
-          ))
-        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
-      ]);
-    };
-  }
-}), _hoisted_1$j = { class: "space-y-24" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "TimeRuleGroup",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const { t: r } = useI18n(), s = e, a = m, u = ref(
-      !s.modelValue || !s.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(s.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
-    );
-    watch(u, async (o, n) => {
-      var c;
-      if (n == "custom" && o == "all_time" && RuleBuilder.getRules((c = s.modelValue) == null ? void 0 : c.rules.g_time).length > 0) {
-        const g = await prompt.confirm(
-          r("connect.template.rule.time.confirm_remove"),
-          r("connect.common.confirm"),
-          r("connect.common.confirm"),
-          r("connect.common.cancel")
-        );
-        g && a(
-          "update:model-value",
-          RuleBuilder.setRuleToGroup(
-            s.modelValue ?? RuleBuilder.scaffoldGroup(),
-            RuleBuilder.scaffoldGroup("g_time")
-          )
-        ), u.value = g ? o : n;
-      }
-    });
-    async function l(o) {
-      var n;
-      if (o == "custom" && RuleBuilder.getRules((n = s.modelValue) == null ? void 0 : n.rules.g_time).length > 0) {
-        if (!await prompt.confirm(
-          r("connect.template.rule.time.confirm_remove"),
-          r("connect.common.confirm"),
-          r("connect.common.confirm"),
-          r("connect.common.cancel")
-        )) {
-          u.value = "all_time";
-          return;
-        }
-        a(
-          "update:model-value",
-          RuleBuilder.setRuleToGroup(
-            s.modelValue ?? RuleBuilder.scaffoldGroup(),
-            RuleBuilder.scaffoldGroup("g_time")
-          )
-        );
-      }
-    }
-    return (o, n) => {
-      var f;
-      const c = resolveComponent("FmRadio"), g = resolveComponent("FmRadioGroup");
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createVNode(g, {
-          modelValue: unref(u),
-          "onUpdate:modelValue": [
-            n[0] || (n[0] = (v) => isRef(u) ? u.value = v : null),
-            n[1] || (n[1] = (v) => l(v))
-          ]
-        }, {
-          default: withCtx(() => [
-            createVNode(c, {
-              label: unref(r)("connect.template.rule.time.all_time"),
-              value: "all_time"
-            }, null, 8, ["label"]),
-            createVNode(c, {
-              label: unref(r)("connect.template.rule.time.custom"),
-              value: "custom"
-            }, null, 8, ["label"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        unref(u) == "custom" ? (openBlock(), createBlock(_sfc_main$r, {
-          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": n[2] || (n[2] = (v) => a(
-            "update:model-value",
-            unref(RuleBuilder).setRuleToGroup(
-              e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-              v,
-              "&&"
-            )
-          ))
-        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
-      ]);
-    };
-  }
-}), _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "BillRuleGroup",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = m;
-    return (s, a) => {
-      var u;
-      return openBlock(), createBlock(_sfc_main$r, {
-        "include-only": "bill",
-        "trigger-type": "BILL_COMPLETED",
-        "model-value": ((u = e.modelValue) == null ? void 0 : u.rules.g_bill) ?? unref(RuleBuilder).scaffoldGroup("g_bill"),
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => r(
-          "update:model-value",
-          unref(RuleBuilder).setRuleToGroup(
-            e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-            l,
-            "&&"
-          )
-        ))
-      }, null, 8, ["model-value"]);
-    };
-  }
-}), _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "BirthdayInput",
-  props: {
-    modelValue: {
-      type: Object
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = computed(() => {
-      const { property: u, operator: l, equator: o } = RuleBuilder.simplify(
-        r.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
-          op: "before",
-          x: 1
-        })
-      );
-      return {
-        property: u,
-        operator: l,
-        equator: o
-      };
-    });
-    return (u, l) => {
-      const o = resolveComponent("FmRadio"), n = resolveComponent("FmStepperField");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(o, {
-          label: "On birthday",
-          value: "_isRange-day",
-          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
-          "onUpdate:modelValue": l[0] || (l[0] = () => {
-            s(
-              "update:model-value",
-              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
-                op: "this",
-                unit: "day",
-                ignoreYear: !0
-              })
-            );
-          })
-        }, null, 8, ["model-value"]),
-        createVNode(o, {
-          label: "N days before birthday",
-          value: "_isDay",
-          "model-value": unref(a).operator,
-          "onUpdate:modelValue": l[1] || (l[1] = () => {
-            s(
-              "update:model-value",
-              unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
-                op: "after",
-                x: 1,
-                ignoreYear: !0
-              })
-            );
-          })
-        }, null, 8, ["model-value"]),
-        unref(a).operator == "_isDay" ? (openBlock(), createBlock(n, {
-          key: 0,
-          label: "Days before birthday",
-          "show-steppers": !1,
-          "model-value": unref(a).equator.x,
-          "onUpdate:modelValue": l[2] || (l[2] = (c) => s(
-            "update:model-value",
-            unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
-              op: "after",
-              x: c,
-              ignoreYear: !0
-            })
-          ))
-        }, null, 8, ["model-value"])) : createCommentVNode("", !0),
-        createVNode(o, {
-          label: "In birthday week",
-          value: "_isRange-week",
-          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
-          "onUpdate:modelValue": l[3] || (l[3] = () => {
-            s(
-              "update:model-value",
-              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
-                op: "this",
-                unit: "week",
-                ignoreYear: !0
-              })
-            );
-          })
-        }, null, 8, ["model-value"]),
-        createVNode(o, {
-          label: "In birthday month",
-          value: "_isRange-month",
-          "model-value": `${unref(a).operator}-${unref(a).equator.unit}`,
-          "onUpdate:modelValue": l[4] || (l[4] = () => {
-            s(
-              "update:model-value",
-              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
-                op: "this",
-                unit: "month",
-                ignoreYear: !0
-              })
-            );
-          })
-        }, null, 8, ["model-value"])
-      ]);
-    };
-  }
-}), _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "FeedbackRuleGroup",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = m;
-    return (s, a) => {
-      var u;
-      return openBlock(), createBlock(_sfc_main$r, {
-        "include-only": "feedback",
-        "trigger-type": "FEEDBACK",
-        "model-value": ((u = e.modelValue) == null ? void 0 : u.rules.g_feedback) ?? unref(RuleBuilder).scaffoldGroup("g_feedback"),
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => r(
-          "update:model-value",
-          unref(RuleBuilder).setRuleToGroup(
-            e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
-            l,
-            "&&"
-          )
-        ))
-      }, null, 8, ["model-value"]);
-    };
-  }
-}), TriggerOptions = {
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.BILL_COMPLETED]: {
-    name: "Bill complete",
-    description: "Reward customers upon the completion of their bill.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.BILL_COMPLETED,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.FEEDBACK]: {
-    name: "Feedback",
-    description: "Reward customers for providing feedback.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.FEEDBACK,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.GAME_COMPLETED]: {
-    name: "Game complete",
-    description: "Reward customers upon the completion of a game.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.GAME_COMPLETED,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.MAKING_ORDER]: {
-    name: "Making order",
-    description: "Reward customers upon the creation of their order.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.MAKING_ORDER,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.MEMBERSHIP_JOINED]: {
-    name: "Member joined ",
-    description: "Trigger rewards when customers join your membership program.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.MEMBERSHIP_JOINED,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.SCHEDULE]: {
-    name: "Schedule",
-    description: "Set rewards to be triggered at specific times or dates.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.SCHEDULE,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.SIMPLE_CLAIM]: {
-    name: "Simple claim",
-    description: "Activate rewards when customers claim an offer",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.SIMPLE_CLAIM,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.TIER_UPGRADED]: {
-    name: "Tier upgrade",
-    description: "Activate rewards when their membership tier gets upgraded.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.TIER_UPGRADED,
-    hidden: !1
-  },
-  [F_CAMPAIGN_TRIGGER_TYPE.enum.ISSUE_REWARD]: {
-    name: "Issue reward",
-    description: "Triggers whenever customer receives a reward in any kind.",
-    value: F_CAMPAIGN_TRIGGER_TYPE.enum.ISSUE_REWARD,
-    hidden: !0
-  }
-}, TypeToTriggerOptions = Object.fromEntries(
-  [
-    "VOUCHER",
-    "PROMOTION",
-    "POINT",
-    "CREDIT",
-    "MEMBERSHIP",
-    "BROADCAST",
-    "COIN",
-    "REWARD_POOL",
-    "GAME",
-    "MISSION"
-  ].map((e) => {
-    const m = CAMPAIGN_TRIGGER[e];
-    return [
-      e,
-      (m == null ? void 0 : m.map((r) => TriggerOptions[r]).filter((r) => !r.hidden)) ?? []
-    ];
-  })
-), _hoisted_1$i = { class: "space-y-16" }, _hoisted_2$d = { class: "grid grid-cols-3 gap-16" }, _hoisted_3$b = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$8 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "CampaignTriggerInput",
-  props: {
-    campaignType: {
-      type: String,
-      required: !0
-    },
-    modelValue: {
-      type: String
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = computed(() => r.disabled ? TypeToTriggerOptions[r.campaignType].filter(
-      (u) => u.value == r.modelValue
-    ) : TypeToTriggerOptions[r.campaignType]);
-    return (u, l) => {
-      const o = resolveComponent("FmCard");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
-        createElementVNode("div", _hoisted_2$d, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (n) => (openBlock(), createBlock(o, {
-            variant: "outlined",
-            disabled: r.disabled,
-            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-3": unref(a).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
-            }]),
-            onClick: () => {
-              r.modelValue != n.value && !r.disabled && s("update:model-value", n.value);
-            },
-            key: n.name
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$b, toDisplayString(n.name), 1),
-              createElementVNode("div", _hoisted_4$8, toDisplayString(n.description), 1)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "class", "onClick"]))), 128))
-        ])
-      ]);
-    };
-  }
-}), _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "DateInput",
-  props: {
-    label: {
-      type: String,
-      required: !1
-    },
-    modelValue: {
-      type: Object,
-      required: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = m;
-    return (s, a) => {
-      const u = resolveComponent("FmButton"), l = resolveComponent("FmField"), o = resolveComponent("FmDatePicker");
-      return openBlock(), createBlock(o, {
-        label: e.label,
-        "model-value": e.modelValue || "",
-        "onUpdate:modelValue": a[1] || (a[1] = (n) => r("update:model-value", n))
-      }, {
-        "trigger-button": withCtx(({ opened: n }) => [
-          createVNode(l, {
-            class: "flex items-center",
-            "prepend-icon": "calendar_month",
-            "icon-outlined": !n
-          }, {
-            append: withCtx(() => [
-              e.modelValue ? (openBlock(), createBlock(u, {
-                key: 0,
-                variant: "tertiary",
-                icon: "clear",
-                onClick: a[0] || (a[0] = (c) => (c.stopPropagation(), r("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)
-            ]),
-            _: 2
-          }, 1032, ["icon-outlined"])
-        ]),
-        _: 1
-      }, 8, ["label", "model-value"]);
-    };
-  }
-}), _hoisted_1$h = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$c = { class: "flex-1 xs:w-full" }, _hoisted_3$a = { class: "flex-1 xs:w-full" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "DateRangeInput",
-  props: {
-    modelValue: {
-      type: Object,
-      required: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = m;
-    return (s, a) => {
-      var u, l;
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createElementVNode("div", _hoisted_2$c, [
-          createVNode(_sfc_main$i, {
-            "model-value": ((u = e.modelValue) == null ? void 0 : u.startDate) ?? null,
-            label: "Start date",
-            "onUpdate:modelValue": a[0] || (a[0] = (o) => {
-              var n;
-              return r("update:model-value", {
-                startDate: o,
-                endDate: ((n = e.modelValue) == null ? void 0 : n.endDate) ?? null
-              });
-            })
-          }, null, 8, ["model-value"])
-        ]),
-        a[2] || (a[2] = createElementVNode("div", { class: "mt-5 xs:hidden" }, "to", -1)),
-        createElementVNode("div", _hoisted_3$a, [
-          createVNode(_sfc_main$i, {
-            "model-value": ((l = e.modelValue) == null ? void 0 : l.endDate) ?? null,
-            label: "End date",
-            "onUpdate:modelValue": a[1] || (a[1] = (o) => {
-              var n;
-              return r("update:model-value", {
-                startDate: ((n = e.modelValue) == null ? void 0 : n.startDate) ?? null,
-                endDate: o
-              });
-            })
-          }, null, 8, ["model-value"])
-        ])
-      ]);
-    };
-  }
-}), _hoisted_1$g = { class: "space-y-8" }, _hoisted_2$b = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$9 = {
-  key: 0,
-  class: "space-y-4"
-}, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$4 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "ScheduleRuleInput",
-  props: {
-    modelValue: {
-      type: Object,
-      required: !0
-    },
-    startDate: {
-      type: String
-    },
-    endDate: {
-      type: String
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m;
-    function a() {
-      const f = RuleBuilder.getRules(r.modelValue);
-      return f.length == 0 ? "fixed" : f.some(
-        (v) => isRuleEntry(v) && RuleBuilder.simplify(v).operator == "_rrule"
-      ) ? "repeating" : "fixed";
-    }
-    const u = ref(a()), l = ref(!1), o = computed(() => {
-      const f = RuleBuilder.getRules(r.modelValue), v = f.find(
-        (i) => isRuleEntry(i) && RuleBuilder.simplify(i).property == "trigger.date"
-      ), h = f.find(
-        (i) => isRuleEntry(i) && RuleBuilder.simplify(i).property == "trigger.time"
-      );
-      return {
-        date: v ? RuleBuilder.simplify(v).equator : null,
-        time: h ? RuleBuilder.simplify(h).equator : null
-      };
-    }), n = computed(
-      () => calculateNextScheduleAt(
-        r.modelValue,
-        /* @__PURE__ */ new Date(),
-        r.startDate ? new Date(r.startDate) : void 0,
-        r.endDate ? new Date(r.endDate) : void 0
-      )
-    );
-    function c(f) {
-      const v = f.label.toLowerCase(), h = v == "fixed" ? [
-        RuleBuilder.constructEntry(
-          "trigger.date",
-          "_isOnDate",
-          (/* @__PURE__ */ new Date()).toISOString()
-        ),
-        RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
-      ] : [
-        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")
-      ];
-      s(
-        "update:model-value",
-        RuleBuilder.setRuleToGroup(
-          RuleBuilder.scaffoldGroup("g_schedule"),
-          h
-        )
-      ), u.value = v;
-    }
-    function g(f) {
-      u.value == "fixed" ? s(
-        "update:model-value",
-        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
-          RuleBuilder.constructEntry(
-            "trigger.date",
-            "_isOnDate",
-            f.date
-          ),
-          RuleBuilder.constructEntry(
-            "trigger.time",
-            "_isOnTime",
-            f.time
-          )
-        ])
-      ) : s(
-        "update:model-value",
-        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
-          RuleBuilder.constructEntry(
-            "trigger.date",
-            "_rrule",
-            f.date
-          ),
-          RuleBuilder.constructEntry(
-            "trigger.time",
-            "_isOnTime",
-            f.time
-          )
-        ])
-      );
-    }
-    return (f, v) => {
-      const h = resolveComponent("FmButtonGroup"), i = resolveComponent("FmTimePicker"), d = resolveComponent("FmIcon"), p = resolveComponent("FmTooltip"), y = resolveComponent("FmField"), C = resolveComponent("FmCard"), E = resolveComponent("FmPopover"), b = resolveComponent("FmDatePicker"), B = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(h, {
-          items: [{ label: "Fixed" }, { label: "Repeating" }],
-          "model-value": { label: unref(cases).title(unref(u)) },
-          "onUpdate:modelValue": c,
-          class: "mb-8"
-        }, null, 8, ["model-value"]),
-        createElementVNode("div", _hoisted_1$g, [
-          createElementVNode("div", _hoisted_2$b, [
-            createVNode(i, {
-              label: "Notify time",
-              "model-value": unref(o).time,
-              "onUpdate:modelValue": v[0] || (v[0] = (x) => g({ date: unref(o).date, time: x })),
-              "helper-text": unref(o).time ? void 0 : "Time is required",
-              "helper-state": unref(o).time ? void 0 : "error"
-            }, null, 8, ["model-value", "helper-text", "helper-state"]),
-            unref(u) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
-              createElementVNode("div", _hoisted_4$7, [
-                v[5] || (v[5] = createElementVNode("div", null, "Notify date", -1)),
-                unref(o).date ? (openBlock(), createBlock(p, {
-                  key: 0,
-                  "z-index": 9999,
-                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(o).date).options)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(d, {
-                      name: "info",
-                      size: "sm",
-                      outline: !0
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["content"])) : createCommentVNode("", !0)
-              ]),
-              createVNode(E, {
-                "show-popover": unref(l),
-                onPopoverChanged: v[3] || (v[3] = (x) => l.value = x)
-              }, {
-                "popover-button": withCtx(() => [
-                  createVNode(y, {
-                    class: "cursor-pointer",
-                    "helper-text": unref(o).date ? void 0 : "Date is required",
-                    "helper-state": unref(o).date ? void 0 : "error"
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_5$4, toDisplayString(unref(o).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(o).date).options) : "Set a repeating date"), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["helper-text", "helper-state"])
-                ]),
-                default: withCtx(() => [
-                  createVNode(C, { class: "elevated p-8 w-[450px]" }, {
-                    default: withCtx(() => [
-                      createVNode(_sfc_main$s, {
-                        "apply-button": !0,
-                        "model-value": unref(o).date || "",
-                        onCancel: v[1] || (v[1] = (x) => l.value = !1),
-                        "onUpdate:modelValue": v[2] || (v[2] = (x) => (g({ date: x, time: unref(o).time }), l.value = !1))
-                      }, null, 8, ["model-value"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["show-popover"])
-            ])) : (openBlock(), createBlock(b, {
-              key: 1,
-              label: "Notify date",
-              "model-value": unref(o).date || "",
-              "onUpdate:modelValue": v[4] || (v[4] = (x) => g({ date: x, time: unref(o).time })),
-              "helper-text": unref(o).date ? void 0 : "Date is required",
-              "helper-state": unref(o).date ? void 0 : "error"
-            }, null, 8, ["model-value", "helper-text", "helper-state"]))
-          ]),
-          unref(o).date && unref(o).time && unref(n) ? (openBlock(), createBlock(B, {
-            key: 0,
-            text: `${unref(hooks)(unref(n)).isAfter(unref(hooks)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(hooks)(unref(n)).format("dddd, DD MMM YYYY")} at
-        ${unref(hooks)(unref(n)).format("hh:mmA")} (${unref(hooks)(unref(n)).fromNow()})`
-          }, null, 8, ["text"])) : createCommentVNode("", !0)
-        ])
-      ], 64);
-    };
-  }
-}), _hoisted_1$f = { class: "flex justify-end gap-8 w-full" }, _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "MenuSheet",
-  props: {
-    modelValue: {},
-    filterItems: { type: Function }
-  },
-  emits: ["confirm"],
-  setup(e, { emit: m }) {
-    const r = ref(), s = ref(!1);
-    function a() {
-      var l;
-      (l = r.value) == null || l.onConfirm();
-    }
-    const u = m;
-    return (l, o) => {
-      const n = resolveComponent("FmField"), c = resolveComponent("FmButton"), g = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(g, {
-        modelValue: s.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (f) => s.value = f),
-        title: "Select Items",
-        "close-button": !1,
-        "dismiss-away": !0,
-        "max-width": 560
-      }, {
-        "side-sheet-button": withCtx(() => [
-          renderSlot(l.$slots, "side-sheet-button", {}, () => [
-            createVNode(n, { class: "text-fm-color-typo-tertiary cursor-pointer" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(l.modelValue.length) + " item(s) selected ", 1)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_1$f, [
-            createVNode(c, {
-              variant: "tertiary",
-              onClick: o[0] || (o[0] = (f) => s.value = !1),
-              label: "Cancel"
-            }),
-            createVNode(c, {
-              variant: "primary",
-              onClick: a,
-              label: "Confirm"
-            })
-          ])
-        ]),
-        default: withCtx(() => [
-          createVNode(_sfc_main$t, {
-            class: "h-full",
-            "max-height": 0,
-            ref_key: "selectItemRef",
-            ref: r,
-            "initial-value": l.modelValue,
-            "filter-items": l.filterItems,
-            "on-complete": (f) => {
-              u("confirm", f), s.value = !1;
-            }
-          }, null, 8, ["initial-value", "filter-items", "on-complete"])
-        ]),
-        _: 3
-      }, 8, ["modelValue"]);
-    };
-  }
-}), _hoisted_1$e = { class: "space-y-24" }, _hoisted_2$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$8 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$6 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$3 = { class: "space-y-16" }, _hoisted_6$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_7$2 = {
-  key: 0,
-  class: "xs:!block flex gap-16 items-center pt-8"
-}, _hoisted_8$1 = { class: "fm-typo-en-body-lg-400" }, _hoisted_9$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_10$1 = {
-  key: 0,
-  class: "pt-8 space-y-8"
-}, _hoisted_11$1 = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, _hoisted_12 = { class: "xs:!block flex gap-16 items-center" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "EarningOptionInput",
-  props: {
-    modelValue: {
-      type: Object
-    },
-    extras: {
-      type: Object
-    },
-    fixedType: {
-      type: Boolean
-    },
-    errorText: {
-      type: String
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    var g, f, v;
-    const r = useBusinessStore(), s = e, a = m, u = [
-      {
-        label: "Based on spending",
-        sublabel: "Customers earn rewards based on how much they spend.",
-        value: "PROPORTIONAL"
-      },
-      {
-        label: "Fixed amount",
-        sublabel: "Customers earn a set amount of rewards for specific actions.",
-        value: "FIXED"
-      }
-    ].filter((h) => {
-      var i, d;
-      return s.fixedType || ((d = (i = s.extras) == null ? void 0 : i.campaign) == null ? void 0 : d.event.type) != "BILL_COMPLETED" ? h.value == "FIXED" : !0;
-    }), l = computed(() => {
-      var i, d;
-      const h = s.extras && "configs" in s.extras ? s.extras.configs.type : (i = s.extras) == null ? void 0 : i.campaign.type;
-      return (((d = CollectibleOptions[h]) == null ? void 0 : d.name) || "reward").toLowerCase();
-    }), o = computed(() => {
-      const h = FdoEarningOption.safeParse(s.modelValue);
-      return h.success ? [] : h.error.errors;
-    });
-    function n(h) {
-      var i;
-      h != ((i = s.modelValue) == null ? void 0 : i.type) && a(
-        "update:model-value",
-        h === "FIXED" ? {
-          type: "FIXED",
-          amount: 1
-        } : {
-          type: "PROPORTIONAL",
-          amount: 1,
-          every: 1
-        }
-      );
-    }
-    const c = ref(
-      ((g = s.modelValue) == null ? void 0 : g.type) === "PROPORTIONAL" && !!((v = (f = s.modelValue) == null ? void 0 : f.property) != null && v.length) || !1
-    );
-    return (h, i) => {
-      var x, k, S;
-      const d = resolveComponent("FmCard"), p = resolveComponent("FmStepperField"), y = resolveComponent("FmRadio"), C = resolveComponent("FmPill"), E = resolveComponent("FmButton"), b = resolveComponent("FmRadioGroup"), B = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$a, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u), (V) => {
-            var N, R;
-            return openBlock(), createBlock(d, {
-              variant: "outlined",
-              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-2", {
-                "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)]": ((N = e.modelValue) == null ? void 0 : N.type) === V.value,
-                "hover:bg-fm-color-opacity-sm": ((R = e.modelValue) == null ? void 0 : R.type) != V.value
-              }]),
-              onClick: (w) => n(V.value),
-              key: V.value
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$8, toDisplayString(V.label), 1),
-                createElementVNode("div", _hoisted_4$6, toDisplayString(V.sublabel), 1)
-              ]),
-              _: 2
-            }, 1032, ["class", "onClick"]);
-          }), 128))
-        ]),
-        createElementVNode("div", _hoisted_5$3, [
-          ((x = e.modelValue) == null ? void 0 : x.type) === "FIXED" ? (openBlock(), createBlock(p, {
-            key: 0,
-            label: `Receive ${unref(l)}(s)`,
-            class: "flex-1",
-            "model-value": ((k = e.modelValue) == null ? void 0 : k.amount) ?? null,
-            "onUpdate:modelValue": i[0] || (i[0] = (V) => a("update:model-value", {
-              ...e.modelValue ?? { type: "FIXED" },
-              amount: V
-            }))
-          }, null, 8, ["label", "model-value"])) : ((S = e.modelValue) == null ? void 0 : S.type) === "PROPORTIONAL" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            i[11] || (i[11] = createElementVNode("div", { class: "fm-typo-en-body-lg-600" }, "Spending type", -1)),
-            createVNode(b, {
-              "model-value": unref(c),
-              "onUpdate:modelValue": i[6] || (i[6] = (V) => {
-                unref(c) != V && (a("update:model-value", {
-                  ...e.modelValue ?? {
-                    type: "PROPORTIONAL",
-                    amount: 1,
-                    every: 1
-                  },
-                  property: V ? [] : void 0,
-                  every: 1
-                }), c.value = V);
-              })
-            }, {
-              default: withCtx(() => [
-                createVNode(y, {
-                  label: "Amount spent",
-                  sublabel: `Receive ${unref(l)} by amount spent`,
-                  value: !1
-                }, {
-                  label: withCtx(() => {
-                    var V, N;
-                    return [
-                      i[8] || (i[8] = createElementVNode("div", { class: "fm-typo-en-body-lg-400" }, "Amount spent", -1)),
-                      createElementVNode("div", _hoisted_6$3, " Receive " + toDisplayString(unref(l)) + " by amount spent ", 1),
-                      unref(c) ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
-                        createVNode(p, {
-                          label: `Receive ${unref(l)}(s)`,
-                          inputmode: "decimal",
-                          class: "flex-1",
-                          "model-value": ((V = e.modelValue) == null ? void 0 : V.amount) ?? null,
-                          "onUpdate:modelValue": i[1] || (i[1] = (R) => a("update:model-value", {
-                            ...e.modelValue ?? { type: "FIXED" },
-                            amount: R
-                          }))
-                        }, null, 8, ["label", "model-value"]),
-                        i[7] || (i[7] = createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1)),
-                        createVNode(p, {
-                          label: `Amount spend (${unref(core.Config).getCountry().currency.symbol})`,
-                          class: "flex-1",
-                          inputmode: "decimal",
-                          "model-value": ((N = e.modelValue) == null ? void 0 : N.every) ?? null,
-                          "onUpdate:modelValue": i[2] || (i[2] = (R) => a("update:model-value", {
-                            ...e.modelValue,
-                            every: R
-                          }))
-                        }, {
-                          prepend: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(core.Config).getCountry().currency.symbol), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["label", "model-value"])
-                      ]))
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["sublabel"]),
-                createVNode(y, {
-                  label: "Product bought",
-                  sublabel: `Receive ${unref(l)} by product bought`,
-                  value: !0,
-                  disabled: !unref(r).isPremium
-                }, {
-                  label: withCtx(() => {
-                    var V, N;
-                    return [
-                      createElementVNode("div", _hoisted_8$1, [
-                        i[9] || (i[9] = createTextVNode(" Product bought ")),
-                        createVNode(C, { variant: "premium" })
-                      ]),
-                      createElementVNode("div", _hoisted_9$1, " Receive " + toDisplayString(unref(l)) + " by product bought ", 1),
-                      unref(c) ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                        createElementVNode("div", _hoisted_11$1, [
-                          createVNode(_sfc_main$f, {
-                            "model-value": s.modelValue.property || [],
-                            onConfirm: i[3] || (i[3] = (R) => a("update:model-value", {
-                              ...e.modelValue,
-                              property: R
-                            }))
-                          }, {
-                            "side-sheet-button": withCtx(() => {
-                              var R, w;
-                              return [
-                                createVNode(E, {
-                                  label: (R = s.modelValue.property) != null && R.length ? `${(w = s.modelValue.property) == null ? void 0 : w.length} product(s) selected` : "Select product",
-                                  icon: "link",
-                                  variant: "secondary"
-                                }, null, 8, ["label"])
-                              ];
-                            }),
-                            _: 1
-                          }, 8, ["model-value"])
-                        ]),
-                        createElementVNode("div", _hoisted_12, [
-                          createVNode(p, {
-                            inputmode: "decimal",
-                            label: `Receive ${unref(l)}(s)`,
-                            class: "flex-1",
-                            "model-value": ((V = e.modelValue) == null ? void 0 : V.amount) ?? null,
-                            "onUpdate:modelValue": i[4] || (i[4] = (R) => a("update:model-value", {
-                              ...e.modelValue ?? { type: "FIXED" },
-                              amount: R
-                            }))
-                          }, null, 8, ["label", "model-value"]),
-                          i[10] || (i[10] = createElementVNode("div", { class: "xs:py-4 text-center" }, "for every", -1)),
-                          createVNode(p, {
-                            label: "Item purchased",
-                            class: "flex-1",
-                            "model-value": ((N = e.modelValue) == null ? void 0 : N.every) ?? null,
-                            inputmode: "numeric",
-                            "max-fraction-digits": 0,
-                            "onUpdate:modelValue": i[5] || (i[5] = (R) => a("update:model-value", {
-                              ...e.modelValue,
-                              every: R
-                            }))
-                          }, null, 8, ["model-value"])
-                        ])
-                      ])) : createCommentVNode("", !0)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["sublabel", "disabled"])
-              ]),
-              _: 1
-            }, 8, ["model-value"])
-          ], 64)) : createCommentVNode("", !0)
-        ]),
-        e.errorText || unref(o).length > 0 ? (openBlock(), createBlock(B, {
-          key: 0,
-          class: "!mt-4",
-          text: e.errorText || unref(ZodHelper).helperText(unref(o), ""),
-          state: "error"
-        }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ]);
-    };
-  }
-}), _hoisted_1$d = { class: "space-y-16" }, _hoisted_2$9 = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "GameTypeInput",
-  props: {
-    modelValue: {
-      type: String
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = computed(
-      () => [
-        {
-          label: "Fortune Wheel",
-          description: "Allow customers to spin the Fortune Wheel to win various rewards.",
-          value: F_GAME_TYPE.enum.FORTUNE_WHEEL,
-          hidden: !1
-        },
-        {
-          label: "Rock paper scissor",
-          description: "Customers play a game of Rock Paper Scissors against the cashier.",
-          value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
-          hidden: !0
-        }
-      ].filter((u) => !u.hidden)
-    );
-    return (u, l) => {
-      const o = resolveComponent("FmCard");
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$9, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (n) => (openBlock(), createBlock(o, {
-            variant: "outlined",
-            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(a).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
-            }]),
-            onClick: () => {
-              r.modelValue != n.value && s("update:model-value", n.value);
-            },
-            key: n.value
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$7, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_4$5, toDisplayString(n.description), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "onClick"]))), 128))
-        ])
-      ]);
-    };
-  }
-}), _hoisted_1$c = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "VoucherEditor",
-  props: {
-    modelValue: {
-      type: Object
-    },
-    rewardImage: {
-      type: Object
-    }
-  },
-  emits: ["update:model-value", "update:reward-image"],
-  setup(e, { emit: m }) {
-    const { t: r } = useI18n(), a = ref(
-      e.modelValue ?? initCollectibleConfig("VOUCHER", {
-        business: useCoreStore().currentBusiness.value._id,
-        name: ""
-      })
-    ), u = FdtoCollectibleConfig, l = m;
-    return (o, n) => {
-      var f, v, h;
-      const c = resolveComponent("FmTextarea"), g = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$u, {
-          modelValue: unref(a).name,
-          "onUpdate:modelValue": n[0] || (n[0] = (i) => unref(a).name = i),
-          label: "Voucher name",
-          schema: unref(ZodHelper).typeAtPath(unref(u), "name", [unref(a).type])
-        }, null, 8, ["modelValue", "schema"]),
-        createVNode(c, {
-          class: "!mb-[-16px]",
-          modelValue: unref(a).description,
-          "onUpdate:modelValue": n[1] || (n[1] = (i) => unref(a).description = i),
-          rules: [unref(ZodHelper).ruleAtPath(unref(u), "description", [unref(a).type])]
-        }, {
-          label: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(
-              unref(ZodHelper).toInputLabel(
-                unref(ZodHelper).typeAtPath(unref(u), "description", [unref(a).type]),
-                "Voucher description"
-              )
-            )))
-          ]),
-          _: 1
-        }, 8, ["modelValue", "rules"]),
-        createElementVNode("div", _hoisted_1$c, [
-          n[6] || (n[6] = createElementVNode("div", null, "Voucher description should not exceed 200 characters.", -1)),
-          createElementVNode("div", null, toDisplayString(((f = unref(a).description) == null ? void 0 : f.length) ?? 0) + "/200", 1)
-        ]),
-        createVNode(_sfc_main$v, {
-          class: "w-1/2 xs:w-2/3",
-          "aspect-ratio": "16/9",
-          file: e.rewardImage ?? void 0,
-          thumbnail: unref(a).image ?? void 0,
-          "onUpdate:file": n[2] || (n[2] = async (i) => {
-            l("update:reward-image", i), i || (unref(a).image = null);
-          })
-        }, {
-          label: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(
-              unref(ZodHelper).toInputLabel(
-                unref(ZodHelper).typeAtPath(unref(u), "image", [unref(a).type]),
-                "Voucher image"
-              )
-            )))
-          ]),
-          _: 1
-        }, 8, ["file", "thumbnail"]),
-        n[7] || (n[7] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
-        createVNode(_sfc_main$w, {
-          "model-value": unref(a).extras.effect,
-          "onUpdate:modelValue": n[3] || (n[3] = (i) => unref(a).extras.effect = i)
-        }, null, 8, ["model-value"]),
-        unref(a).extras.effect == null ? (openBlock(), createBlock(g, {
-          key: 0,
-          class: "!mt-8",
-          text: unref(r)("connect.campaign.common.effect_required"),
-          state: "error"
-        }, null, 8, ["text"])) : createCommentVNode("", !0),
-        n[8] || (n[8] = createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Usage configuration", -1)),
-        createVNode(_sfc_main$x, {
-          "model-value": unref(a).options,
-          "no-campaign": unref(a).noCampaign,
-          "onUpdate:modelValue": n[4] || (n[4] = (i) => unref(a).options = i),
-          schema: unref(ZodHelper).typeAtPath(unref(u), "options", ["VOUCHER"])
-        }, null, 8, ["model-value", "no-campaign", "schema"]),
-        n[9] || (n[9] = createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
-        unref(a).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$y, {
-          key: 1,
-          "model-value": ((h = (v = unref(a).extras) == null ? void 0 : v.targetLocation) == null ? void 0 : h.map(String)) ?? null,
-          type: "select",
-          "onUpdate:modelValue": n[5] || (n[5] = (i) => {
-            unref(a).extras.targetLocation = i;
-          }),
-          rules: [unref(ZodHelper).ruleAtPath(unref(u), "extras.targetLocation")]
-        }, null, 8, ["model-value", "rules"])) : createCommentVNode("", !0)
-      ], 64);
-    };
-  }
-}), _hoisted_1$b = {
-  key: 0,
-  class: "flex flex-col gap-y-24"
-}, _hoisted_2$8 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "EditRewardPoolSheet",
-  emits: ["update:model-value"],
-  setup(e, { expose: m, emit: r }) {
-    const s = useMembershipStore(), { minor: a } = useLoading, u = ref(!1), l = ref(), o = ref(), n = ref(0), c = computed(() => {
-      var d;
-      return ((d = s.loyaltyRewards.items.find(
-        (p) => {
-          var y;
-          return p.value === ((y = l.value) == null ? void 0 : y.collectible);
-        }
-      )) == null ? void 0 : d.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
-    }), g = computed(() => {
-      const i = c.value.safeParse(l.value);
-      return i.success ? [] : i.error.errors;
-    });
-    function f(i, d, p) {
-      i && (l.value = d, n.value = p), u.value = i;
-    }
-    const v = r;
-    async function h() {
-      const i = c.value.safeParse(l.value);
-      i.success && (await a(
-        async () => {
-          i.data.type === "VOUCHER" && o.value && (i.data.collectibleConfig.image = await firebaseStorage.update(
-            i.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, o.value),
-            o.value
-          ));
-        },
-        {
-          message: "Uploading reward image",
-          successMessage: "Reward image updated"
-        }
-      ), v("update:model-value", i.data, n.value));
-    }
-    return m({
-      showSheet: f
-    }), (i, d) => {
-      const p = resolveComponent("FmSelect"), y = resolveComponent("FmStepperField"), C = resolveComponent("FmButton"), E = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(E, {
-        "max-width": 560,
-        modelValue: unref(u),
-        "onUpdate:modelValue": [
-          d[9] || (d[9] = (b) => isRef(u) ? u.value = b : null),
-          d[10] || (d[10] = (b) => u.value = b)
-        ],
-        header: "Edit reward",
-        "dismiss-away": ""
-      }, {
-        "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_2$8, [
-            createVNode(C, {
-              variant: "primary",
-              type: "button",
-              disabled: unref(g).length > 0,
-              label: "Confirm",
-              onClick: d[7] || (d[7] = (b) => h())
-            }, null, 8, ["disabled"]),
-            createVNode(C, {
-              variant: "secondary",
-              type: "button",
-              label: "Cancel",
-              onClick: d[8] || (d[8] = (b) => u.value = !1)
-            })
-          ])
-        ]),
-        default: withCtx(() => {
-          var b, B, x;
-          return [
-            unref(l) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-              createVNode(p, {
-                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": d[0] || (d[0] = (k) => {
-                  k == "NO_REWARD" ? l.value = {
-                    type: "NO_REWARD",
-                    collectible: null,
-                    weight: 1
-                  } : k === "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(s).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(p, {
-                key: 0,
-                label: "Loyalty type",
-                rules: [unref(ZodHelper).ruleAtPath(unref(c), "collectible", [unref(l).type])],
-                items: unref(s).loyaltyRewards.items,
-                "model-value": unref(l).collectible,
-                "onUpdate:modelValue": d[1] || (d[1] = (k) => unref(l).collectible = k)
-              }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-              createVNode(y, {
-                label: "Weight",
-                rules: [unref(ZodHelper).ruleAtPath(unref(c), "weight", [unref(l).type])],
-                "model-value": unref(l).weight,
-                "onUpdate:modelValue": d[2] || (d[2] = (k) => l.value = {
-                  ...unref(l),
-                  weight: k
-                })
-              }, null, 8, ["rules", "model-value"]),
-              unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                ((b = unref(s).loyaltyRewards.items.find(
-                  (k) => {
-                    var S;
-                    return k.value === ((S = unref(l)) == null ? void 0 : S.collectible);
-                  }
-                )) == null ? void 0 : b.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  d[11] || (d[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
-                  createVNode(_sfc_main$e, {
-                    class: "mt-[-8px]",
-                    rules: [
-                      unref(ZodHelper).ruleAtPath(unref(c), "earningOption", [unref(l).type])
-                    ],
-                    "helper-state": unref(ZodHelper).helperState(unref(g), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(g), "earningOption"),
-                    "fixed-type": !0,
-                    "model-value": unref(l).earningOption,
-                    "onUpdate:modelValue": d[3] || (d[3] = (k) => l.value = {
-                      ...unref(l),
-                      earningOption: k
-                    })
-                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
-                ], 64)) : createCommentVNode("", !0),
-                d[12] || (d[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
-                createVNode(_sfc_main$z, {
-                  "for-credit": unref(l).type === "LOYALTY" && ((B = unref(s).loyaltyRewards.items.find(
-                    (k) => {
-                      var S;
-                      return k.value === ((S = unref(l)) == null ? void 0 : S.collectible);
-                    }
-                  )) == null ? void 0 : B.raw.type) === "CREDIT",
-                  class: "!gap-24",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(c), "validityOption", [unref(l).type])],
-                  "model-value": unref(l).validityOption,
-                  "onUpdate:modelValue": d[4] || (d[4] = (k) => l.value = {
-                    ...unref(l),
-                    validityOption: k
-                  })
-                }, null, 8, ["for-credit", "rules", "model-value"])
-              ], 64)) : createCommentVNode("", !0),
-              unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$c, {
-                key: 2,
-                "reward-image": unref(o),
-                "model-value": ((x = unref(l)) == null ? void 0 : x.collectibleConfig) ?? void 0,
-                "onUpdate:modelValue": d[5] || (d[5] = (k) => l.value = {
-                  ...unref(l),
-                  collectibleConfig: k
-                }),
-                "onUpdate:rewardImage": d[6] || (d[6] = (k) => o.value = k)
-              }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
-              createVNode(JsonViewer, { json: unref(g) }, null, 8, ["json"])
-            ])) : createCommentVNode("", !0)
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-function isNullOrEmpty(e) {
-  return e == null || e === "";
-}
-const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$6 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "RewardPoolInput",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => [
-        {
-          collectible: null,
-          type: "NO_REWARD",
-          weight: 1
-        }
-      ]
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = useMembershipStore(), u = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => r.modelValue ?? []), o = computed(() => {
-      const i = u.safeParse(l.value);
-      return i.success ? [] : i.error.errors;
-    }), n = ref();
-    function c(i, d) {
-      var y;
-      const p = [...l.value];
-      p[d] = i, (y = n.value) == null || y.showSheet(!1), s("update:model-value", p);
-    }
-    function g(i) {
-      const d = i.type == "VOUCHER" ? i.collectibleConfig : a.collectibles.find(
-        (C) => C._id.toString() == i.collectible
-      ), p = CollectionUtils.formattedType((d == null ? void 0 : d.name) || ""), y = i.weight;
-      return {
-        label: isNullOrEmpty(p) ? "NO REWARD" : p,
-        sublabel: `${y} (${(y / l.value.reduce((C, E) => C + E.weight, 0) * 100).toFixed(2)}%)`
-      };
-    }
-    function f(i) {
-      var p;
-      const d = [...l.value];
-      (p = n.value) == null || p.showSheet(!0, d[i], i);
-    }
-    function v(i) {
-      const d = [...l.value];
-      d.splice(i, 1), s("update:model-value", d);
-    }
-    function h() {
-      var i;
-      (i = n.value) == null || i.showSheet(
-        !0,
-        {
-          type: "NO_REWARD",
-          collectible: null,
-          weight: 1
-        },
-        l.value.length
-      );
-    }
-    return (i, d) => {
-      const p = resolveComponent("FmButton"), y = resolveComponent("FmCard"), C = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        d[1] || (d[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type and weightage given to your customer. ", -1)),
-        createVNode(p, {
-          label: "Add Reward",
-          onClick: d[0] || (d[0] = (E) => h()),
-          variant: "plain",
-          icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (E, b) => (openBlock(), createBlock(y, {
-          key: b,
-          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
-          variant: "outlined",
-          onClick: (B) => f(b)
-        }, {
-          default: withCtx(() => {
-            var B;
-            return [
-              createElementVNode("div", null, [
-                createElementVNode("div", _hoisted_2$7, toDisplayString(E.type == "LOYALTY" ? (B = E == null ? void 0 : E.earningOption) == null ? void 0 : B.amount : "") + " " + toDisplayString(g(E).label), 1),
-                createElementVNode("div", _hoisted_3$6, toDisplayString(g(E).sublabel), 1)
-              ]),
-              createVNode(p, {
-                icon: "delete",
-                variant: "tertiary",
-                onClick: (x) => (x.stopPropagation(), v(b))
-              }, null, 8, ["onClick"])
-            ];
-          }),
-          _: 2
-        }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((E) => E.path.join(".") == ""), (E) => (openBlock(), createBlock(C, {
-          key: E.message,
-          text: E.message,
-          state: "error"
-        }, null, 8, ["text"]))), 128)),
-        createVNode(_sfc_main$b, {
-          ref_key: "sheetRef",
-          ref: n,
-          "onUpdate:modelValue": c
-        }, null, 512)
-      ]);
-    };
-  }
-}), _hoisted_1$9 = { class: "space-y-16" }, _hoisted_2$6 = {
-  key: 0,
-  class: "grid grid-cols-2 gap-16"
-}, _hoisted_3$5 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "PromotionGameTypeInput",
-  props: {
-    modelValue: {
-      type: Object
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = computed(() => [
-      {
-        label: "Rock paper scissor",
-        description: "Customers play 3 rounds of Rock Paper Scissors against the cashier. If customer won 2 rounds, they will get a discount.",
-        value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
-      }
-    ]);
-    return (u, l) => {
-      var g, f, v;
-      const o = resolveComponent("FmSwitch"), n = resolveComponent("FmCard"), c = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createVNode(o, {
-          label: "Enable game",
-          "model-value": !!((g = e.modelValue) != null && g.gameType),
-          "onUpdate:modelValue": l[0] || (l[0] = (h) => h ? s("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : s("update:model-value", null))
-        }, null, 8, ["model-value"]),
-        ((f = e.modelValue) == null ? void 0 : f.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (h) => {
-            var i, d;
-            return openBlock(), createBlock(n, {
-              variant: "outlined",
-              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                "col-span-2": unref(a).length == 1,
-                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((i = e.modelValue) == null ? void 0 : i.gameType) == h.value,
-                "hover:bg-fm-color-opacity-sm": ((d = e.modelValue) == null ? void 0 : d.gameType) != h.value
-              }]),
-              onClick: () => {
-                var p;
-                ((p = r.modelValue) == null ? void 0 : p.gameType) != h.value && s("update:model-value", { gameType: h.value });
-              },
-              key: h.value
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$5, toDisplayString(h.label), 1),
-                createElementVNode("div", _hoisted_4$4, toDisplayString(h.description), 1)
-              ]),
-              _: 2
-            }, 1032, ["class", "onClick"]);
-          }), 128))
-        ])) : createCommentVNode("", !0),
-        ((v = e.modelValue) == null ? void 0 : v.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(c, {
-          key: 1,
-          text: "Rock paper scissors is only available for POS >= 7.7.4 with dual screen on android devices (Sunmi D3 Pro and Sunmi T3 Pro)",
-          state: "warning"
-        })) : createCommentVNode("", !0)
-      ]);
-    };
-  }
-}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$5 = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$4 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "MissionTypeInput",
-  props: {
-    modelValue: {
-      type: String
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = computed(() => [
-      {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
-        value: F_MISSION_TYPE.enum.STAMP
-      },
-      {
-        label: "Progress",
-        description: "Reward customers when they reach a cumulative spending goal.",
-        value: F_MISSION_TYPE.enum.PROGRESSIVE
-      }
-    ]);
-    return (u, l) => {
-      const o = resolveComponent("FmCard");
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        l[0] || (l[0] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-        createElementVNode("div", _hoisted_2$5, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (n) => (openBlock(), createBlock(o, {
-            variant: "outlined",
-            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-2": unref(a).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == n.value,
-              "hover:bg-fm-color-opacity-sm": e.modelValue != n.value
-            }]),
-            onClick: () => {
-              r.modelValue != n.value && s("update:model-value", n.value);
-            },
-            key: n.value
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$4, toDisplayString(n.label), 1),
-              createElementVNode("div", _hoisted_4$3, toDisplayString(n.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: m }) {
-    const r = m;
-    return (s, a) => {
-      const u = resolveComponent("FmStepperField");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        a[1] || (a[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
-        createVNode(u, {
-          label: "Maximum to collect",
-          "model-value": e.modelValue || null,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => r("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: m, emit: r }) {
-    const s = e, a = useMembershipStore(), { minor: u } = useLoading, l = ref(!1), o = ref(), n = ref(), c = ref(0), g = FdtoThresholdReward, f = computed(() => {
-      const p = g.safeParse(o.value);
-      return p.success ? [] : p.error.errors;
-    });
-    function v(p, y, C) {
-      p && (o.value = y, c.value = C), l.value = p;
-    }
-    const h = r;
-    async function i() {
-      console.log(o.value);
-      const p = g.safeParse(o.value);
-      p.success && (await u(
-        async () => {
-          p.data.type === "VOUCHER" && n.value && (p.data.collectibleConfig.image = await firebaseStorage.update(
-            p.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, n.value),
-            n.value
-          ));
-        },
-        {
-          message: "Uploading reward image",
-          successMessage: "Reward image updated"
-        }
-      ), h("update:model-value", p.data, c.value));
-    }
-    const d = ref();
-    return m({
-      showSheet: v
-    }), (p, y) => {
-      const C = resolveComponent("FmStepperField"), E = resolveComponent("FmSelect"), b = resolveComponent("FmForm"), B = resolveComponent("FmButton"), x = resolveComponent("FmSideSheet");
-      return openBlock(), createBlock(x, {
-        "max-width": 560,
-        modelValue: unref(l),
-        "onUpdate:modelValue": [
-          y[10] || (y[10] = (k) => isRef(l) ? l.value = k : null),
-          y[11] || (y[11] = (k) => l.value = k)
-        ],
-        header: "Edit reward",
-        "dismiss-away": ""
-      }, {
-        "side-sheet-footer": withCtx(() => [
-          createElementVNode("div", _hoisted_1$6, [
-            createVNode(B, {
-              variant: "primary",
-              type: "button",
-              label: "Confirm",
-              onClick: y[8] || (y[8] = async () => {
-                var k;
-                return (k = unref(d)) == null ? void 0 : k.validateInputs();
-              })
-            }),
-            createVNode(B, {
-              variant: "secondary",
-              type: "button",
-              label: "Cancel",
-              onClick: y[9] || (y[9] = (k) => l.value = !1)
-            })
-          ])
-        ]),
-        default: withCtx(() => [
-          unref(o) ? (openBlock(), createBlock(b, {
-            key: 0,
-            class: "flex flex-col gap-y-24",
-            ref_key: "formRef",
-            ref: d,
-            onValidationSuccess: y[7] || (y[7] = (k) => i())
-          }, {
-            default: withCtx(() => {
-              var k, S;
-              return [
-                unref(o).type ? (openBlock(), createBlock(C, {
-                  key: 0,
-                  label: "Threshold",
-                  rules: [
-                    unref(ZodHelper).toRule(
-                      unref(z).number().min(1).max(
-                        s.maxThreshold,
-                        `Number cannot be more than ${s.maxThreshold}`
-                      )
-                    )
-                  ],
-                  "model-value": unref(o).threshold,
-                  "onUpdate:modelValue": y[0] || (y[0] = (V) => o.value = {
-                    ...unref(o),
-                    threshold: V
-                  })
-                }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
-                createVNode(E, {
-                  label: "Reward Type",
-                  items: [
-                    { label: "Voucher", value: "VOUCHER" },
-                    { label: "Loyalty", value: "LOYALTY" }
-                  ],
-                  "model-value": unref(o).type,
-                  "onUpdate:modelValue": y[1] || (y[1] = (V) => {
-                    var N, R;
-                    V === "VOUCHER" ? o.value = {
-                      collectible: null,
-                      type: "VOUCHER",
-                      collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
-                        business: unref(useCoreStore)().currentBusiness.value._id
-                      }),
-                      earningOption: {
-                        amount: 1,
-                        type: "FIXED"
-                      },
-                      validityOption: {
-                        validForDay: 7
-                      },
-                      threshold: (N = unref(o)) == null ? void 0 : N.threshold
-                    } : o.value = {
-                      collectible: unref(a).loyaltyRewards.raw[0]._id,
-                      type: "LOYALTY",
-                      earningOption: {
-                        amount: 1,
-                        type: "FIXED"
-                      },
-                      validityOption: {
-                        validForDay: 7
-                      },
-                      threshold: (R = unref(o)) == null ? void 0 : R.threshold
-                    };
-                  })
-                }, null, 8, ["model-value"]),
-                unref(o).type == "LOYALTY" ? (openBlock(), createBlock(E, {
-                  key: 1,
-                  label: "Loyalty type",
-                  rules: [unref(ZodHelper).ruleAtPath(unref(g), "collectible", [unref(o).type])],
-                  items: unref(a).loyaltyRewards.items,
-                  "model-value": unref(o).collectible,
-                  "onUpdate:modelValue": y[2] || (y[2] = (V) => unref(o).collectible = V)
-                }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
-                unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  y[12] || (y[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
-                  createVNode(_sfc_main$e, {
-                    class: "mt-[-8px]",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(g), "earningOption", [unref(o).type])],
-                    "helper-state": unref(ZodHelper).helperState(unref(f), "earningOption"),
-                    "error-text": unref(ZodHelper).helperText(unref(f), "earningOption"),
-                    "fixed-type": !0,
-                    "model-value": unref(o).earningOption,
-                    "onUpdate:modelValue": y[3] || (y[3] = (V) => o.value = {
-                      ...unref(o),
-                      earningOption: V
-                    })
-                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
-                  createVNode(_sfc_main$z, {
-                    class: "!gap-24",
-                    "for-credit": unref(o).type === "LOYALTY" && ((k = unref(a).loyaltyRewards.items.find(
-                      (V) => {
-                        var N;
-                        return V.value === ((N = unref(o)) == null ? void 0 : N.collectible);
-                      }
-                    )) == null ? void 0 : k.raw.type) === "CREDIT",
-                    rules: [unref(ZodHelper).ruleAtPath(unref(g), "validityOption", [unref(o).type])],
-                    "model-value": unref(o).validityOption,
-                    "onUpdate:modelValue": y[4] || (y[4] = (V) => o.value = {
-                      ...unref(o),
-                      validityOption: V
-                    })
-                  }, null, 8, ["for-credit", "rules", "model-value"])
-                ], 64)) : createCommentVNode("", !0),
-                unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$c, {
-                  key: 3,
-                  "reward-image": unref(n),
-                  "model-value": ((S = unref(o)) == null ? void 0 : S.collectibleConfig) ?? void 0,
-                  "onUpdate:modelValue": y[5] || (y[5] = (V) => o.value = {
-                    ...unref(o),
-                    collectibleConfig: V
-                  }),
-                  "onUpdate:rewardImage": y[6] || (y[6] = (V) => n.value = V)
-                }, 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 m = e, { maxRange: r, currentRange: s, markers: a } = toRefs(m), u = computed(
-      () => Math.min(s.value / r.value * 100, 100)
-    ), l = (o) => o / r.value * 100;
-    return (o, n) => {
-      const c = resolveComponent("FmIcon");
-      return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(r), 40), (g) => (openBlock(), createBlock(c, {
-          class: normalizeClass(
-            unref(s) >= g ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
-          ),
-          outline: unref(s) < g,
-          key: g,
-          name: unref(a).some((f) => f === g) ? "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(a), (g, f) => (openBlock(), createElementBlock("div", {
-          key: f,
-          class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
-          style: normalizeStyle({ left: l(g) + "%" })
-        }, [
-          createElementVNode("div", _hoisted_2$4, [
-            createElementVNode("div", {
-              class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
-            }),
-            n[0] || (n[0] = createElementVNode("div", null, "🎁", -1))
-          ])
-        ], 4))), 128))
-      ]));
-    };
-  }
-}), isObject = (e) => e !== null && typeof e == "object";
-function changeKeysFactory(e) {
-  return function m(r, s = 1, a) {
-    if (s === 0 || !isObject(r))
-      return r;
-    if (Array.isArray(r))
-      return r.map((l) => m(l, s - 1, a));
-    const u = Object.create(Object.getPrototypeOf(r));
-    return Object.keys(r).forEach((l) => {
-      const o = r[l], n = e(l, a), c = m(o, s - 1, a);
-      u[n] = c;
-    }), u;
-  };
-}
-const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_3$3 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_4$2 = { class: "flex items-center gap-4" }, _hoisted_5$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_6$2 = { class: "flex items-center gap-16" }, _hoisted_7$1 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "MissionPoolInput",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    mission: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = m, a = useMembershipStore(), u = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
-      () => r.modelValue.sort((d, p) => d.threshold - p.threshold) ?? []
-    ), o = computed(() => {
-      const d = u.safeParse(l.value);
-      return d.success ? [] : d.error.errors;
-    }), n = ref();
-    function c(d, p) {
-      var C;
-      const y = [...l.value];
-      y[p] = d, (C = n.value) == null || C.showSheet(!1), s("update:model-value", y);
-    }
-    function g(d) {
-      const p = d.type == "VOUCHER" ? d.collectibleConfig : a.collectibles.find(
-        (C) => C._id.toString() == d.collectible
-      ), y = CollectionUtils.formattedType((p == null ? void 0 : p.name) || "");
-      return {
-        label: isNullOrEmpty(y) ? "NO REWARD" : y,
-        sublabel: `Reward at ${d.threshold} | Amount: ${d.earningOption.type == "FIXED" ? d.earningOption.amount : `${d.earningOption.amount} for every RM${d.earningOption.every} spent`} `
-      };
-    }
-    function f(d) {
-      var y;
-      const p = [...l.value];
-      (y = n.value) == null || y.showSheet(!0, p[d], d);
-    }
-    function v(d) {
-      const p = [...l.value];
-      p.splice(d, 1), s("update:model-value", p);
-    }
-    function h() {
-      var d;
-      (d = n.value) == null || d.showSheet(
-        !0,
-        {
-          type: "LOYALTY",
-          collectible: a.loyaltyRewards.items[0].value,
-          threshold: null,
-          validityOption: {
-            validForDay: 7
-          },
-          earningOption: {
-            type: "FIXED",
-            amount: 1
-          }
-        },
-        l.value.length
-      );
-    }
-    function i(d) {
-      var p, y;
-      return d.type == "VOUCHER" ? (p = d.collectibleConfig) == null ? void 0 : p.name : sentenceCase(
-        ((y = a.loyaltyRewards.items.find(
-          (C) => C.value == d.collectible
-        )) == null ? void 0 : y.label) || ""
-      );
-    }
-    return (d, p) => {
-      const y = resolveComponent("FmButton"), C = resolveComponent("FmCard"), E = resolveComponent("FmHelperText");
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        p[2] || (p[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type given to your customer. ", -1)),
-        createVNode(y, {
-          label: "Add Reward",
-          onClick: p[0] || (p[0] = (b) => h()),
-          variant: "plain",
-          icon: "add"
-        }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (b, B) => (openBlock(), createBlock(C, {
-          key: B,
-          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
-          variant: "outlined",
-          onClick: (x) => f(B)
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2$3, toDisplayString(g(b).label), 1),
-              createElementVNode("div", _hoisted_3$3, toDisplayString(g(b).sublabel), 1)
-            ]),
-            createVNode(y, {
-              icon: "delete",
-              variant: "tertiary",
-              onClick: (x) => (x.stopPropagation(), v(B))
-            }, null, 8, ["onClick"])
-          ]),
-          _: 2
-        }, 1032, ["onClick"]))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o).filter((b) => b.path.join(".") == ""), (b) => (openBlock(), createBlock(E, {
-          key: b.message,
-          text: b.message,
-          state: "error"
-        }, null, 8, ["text"]))), 128)),
-        p[3] || (p[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1)),
-        (openBlock(), createBlock(C, {
-          key: 0,
-          variant: "outlined",
-          class: "p-24 space-y-16 w-fit"
-        }, {
-          default: withCtx(() => {
-            var b, B;
-            return [
-              createElementVNode("div", _hoisted_4$2, [
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_5$2, " Collect " + toDisplayString(e.mission.end) + " stamps to get " + toDisplayString(((b = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : b.earningOption.amount) > 1 ? (B = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : B.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? i(e.modelValue[e.modelValue.length - 1]) : ""), 1),
-                  p[1] || (p[1] = createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Earn a stamp! ", -1))
-                ])
-              ]),
-              createElementVNode("div", _hoisted_6$2, [
-                createVNode(_sfc_main$5, {
-                  type: e.mission.type,
-                  "max-range": e.mission.end,
-                  currentRange: e.mission.end / 4,
-                  markers: e.modelValue.map((x) => x.threshold)
-                }, null, 8, ["type", "max-range", "currentRange", "markers"]),
-                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_7$1, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
-              ])
-            ];
-          }),
-          _: 1
-        })),
-        createVNode(_sfc_main$6, {
-          ref_key: "sheetRef",
-          ref: n,
-          "onUpdate:modelValue": c,
-          "max-threshold": e.mission.end
-        }, null, 8, ["max-threshold"])
-      ]);
-    };
-  }
-}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_6$1 = { class: "space-y-8" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "MissionInput",
-  props: {
-    modelValue: Object
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: m }) {
-    const r = e, s = computed(() => {
-      const l = FdoMission.safeParse(r.modelValue);
-      return l.success ? [] : l.error.errors;
-    }), a = computed(() => [
-      {
-        label: "Stamp",
-        description: "Award stamps for purchases, redeemable after reaching set milestones.",
-        value: F_MISSION_TYPE.enum.STAMP
-      },
-      {
-        label: "Progress",
-        description: "Reward customers when they reach a cumulative spending goal.",
-        value: F_MISSION_TYPE.enum.PROGRESSIVE
-      }
-    ]), u = m;
-    return (l, o) => {
-      var g;
-      const n = resolveComponent("FmCard"), c = resolveComponent("FmStepperField");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", _hoisted_2$2, [
-          o[1] || (o[1] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Type", -1)),
-          o[2] || (o[2] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Select a game where you want your customer to play. ", -1)),
-          createElementVNode("div", _hoisted_3$2, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (f) => {
-              var v, h;
-              return openBlock(), createBlock(n, {
-                variant: "outlined",
-                class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-                  "col-span-2": unref(a).length == 1,
-                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((v = e.modelValue) == null ? void 0 : v.type) == f.value,
-                  "hover:bg-fm-color-opacity-sm": ((h = e.modelValue) == null ? void 0 : h.type) != f.value
-                }]),
-                onClick: () => {
-                  var i, d;
-                  ((i = e.modelValue) == null ? void 0 : i.type) != f.value && u("update:model-value", {
-                    ...e.modelValue,
-                    type: f.value,
-                    end: ((d = e.modelValue) == null ? void 0 : d.end) || 1
-                  });
-                },
-                key: f.value
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$1, toDisplayString(f.label), 1),
-                  createElementVNode("div", _hoisted_5$1, toDisplayString(f.description), 1)
-                ]),
-                _: 2
-              }, 1032, ["class", "onClick"]);
-            }), 128))
-          ])
-        ]),
-        createElementVNode("div", _hoisted_6$1, [
-          o[3] || (o[3] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Collections required", -1)),
-          o[4] || (o[4] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
-          createVNode(c, {
-            label: "Maximum to collect",
-            "model-value": ((g = e.modelValue) == null ? void 0 : g.end) || null,
-            "onUpdate:modelValue": o[0] || (o[0] = (f) => {
-              var v;
-              return u("update:model-value", {
-                ...e.modelValue,
-                type: ((v = e.modelValue) == null ? void 0 : v.type) || "STAMP",
-                end: f
-              });
-            }),
-            "helper-text": unref(ZodHelper).helperText(unref(s), "end") || "Set the threshold required for reward eligibility",
-            "helper-state": unref(ZodHelper).helperState(unref(s), "end") || "none"
-          }, null, 8, ["model-value", "helper-text", "helper-state"])
-        ])
-      ]);
-    };
-  }
-}), _hoisted_1$2 = { key: 26 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "TemplateInput",
-  props: {
-    field: { type: Object, required: !0 },
-    modelValue: {
-      type: Object
-    },
-    schema: {
-      type: Object
-    },
-    extras: {
-      type: Object
-    },
-    helperText: {
-      type: String
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:model-value", "update:file"],
-  setup(e, { emit: m }) {
-    const { t: r } = useI18n(), s = e, a = m;
-    function u(c) {
-      switch (s.field.type) {
-        case "timeframe":
-          const g = c.startDate ? hooks(c.startDate).startOf("day").toISOString() : void 0, f = c.endDate ? hooks(c.endDate).endOf("day").toISOString() : void 0;
-          a("update:model-value", {
-            type: "timeframe",
-            property: "__now",
-            start: g,
-            end: f
-          });
-          break;
-        case "image": {
-          a(
-            "update:file",
-            c,
-            l.value || firebaseStorage.collectibleImagePath(void 0, c)
-          );
-          break;
-        }
-        default:
-          a("update:model-value", c);
-          break;
-      }
-    }
-    const l = computed(() => {
-      switch (s.field.type) {
-        case "timeframe": {
-          const c = s.modelValue;
-          return {
-            startDate: c != null && c.start ? hooks(c == null ? void 0 : c.start).format("YYYY-MM-DD") : null,
-            endDate: c != null && c.end ? hooks(c == null ? void 0 : c.end).format("YYYY-MM-DD") : null
-          };
-        }
-        default:
-          return s.modelValue;
-      }
-    });
-    function o() {
-      if (!n.value.schema) return [];
-      const c = n.value.schema.safeParse(s.modelValue);
-      return c.success ? [] : c.error.errors;
-    }
-    const n = computed(() => ({
-      schema: s.schema,
-      unwrapped: s.schema ? ZodHelper.unwrap(s.schema) : void 0,
-      rules: s.schema ? [ZodHelper.ruleAtPath(s.schema, "")] : void 0,
-      labelMark: s.schema && ZodHelper.isRequired(s.schema) == !1 ? "optional" : void 0,
-      zodLabel: s.schema ? ZodHelper.toInputLabel(s.schema, s.field.label) : void 0
-    }));
-    return (c, g) => {
-      var p, y, C, E, b;
-      const f = resolveComponent("FmTextField"), v = resolveComponent("FmStepperField"), h = resolveComponent("FmTextarea"), i = resolveComponent("FmHelperText"), d = resolveComponent("FmSwitch");
-      return e.field.type === "text" ? (openBlock(), createBlock(f, {
-        key: 0,
-        label: unref(r)(e.field.label),
-        "label-mark": unref(n).labelMark,
-        rules: unref(n).rules,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "helper-state": e.helperText ? "error" : void 0,
-        "helper-text": e.helperText
-      }, null, 8, ["label", "label-mark", "rules", "model-value", "helper-state", "helper-text"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        createVNode(JsonViewer, {
-          json: { schema: unref(n).unwrapped, props: s }
-        }, null, 8, ["json"]),
-        createVNode(v, {
-          label: unref(r)(e.field.label),
-          "label-mark": e.field.isRuleChildren ? void 0 : unref(n).labelMark,
-          "model-value": unref(l),
-          rules: e.field.isRuleChildren ? [] : unref(n).rules,
-          "onUpdate:modelValue": u,
-          "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(h, {
-        key: 2,
-        label: unref(r)(e.field.label),
-        "label-mark": unref(n).labelMark,
-        rules: unref(n).rules,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "show-word-count": "",
-        "max-length": (b = (E = (C = (y = (p = unref(n)) == null ? void 0 : p.unwrapped) == null ? void 0 : y._def) == null ? void 0 : C.checks) == null ? void 0 : E.find((B) => B.kind == "max")) == null ? void 0 : b.value
-      }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$j, {
-        key: 3,
-        "campaign-type": e.extras,
-        "model-value": unref(l),
-        disabled: e.disabled,
-        "onUpdate:modelValue": u
-      }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-        createVNode(_sfc_main$h, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        createVNode(i, {
-          class: "!mt-[8px]",
-          text: unref(ZodHelper).helperText(o(), ""),
-          state: unref(ZodHelper).helperState(o(), "")
-        }, null, 8, ["text", "state"])
-      ], 64)) : e.field.type === "image" ? (openBlock(), createBlock(_sfc_main$v, {
-        key: 5,
-        thumbnail: unref(l),
-        "aspect-ratio": "16 / 9",
-        class: "w-1/2 xs:w-2/3",
-        "onUpdate:file": u
-      }, {
-        label: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(n).zodLabel)))
-        ]),
-        _: 1
-      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(d, {
-        key: 6,
-        label: unref(r)(e.field.label),
-        "label-placement": "right",
-        sublabel: e.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
-        "label-mark": unref(n).labelMark,
-        rules: unref(n).rules,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$x, {
-        key: 7,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "no-campaign": !1,
-        schema: unref(n).schema,
-        "is-mission": e.extras === "MISSION"
-      }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$y, {
-        key: 8,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
-        createVNode(_sfc_main$w, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u,
-          "can-set-auto-apply": e.field.property == "campaign.effect"
-        }, null, 8, ["model-value", "can-set-auto-apply"]),
-        unref(l) ? createCommentVNode("", !0) : (openBlock(), createBlock(i, {
-          key: 0,
-          class: "!mt-[8px]",
-          text: unref(r)("connect.campaign.common.effect_required"),
-          state: "error"
-        }, null, 8, ["text"]))
-      ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$A, {
-        key: 10,
-        "allow-email": !0,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "helper-text": unref(ZodHelper).helperText(o(), ""),
-        "trigger-type": e.field.extras,
-        "helper-state": unref(ZodHelper).helperState(o(), "")
-      }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$e, {
-        key: 11,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        extras: e.extras,
-        "error-text": e.helperText
-      }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$z, {
-        key: 12,
-        type: "custom",
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "helper-text": e.helperText || unref(ZodHelper).helperText(o(), "")
-      }, null, 8, ["model-value", "helper-text"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$d, {
-        key: 13,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$a, {
-        key: 14,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
-        key: 15,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
-        key: 16,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
-        key: 17,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        "helper-text": unref(ZodHelper).helperText(o(), ""),
-        "helper-state": unref(ZodHelper).helperState(o(), "")
-      }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
-        key: 18,
-        "model-value": unref(l),
-        "onUpdate:modelValue": u,
-        mission: e.extras.mission
-      }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
-        createVNode(_sfc_main$g, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u,
-          "start-date": e.extras.start,
-          "end-date": e.extras.end
-        }, null, 8, ["model-value", "start-date", "end-date"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          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: 20 }, [
-        createVNode(_sfc_main$o, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          key: 0,
-          class: "!mt-[8px]",
-          text: e.helperText,
-          state: "error"
-        }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ], 64)) : e.field.type === "rule_time" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
-        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(l).rules.g_time).length > 0 ? (openBlock(), createBlock(i, {
-          key: 0,
-          state: "warning",
-          text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
-        }, null, 8, ["text"])) : createCommentVNode("", !0),
-        createVNode(_sfc_main$n, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          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: 22 }, [
-        createVNode(_sfc_main$m, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          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: 23 }, [
-        createVNode(_sfc_main$k, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          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: 24 }, [
-        createVNode(_sfc_main$l, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          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: 25 }, [
-        createVNode(_sfc_main$9, {
-          "model-value": unref(l),
-          "onUpdate:modelValue": u
-        }, null, 8, ["model-value"]),
-        e.helperText ? (openBlock(), createBlock(i, {
-          key: 0,
-          class: "!mt-[8px]",
-          text: e.helperText,
-          state: "error"
-        }, null, 8, ["text"])) : createCommentVNode("", !0)
-      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(s.field), 1));
-    };
-  }
-}), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CampaignSummary",
-  props: {
-    data: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { t: m, te: r } = useI18n();
-    return (s, a) => {
-      const u = resolveComponent("FmCard");
-      return openBlock(), createBlock(u, {
-        variant: "outlined",
-        class: "p-16 space-y-8"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(m)("connect.campaign.common.summary")), 1),
-          a[0] || (a[0] = createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1)),
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (l, o) => (openBlock(), createElementBlock("div", {
-            class: "space-y-4",
-            key: o
-          }, [
-            l ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(m)(`${o}`)), 1),
-              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(r)(`${l}`) ? unref(m)(`${l}`) : l), 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(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
-      TEMPLATES.VOUCHER
-    ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign");
-    async function showSheet(visible, type, campaign, selectedTemplate) {
-      var e, m;
-      if (sheetVisible.value = visible, visible == !0) {
-        try {
-          isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
-        } catch {
-        } finally {
-          await new Promise((r) => setTimeout(r, 120)), isLoading.value = !1;
-        }
-        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((r, s) => {
-          r.campaign.type === "VOUCHER" && r.campaign.code && useCampaignStore().campaigns.voucher.some(
-            (a) => a.code === r.campaign.code && a._id.toString() !== r.campaign._id.toString()
-          ) && s.addIssue({
-            code: "custom",
-            message: "Code already exists, please use another code",
-            path: ["campaign", "code"]
-          });
-        })), data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
-          ...(m = template.value) == null ? void 0 : m.defaultValue
-        }), "configs" in data.value && typeof data.value.configs == "string" && (data.value.configs = eval(data.value.configs)), data.value = cleanPF(data.value), data.value.templateId = SvcConfig.getBusinessId(), data.value.campaign.business = SvcConfig.getBusinessId(), data.value.campaign.templateId = SvcConfig.getBusinessId(), "configs" in data.value && (data.value.configs.business = SvcConfig.getBusinessId()), currentStep.value = 1, sheetTitle.value = campaign ? `Edit ${CampaignOptions[type].name} Campaign` : `Create ${CampaignOptions[type].name} Campaign`;
-      }
-    }
-    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);
-      return e.success ? [] : e.error.errors;
-    });
-    function stepErrors(e = currentStep.value - 1) {
-      const m = template.value.steps[e].groups.flatMap(
-        (r) => r.fields.map((s) => s.property)
-      );
-      return errors.value.filter((r) => m.includes(r.path.join(".")));
-    }
-    __expose({ showSheet });
-    function showSummaryDialog() {
-      Dialog.open({
-        title: "",
-        dialogComponent: _sfc_main$1,
-        dialogComponentProps: {
-          data: data.value
-        }
-      });
-    }
-    function onUpdateProperty(e, m) {
-      if (_.set(data.value, e, m), e == "campaign.event.type") {
-        const r = RuleBuilder.setRuleToGroup(
-          RuleBuilder.scaffoldGroup(),
-          [
-            RuleBuilder.scaffoldGroup("g_schedule"),
-            RuleBuilder.scaffoldGroup("g_time"),
-            RuleBuilder.scaffoldGroup("g_user"),
-            RuleBuilder.scaffoldGroup("g_bill")
-          ]
-        ), s = 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 (m != "SCHEDULE") {
-          _.set(data.value, "campaign.event.rule", r);
-          return;
-        }
-        _.set(
-          data.value,
-          "campaign.event.rule",
-          RuleBuilder.setRuleToGroup(r, s)
-        );
-      }
-      e == "campaign.notify" && m == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
-    }
-    async function onUpdateFile(e, m) {
-      return e ? await minor(async () => firebaseStorage.update(m, e), {
-        message: `${e ? "Uploading" : "Removing"} file`,
-        successMessage: `File ${e ? "uploaded" : "removed"} successfully`
-      }) : "";
-    }
-    function isDisable(e) {
-      var m, r;
-      switch (e == null ? void 0 : e.property) {
-        case "campaign.event.type":
-          return ((r = (m = data.value) == null ? void 0 : m.campaign) == null ? void 0 : r._id) || !1;
-        default:
-          return !1;
-      }
-    }
-    function onSubmit() {
-      const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
-      e.success && (emits("submit:model-value", cleanPF(JSON.parse(JSON.stringify(e.data)))), sheetVisible.value = !1);
-    }
-    return (e, m) => {
-      const r = resolveComponent("FmButton"), s = resolveComponent("FmStep"), a = resolveComponent("FmStepper"), u = resolveComponent("FmCard"), l = resolveComponent("FmTopSheet");
-      return openBlock(), createBlock(l, {
-        "fullscreen-size": "lg",
-        modelValue: unref(sheetVisible),
-        "onUpdate:modelValue": [
-          m[7] || (m[7] = (o) => isRef(sheetVisible) ? sheetVisible.value = o : null),
-          m[8] || (m[8] = (o) => sheetVisible.value = o)
-        ]
-      }, createSlots({
-        "top-sheet-header": withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
-            createElementVNode("div", _hoisted_2, [
-              createVNode(r, {
-                onClick: m[0] || (m[0] = (o) => hideSheet()),
-                label: unref(t)("connect.campaign.common.cancel"),
-                variant: "tertiary"
-              }, null, 8, ["label"]),
-              createVNode(r, {
-                onClick: onSubmit,
-                label: unref(t)("connect.campaign.common.save"),
-                disabled: 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, [
-                  m[9] || (m[9] = createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
-                    createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
-                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
-                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
-                      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(a, {
-                modelValue: unref(currentStep),
-                "onUpdate:modelValue": m[1] || (m[1] = (o) => isRef(currentStep) ? currentStep.value = o : null),
-                orientation: "horizontal",
-                class: "xs:hidden mx-[-24px] mt-16 mb-24 flex-1"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(s, {
-                    key: o.name,
-                    title: unref(t)(o.name),
-                    value: n + 1,
-                    error: () => stepErrors(n).length > 0,
-                    complete: () => n + 1 <= unref(currentStep)
-                  }, null, 8, ["title", "value", "error", "complete"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"]),
-              createElementVNode("div", _hoisted_4, [
-                createVNode(r, {
-                  icon: "close",
-                  variant: "tertiary",
-                  onClick: m[2] || (m[2] = (o) => sheetVisible.value = !1)
-                }),
-                createVNode(a, {
-                  modelValue: unref(currentStep),
-                  "onUpdate:modelValue": m[3] || (m[3] = (o) => isRef(currentStep) ? currentStep.value = o : null),
-                  orientation: "horizontal",
-                  class: "flex-1"
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (o, n) => (openBlock(), createBlock(s, {
-                      key: o.name,
-                      title: unref(sheetTitle),
-                      description: o.name,
-                      value: n + 1,
-                      error: () => stepErrors(n).length > 0,
-                      complete: () => n + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
-                    }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"]),
-                createVNode(r, {
-                  icon: "info",
-                  variant: "tertiary",
-                  onClick: m[4] || (m[4] = () => showSummaryDialog())
-                })
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                createElementVNode("div", _hoisted_6, [
-                  createVNode(JsonViewer, {
-                    json: {
-                      data: unref(data),
-                      errors: unref(errors).map(
-                        (o) => `${o.path.join(".")} - ${o.message}`
-                      ),
-                      stepErrors: stepErrors().map(
-                        (o) => `${o.path.join(".")} - ${o.message}`
-                      ),
-                      schema: unref(schema)
-                    }
-                  }, null, 8, ["json"]),
-                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
-                    (o) => o.fields.length && (!o.condition || unref(_).get(unref(data), o.condition.property) == o.condition.value == (o.condition.not != !0))
-                  ), (o, n) => (openBlock(), createElementBlock("div", {
-                    key: n,
-                    class: "space-y-24"
-                  }, [
-                    createElementVNode("div", _hoisted_7, toDisplayString(o.name ? unref(t)(o.name) : ""), 1),
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(o.fields, (c, g) => (openBlock(), createElementBlock("div", { key: g }, [
-                      (openBlock(), createBlock(_sfc_main$2, {
-                        key: g,
-                        field: c,
-                        modelValue: unref(_).get(unref(data), c.property),
-                        disabled: isDisable(c),
-                        "onUpdate:modelValue": (f) => onUpdateProperty(c.property, f),
-                        "onUpdate:file": async (f, v) => {
-                          const h = await onUpdateFile(f, v);
-                          onUpdateProperty(c.property, h || "");
-                        },
-                        schema: unref(ZodHelper).typeAtPath(
-                          unref(schema),
-                          c.property,
-                          unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
-                        ),
-                        "helper-state": unref(ZodHelper).helperState(unref(errors), c.property),
-                        "helper-text": unref(ZodHelper).helperText(unref(errors), c.property),
-                        extras: c.extras != null ? c.extras == "" ? unref(data) : unref(_).get(unref(data), c.extras) : void 0
-                      }, null, 8, ["field", "modelValue", "disabled", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
-                    ]))), 128))
-                  ]))), 128)),
-                  createElementVNode("div", _hoisted_8, [
-                    createVNode(r, {
-                      label: "Back",
-                      variant: "tertiary",
-                      disabled: unref(currentStep) == 1,
-                      onClick: m[5] || (m[5] = (o) => currentStep.value--)
-                    }, null, 8, ["disabled"]),
-                    createVNode(r, {
-                      disabled: unref(currentStep) - 1 < unref(template).steps.length - 1 ? stepErrors().length > 0 : unref(errors).length > 0,
-                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? "Next" : "Submit",
-                      onClick: m[6] || (m[6] = (o) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
-                    }, 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 _
-};