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

package/dist/EditCampaignSheet.vue_vue_type_script_setup_true_lang-rqkjTflZ.js

@@ -0,0 +1,2427 @@
+import { defineComponent, computed, openBlock, createBlock, unref, ref, watch, resolveComponent, createElementBlock, createElementVNode, Fragment, renderList, createVNode, isRef, createCommentVNode, withCtx, normalizeClass, toDisplayString, createTextVNode, resolveDynamicComponent, toRefs, normalizeStyle, createSlots } from "vue";
+import { _ } from "./lodash-CQKhQrO4.js";
+import { c as core, J as JsonViewer, z, a as useBusinessStore, S as SvcConfig } from "./app-CtmguPwb.js";
+import { Z as ZodHelper } from "./zod-W_PvIofQ.js";
+import { c as campaignRefinement, d as getCampaignSummaryObject, e as CampaignDtos, C as CampaignOptions, f as campaignTransform } from "./dto-C7VtH6eF.js";
+import { u as useMembershipStore, C as CollectibleOptions } from "./membership-DaIWUq2-.js";
+import { a as FdoEarningOption, b as F_GAME_TYPE, F as FdtoCollectibleConfig } from "./index-DVIDJEKJ.js";
+import { i as isRuleGroup, R as RuleBuilder, a as isRuleEntry } from "./rule-builder-E9z4XLBt.js";
+import { h as hooks } from "./moment-BWErdI6_.js";
+import { b as F_CAMPAIGN_TRIGGER_TYPE, C as CAMPAIGN_TRIGGER, c as FdtoRandomReward, d as F_MISSION_TYPE, e as FdtoThresholdReward, f as featureVersionMapping } from "./index-ChqchtOY.js";
+import { _ as _sfc_main$r } from "./ImageInput.vue_vue_type_script_setup_true_lang-9ZS2uIos.js";
+import { _ as _sfc_main$s, a as _sfc_main$t, b as _sfc_main$v } from "./EffectSheet.vue_vue_type_style_index_0_lang-sHiow7Fn.js";
+import { _ as _sfc_main$u } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-C6du6rif.js";
+import { _ as _sfc_main$o, a as _sfc_main$p } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Do7M2I1h.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-CAKHdkri.js";
+import { _ as _sfc_main$n, T as TEMPLATES } from "./index-CEH9kuR9.js";
+import { _ as _sfc_main$w } from "./MessageInput.vue_vue_type_script_setup_true_lang-FZpdhkL0.js";
+import { c as cases, u as useLoading } from "./loading-Cr1-8xqQ.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-DezWvtjB.js";
+import "./index-BL_8Bm5q.js";
+import "./index-DNKFmLz6.js";
+import "./index-D1Qqug-P.js";
+import "./index-DVBKZVuj.js";
+import { useCoreStore } from "@feedmepos/mf-common";
+import { _ as _sfc_main$q } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CWt4tVdk.js";
+import { i as initCollectibleConfig } from "./helper-DJtb_7ts.js";
+import { C as CollectionUtils } from "./collection.fn-DLKGQzHt.js";
+import { useDialog } from "@feedmepos/ui-library";
+import { a as cleanPF } from "./object-qECH92oz.js";
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "SegmentConfigurator",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = computed(() => {
+      var e;
+      const [s] = isRuleGroup(a.modelValue) ? Object.values(((e = a.modelValue) == null ? void 0 : e.rules) ?? {}) : [null];
+      return (s ?? RuleBuilder.constructEntry("user.segment", "_hasAny", [])).conditions._hasAny;
+    }), n = i;
+    return (s, o) => (openBlock(), createBlock(_sfc_main$n, {
+      multiselect: !0,
+      items: unref(useMembershipStore)().segmentOptions,
+      "model-value": unref(r),
+      "onUpdate:modelValue": o[0] || (o[0] = (e) => n(
+        "update:model-value",
+        unref(RuleBuilder).setRuleToGroup(
+          unref(RuleBuilder).scaffoldGroup("g_segment"),
+          unref(RuleBuilder).constructEntry("user.segment", "_hasAny", e)
+        )
+      )),
+      label: "Select segment(s) to match"
+    }, null, 8, ["items", "model-value"]));
+  }
+}), _hoisted_1$h = { class: "space-y-16" }, _hoisted_2$f = { key: 0 }, _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "UserRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = ref(
+      a.modelValue ? RuleBuilder.getRules(a.modelValue.rules.g_user).length > 0 ? "custom" : RuleBuilder.getRules(a.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
+    ), s = [
+      {
+        value: "all_users",
+        label: "All audience"
+      },
+      {
+        value: "segment",
+        label: "Member segment"
+      },
+      {
+        value: "custom",
+        label: "Custom audience"
+      }
+    ];
+    return watch(n, async (o, e) => {
+      var l;
+      if (e != "all_users" && e != o && RuleBuilder.getRules(
+        (l = a.modelValue) == null ? void 0 : l.rules[e == "custom" ? "g_user" : "g_segment"]
+      ).length > 0) {
+        const p = await prompt.confirm(
+          "Are you sure you want to change the audience type? This will remove all the rules you have set."
+        );
+        p && r(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            a.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup(e == "custom" ? "g_user" : "g_segment")
+          )
+        ), n.value = p ? o : e;
+      }
+    }), (o, e) => {
+      var p, y;
+      const l = resolveComponent("FmRadio");
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", null, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(s, (f) => createVNode(l, {
+            key: f.value,
+            value: f.value,
+            label: f.label,
+            modelValue: unref(n),
+            "onUpdate:modelValue": e[0] || (e[0] = (g) => isRef(n) ? n.value = g : null)
+          }, null, 8, ["value", "label", "modelValue"])), 64))
+        ]),
+        unref(n) == "segment" ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+          createVNode(_sfc_main$m, {
+            modelValue: ((p = t.modelValue) == null ? void 0 : p.rules.g_segment) ?? unref(RuleBuilder).scaffoldGroup("g_segment"),
+            "onUpdate:modelValue": e[1] || (e[1] = (f) => r(
+              "update:model-value",
+              unref(RuleBuilder).setRuleToGroup(
+                t.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+                f,
+                "&&"
+              )
+            ))
+          }, null, 8, ["modelValue"])
+        ])) : createCommentVNode("", !0),
+        unref(n) == "custom" ? (openBlock(), createBlock(_sfc_main$o, {
+          key: 1,
+          "include-only": "user",
+          "trigger-type": "MEMBERSHIP_JOINED",
+          "model-value": ((y = t.modelValue) == null ? void 0 : y.rules.g_user) ?? unref(RuleBuilder).scaffoldGroup("g_user"),
+          "onUpdate:modelValue": e[2] || (e[2] = (f) => r(
+            "update:model-value",
+            unref(RuleBuilder).setRuleToGroup(
+              t.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+              f,
+              "&&"
+            )
+          ))
+        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$g = { class: "space-y-24" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "TimeRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = ref(
+      !a.modelValue || !a.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(a.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+    );
+    watch(n, async (o, e) => {
+      var l;
+      if (e == "custom" && o == "all_time" && RuleBuilder.getRules((l = a.modelValue) == null ? void 0 : l.rules.g_time).length > 0) {
+        const p = await prompt.confirm(
+          "Are you sure you want to turn off custom conditons? This will remove all the rules you have set."
+        );
+        p && r(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            a.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        ), n.value = p ? o : e;
+      }
+    });
+    async function s(o) {
+      var e;
+      if (o == "custom" && RuleBuilder.getRules((e = a.modelValue) == null ? void 0 : e.rules.g_time).length > 0) {
+        if (!await prompt.confirm(
+          "Are you sure you want to turn off custom conditons? This will remove all the rules you have set."
+        )) {
+          n.value = "all_time";
+          return;
+        }
+        r(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            a.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        );
+      }
+    }
+    return (o, e) => {
+      var y;
+      const l = resolveComponent("FmRadio"), p = resolveComponent("FmRadioGroup");
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createVNode(p, {
+          modelValue: unref(n),
+          "onUpdate:modelValue": [
+            e[0] || (e[0] = (f) => isRef(n) ? n.value = f : null),
+            e[1] || (e[1] = (f) => s(f))
+          ]
+        }, {
+          default: withCtx(() => [
+            createVNode(l, {
+              label: "All time",
+              value: "all_time"
+            }),
+            createVNode(l, {
+              label: "Custom date/time",
+              value: "custom"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        unref(n) == "custom" ? (openBlock(), createBlock(_sfc_main$o, {
+          key: 0,
+          class: "!mt-[0px]",
+          "include-only": "trigger",
+          "trigger-type": "SCHEDULE",
+          "model-value": ((y = t.modelValue) == null ? void 0 : y.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": e[2] || (e[2] = (f) => r(
+            "update:model-value",
+            unref(RuleBuilder).setRuleToGroup(
+              t.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+              f,
+              "&&"
+            )
+          ))
+        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "BillRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = i;
+    return (r, n) => {
+      var s;
+      return openBlock(), createBlock(_sfc_main$o, {
+        "include-only": "bill",
+        "trigger-type": "BILL_COMPLETED",
+        "model-value": ((s = t.modelValue) == null ? void 0 : s.rules.g_bill) ?? unref(RuleBuilder).scaffoldGroup("g_bill"),
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => a(
+          "update:model-value",
+          unref(RuleBuilder).setRuleToGroup(
+            t.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+            o,
+            "&&"
+          )
+        ))
+      }, null, 8, ["model-value"]);
+    };
+  }
+}), _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "BirthdayInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = computed(() => {
+      const { property: s, operator: o, equator: e } = RuleBuilder.simplify(
+        a.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+          op: "before",
+          x: 1
+        })
+      );
+      return {
+        property: s,
+        operator: o,
+        equator: e
+      };
+    });
+    return (s, o) => {
+      const e = resolveComponent("FmRadio"), l = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(e, {
+          label: "On birthday",
+          value: "_isRange-day",
+          "model-value": `${unref(n).operator}-${unref(n).equator.unit}`,
+          "onUpdate:modelValue": o[0] || (o[0] = () => {
+            r(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "day",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["model-value"]),
+        createVNode(e, {
+          label: "N days before birthday",
+          value: "_isDay",
+          "model-value": unref(n).operator,
+          "onUpdate:modelValue": o[1] || (o[1] = () => {
+            r(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+                op: "after",
+                x: 1,
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["model-value"]),
+        unref(n).operator == "_isDay" ? (openBlock(), createBlock(l, {
+          key: 0,
+          label: "Days before birthday",
+          "show-steppers": !1,
+          "model-value": unref(n).equator.x,
+          "onUpdate:modelValue": o[2] || (o[2] = (p) => r(
+            "update:model-value",
+            unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+              op: "after",
+              x: p,
+              ignoreYear: !0
+            })
+          ))
+        }, null, 8, ["model-value"])) : createCommentVNode("", !0),
+        createVNode(e, {
+          label: "In birthday week",
+          value: "_isRange-week",
+          "model-value": `${unref(n).operator}-${unref(n).equator.unit}`,
+          "onUpdate:modelValue": o[3] || (o[3] = () => {
+            r(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "week",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["model-value"]),
+        createVNode(e, {
+          label: "In birthday month",
+          value: "_isRange-month",
+          "model-value": `${unref(n).operator}-${unref(n).equator.unit}`,
+          "onUpdate:modelValue": o[4] || (o[4] = () => {
+            r(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "month",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+}), _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "FeedbackRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = i;
+    return (r, n) => {
+      var s;
+      return openBlock(), createBlock(_sfc_main$o, {
+        "include-only": "feedback",
+        "trigger-type": "FEEDBACK",
+        "model-value": ((s = t.modelValue) == null ? void 0 : s.rules.g_feedback) ?? unref(RuleBuilder).scaffoldGroup("g_feedback"),
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => a(
+          "update:model-value",
+          unref(RuleBuilder).setRuleToGroup(
+            t.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+            o,
+            "&&"
+          )
+        ))
+      }, 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((t) => {
+    const i = CAMPAIGN_TRIGGER[t];
+    return [
+      t,
+      (i == null ? void 0 : i.map((a) => TriggerOptions[a]).filter((a) => !a.hidden)) ?? []
+    ];
+  })
+), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$e = /* @__PURE__ */ 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), _hoisted_3$c = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$b = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CampaignTriggerInput",
+  props: {
+    campaignType: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = computed(() => a.disabled ? TypeToTriggerOptions[a.campaignType].filter(
+      (s) => s.value == a.modelValue
+    ) : TypeToTriggerOptions[a.campaignType]);
+    return (s, o) => {
+      const e = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        _hoisted_2$e,
+        createElementVNode("div", _hoisted_3$c, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (l) => (openBlock(), createBlock(e, {
+            variant: "outlined",
+            disabled: a.disabled,
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-3": unref(n).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": t.modelValue == l.value,
+              "hover:bg-fm-color-opacity-sm": t.modelValue != l.value
+            }]),
+            onClick: () => {
+              a.modelValue != l.value && !a.disabled && r("update:model-value", l.value);
+            },
+            key: l.name
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$b, toDisplayString(l.name), 1),
+              createElementVNode("div", _hoisted_5$7, toDisplayString(l.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "DateInput",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = i;
+    return (r, n) => {
+      const s = resolveComponent("FmButton"), o = resolveComponent("FmField"), e = resolveComponent("FmSimpleDatePicker");
+      return openBlock(), createBlock(e, {
+        label: t.label,
+        "model-value": t.modelValue || "",
+        "onUpdate:modelValue": n[1] || (n[1] = (l) => a("update:model-value", l))
+      }, {
+        "trigger-button": withCtx(({ opened: l }) => [
+          createVNode(o, {
+            class: "flex items-center",
+            "prepend-icon": "calendar_month",
+            "icon-outlined": !l
+          }, {
+            append: withCtx(() => [
+              t.modelValue ? (openBlock(), createBlock(s, {
+                key: 0,
+                variant: "tertiary",
+                icon: "clear",
+                onClick: n[0] || (n[0] = (p) => (p.stopPropagation(), a("update:model-value", null)))
+              })) : createCommentVNode("", !0)
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["fm-typo-en-body-lg-400", { "text-fm-color-typo-secondary": !t.modelValue }])
+              }, toDisplayString(t.modelValue ? unref(hooks)(t.modelValue).format("DD MMM YYYY") : "DD MM YYYY"), 3)
+            ]),
+            _: 2
+          }, 1032, ["icon-outlined"])
+        ]),
+        _: 1
+      }, 8, ["label", "model-value"]);
+    };
+  }
+}), _hoisted_1$e = { class: "flex items-center gap-8 w-full" }, _hoisted_2$d = { class: "flex-1" }, _hoisted_3$b = /* @__PURE__ */ createElementVNode("div", { class: "mt-5" }, "to", -1), _hoisted_4$a = { class: "flex-1" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "DateRangeInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = i;
+    return (r, n) => {
+      var s, o;
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("div", _hoisted_2$d, [
+          createVNode(_sfc_main$f, {
+            "model-value": ((s = t.modelValue) == null ? void 0 : s.startDate) ?? null,
+            label: "Start date",
+            "onUpdate:modelValue": n[0] || (n[0] = (e) => {
+              var l;
+              return a("update:model-value", {
+                startDate: e,
+                endDate: ((l = t.modelValue) == null ? void 0 : l.endDate) ?? null
+              });
+            })
+          }, null, 8, ["model-value"])
+        ]),
+        _hoisted_3$b,
+        createElementVNode("div", _hoisted_4$a, [
+          createVNode(_sfc_main$f, {
+            "model-value": ((o = t.modelValue) == null ? void 0 : o.endDate) ?? null,
+            label: "End date",
+            "onUpdate:modelValue": n[1] || (n[1] = (e) => {
+              var l;
+              return a("update:model-value", {
+                startDate: ((l = t.modelValue) == null ? void 0 : l.startDate) ?? null,
+                endDate: e
+              });
+            })
+          }, null, 8, ["model-value"])
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$d = { class: "space-y-8" }, _hoisted_2$c = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$a = {
+  key: 0,
+  class: "space-y-4"
+}, _hoisted_4$9 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$6 = /* @__PURE__ */ createElementVNode("div", null, "Notify date", -1), _hoisted_6$3 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "ScheduleRuleInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    startDate: {
+      type: String
+    },
+    endDate: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i;
+    function n() {
+      const f = RuleBuilder.getRules(a.modelValue);
+      return f.length == 0 ? "fixed" : f.some(
+        (g) => isRuleEntry(g) && RuleBuilder.simplify(g).operator == "_rrule"
+      ) ? "repeating" : "fixed";
+    }
+    const s = ref(n()), o = ref(!1), e = computed(() => {
+      const f = RuleBuilder.getRules(a.modelValue), g = f.find(
+        (u) => isRuleEntry(u) && RuleBuilder.simplify(u).property == "trigger.date"
+      ), v = f.find(
+        (u) => isRuleEntry(u) && RuleBuilder.simplify(u).property == "trigger.time"
+      );
+      return {
+        date: g ? RuleBuilder.simplify(g).equator : null,
+        time: v ? RuleBuilder.simplify(v).equator : null
+      };
+    }), l = computed(
+      () => calculateNextScheduleAt(
+        a.modelValue,
+        /* @__PURE__ */ new Date(),
+        a.startDate ? new Date(a.startDate) : void 0,
+        a.endDate ? new Date(a.endDate) : void 0
+      )
+    );
+    function p(f) {
+      const g = f.label.toLowerCase(), v = g == "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")
+      ];
+      r(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          v
+        )
+      ), s.value = g;
+    }
+    function y(f) {
+      s.value == "fixed" ? r(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
+          RuleBuilder.constructEntry(
+            "trigger.date",
+            "_isOnDate",
+            f.date
+          ),
+          RuleBuilder.constructEntry(
+            "trigger.time",
+            "_isOnTime",
+            f.time
+          )
+        ])
+      ) : r(
+        "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, g) => {
+      const v = resolveComponent("FmButtonGroup"), u = resolveComponent("FmTimePicker"), d = resolveComponent("FmIcon"), m = resolveComponent("FmTooltip"), c = resolveComponent("FmField"), k = resolveComponent("FmCard"), V = resolveComponent("FmPopover"), E = resolveComponent("FmDatePicker"), b = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(v, {
+          items: [{ label: "Fixed" }, { label: "Repeating" }],
+          "model-value": { label: unref(cases).title(unref(s)) },
+          "onUpdate:modelValue": p,
+          class: "mb-8"
+        }, null, 8, ["model-value"]),
+        createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_2$c, [
+            createVNode(u, {
+              label: "Notify time",
+              "model-value": unref(e).time,
+              "onUpdate:modelValue": g[0] || (g[0] = (h) => y({ date: unref(e).date, time: h })),
+              "helper-text": unref(e).time ? void 0 : "Time is required",
+              "helper-state": unref(e).time ? void 0 : "error"
+            }, null, 8, ["model-value", "helper-text", "helper-state"]),
+            unref(s) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
+              createElementVNode("div", _hoisted_4$9, [
+                _hoisted_5$6,
+                unref(e).date ? (openBlock(), createBlock(m, {
+                  key: 0,
+                  "z-index": 9999,
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(e).date).options)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(d, {
+                      name: "info",
+                      size: "sm",
+                      outline: !0
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : createCommentVNode("", !0)
+              ]),
+              createVNode(V, {
+                "show-popover": unref(o),
+                onPopoverChanged: g[3] || (g[3] = (h) => o.value = h)
+              }, {
+                "popover-button": withCtx(() => [
+                  createVNode(c, {
+                    class: "cursor-pointer",
+                    "helper-text": unref(e).date ? void 0 : "Date is required",
+                    "helper-state": unref(e).date ? void 0 : "error"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_6$3, toDisplayString(unref(e).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(e).date).options) : "Set a repeating date"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["helper-text", "helper-state"])
+                ]),
+                default: withCtx(() => [
+                  createVNode(k, { class: "elevated p-8 w-[450px]" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$p, {
+                        "apply-button": !0,
+                        "model-value": unref(e).date || "",
+                        onCancel: g[1] || (g[1] = (h) => o.value = !1),
+                        "onUpdate:modelValue": g[2] || (g[2] = (h) => (y({ date: h, time: unref(e).time }), o.value = !1))
+                      }, null, 8, ["model-value"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["show-popover"])
+            ])) : (openBlock(), createBlock(E, {
+              key: 1,
+              label: "Notify date",
+              "model-value": unref(e).date || "",
+              "onUpdate:modelValue": g[4] || (g[4] = (h) => y({ date: h, time: unref(e).time })),
+              "helper-text": unref(e).date ? void 0 : "Date is required",
+              "helper-state": unref(e).date ? void 0 : "error"
+            }, null, 8, ["model-value", "helper-text", "helper-state"]))
+          ]),
+          unref(e).date && unref(e).time && unref(l) ? (openBlock(), createBlock(b, {
+            key: 0,
+            text: `${unref(hooks)(unref(l)).isAfter(unref(hooks)()) ? "The next notification will be sent on " : "Last trigger is on "} ${unref(hooks)(unref(l)).format("dddd, DD MMM YYYY")} at
+        ${unref(hooks)(unref(l)).format("hh:mmA")} (${unref(hooks)(unref(l)).fromNow()})`
+          }, null, 8, ["text"])) : createCommentVNode("", !0)
+        ])
+      ], 64);
+    };
+  }
+}), _hoisted_1$c = { class: "space-y-24" }, _hoisted_2$b = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$9 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$8 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$5 = { class: "flex items-center gap-16" }, _hoisted_6$2 = {
+  key: 0,
+  class: "mr-32"
+}, _hoisted_7$2 = /* @__PURE__ */ createElementVNode("div", null, "to every", -1), _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "EarningOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    extras: {
+      type: Object
+    },
+    fixedType: {
+      type: Boolean
+    },
+    errorText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = [
+      {
+        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((e) => {
+      var l;
+      return a.fixedType || ((l = a.extras) == null ? void 0 : l.event.type) != "BILL_COMPLETED" ? e.value == "FIXED" : !0;
+    }), s = computed(() => {
+      const e = FdoEarningOption.safeParse(a.modelValue);
+      return e.success ? [] : e.error.errors;
+    });
+    function o(e) {
+      var l;
+      e != ((l = a.modelValue) == null ? void 0 : l.type) && r(
+        "update:model-value",
+        e === "FIXED" ? {
+          type: "FIXED",
+          amount: 1
+        } : {
+          type: "PROPORTIONAL",
+          amount: 1,
+          every: 1
+        }
+      );
+    }
+    return (e, l) => {
+      var g, v, u;
+      const p = resolveComponent("FmCard"), y = resolveComponent("FmStepperField"), f = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$b, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (d) => {
+            var m, c;
+            return openBlock(), createBlock(p, {
+              variant: "outlined",
+              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-2", {
+                "col-span-2": unref(n).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((m = t.modelValue) == null ? void 0 : m.type) === d.value,
+                "hover:bg-fm-color-opacity-sm": ((c = t.modelValue) == null ? void 0 : c.type) != d.value
+              }]),
+              onClick: (k) => o(d.value),
+              key: d.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3$9, toDisplayString(d.label), 1),
+                createElementVNode("div", _hoisted_4$8, toDisplayString(d.sublabel), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_5$5, [
+          createVNode(y, {
+            label: "Receive amount",
+            class: "flex-1",
+            "model-value": ((g = t.modelValue) == null ? void 0 : g.amount) ?? null,
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => r("update:model-value", {
+              ...t.modelValue ?? { type: "FIXED" },
+              amount: d
+            }))
+          }, {
+            append: withCtx(() => {
+              var d, m;
+              return [
+                t.extras && ((m = unref(CollectibleOptions)[(d = t.extras) == null ? void 0 : d.type]) != null && m.name) ? (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(unref(CollectibleOptions)[t.extras.type].name.toLowerCase()) + "(s) ", 1)) : createCommentVNode("", !0)
+              ];
+            }),
+            _: 1
+          }, 8, ["model-value"]),
+          ((v = t.modelValue) == null ? void 0 : v.type) === "PROPORTIONAL" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _hoisted_7$2,
+            createVNode(y, {
+              label: `Amount spend (${unref(core.Config).getCountry().currency.symbol})`,
+              class: "flex-1",
+              "model-value": ((u = t.modelValue) == null ? void 0 : u.every) ?? null,
+              "onUpdate:modelValue": l[1] || (l[1] = (d) => r("update:model-value", { ...t.modelValue, every: d }))
+            }, {
+              prepend: withCtx(() => [
+                createTextVNode(toDisplayString(unref(core.Config).getCountry().currency.symbol), 1)
+              ]),
+              _: 1
+            }, 8, ["label", "model-value"])
+          ], 64)) : createCommentVNode("", !0)
+        ]),
+        t.errorText || unref(s).length > 0 ? (openBlock(), createBlock(f, {
+          key: 0,
+          class: "!mt-4",
+          text: t.errorText || unref(ZodHelper).helperText(unref(s), ""),
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$b = { class: "space-y-16" }, _hoisted_2$a = /* @__PURE__ */ 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), _hoisted_3$8 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$7 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "GameTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = 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((s) => !s.hidden)
+    );
+    return (s, o) => {
+      const e = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        _hoisted_2$a,
+        createElementVNode("div", _hoisted_3$8, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (l) => (openBlock(), createBlock(e, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(n).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": t.modelValue == l.value,
+              "hover:bg-fm-color-opacity-sm": t.modelValue != l.value
+            }]),
+            onClick: () => {
+              a.modelValue != l.value && r("update:model-value", l.value);
+            },
+            key: l.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$7, toDisplayString(l.label), 1),
+              createElementVNode("div", _hoisted_5$4, toDisplayString(l.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$a = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", null, "Voucher description should not exceed 200 characters.", -1), _hoisted_3$7 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1), _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Usage configuration", -1), _hoisted_5$3 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1), _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "VoucherEditor",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    rewardImage: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value", "update:reward-image"],
+  setup(t, { emit: i }) {
+    const r = ref(
+      t.modelValue ?? initCollectibleConfig("VOUCHER", {
+        business: useCoreStore().currentBusiness.value._id,
+        name: ""
+      })
+    ), n = FdtoCollectibleConfig, s = i;
+    return (o, e) => {
+      var f, g, v;
+      const l = resolveComponent("FmTextarea"), p = resolveComponent("FmHelperText"), y = resolveComponent("FmSwitch");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$q, {
+          modelValue: unref(r).name,
+          "onUpdate:modelValue": e[0] || (e[0] = (u) => unref(r).name = u),
+          label: "Voucher name",
+          schema: unref(ZodHelper).typeAtPath(unref(n), "name", [unref(r).type])
+        }, null, 8, ["modelValue", "schema"]),
+        createVNode(l, {
+          class: "!mb-[-16px]",
+          modelValue: unref(r).description,
+          "onUpdate:modelValue": e[1] || (e[1] = (u) => unref(r).description = u),
+          rules: [unref(ZodHelper).ruleAtPath(unref(n), "description", [unref(r).type])]
+        }, {
+          label: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(
+              unref(ZodHelper).toInputLabel(
+                unref(ZodHelper).typeAtPath(unref(n), "description", [unref(r).type]),
+                "Voucher description"
+              )
+            )))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "rules"]),
+        createElementVNode("div", _hoisted_1$a, [
+          _hoisted_2$9,
+          createElementVNode("div", null, toDisplayString(((f = unref(r).description) == null ? void 0 : f.length) ?? 0) + "/200", 1)
+        ]),
+        createVNode(_sfc_main$r, {
+          class: "w-1/2 xs:w-2/3",
+          "aspect-ratio": "16/9",
+          file: t.rewardImage ?? void 0,
+          thumbnail: unref(r).image ?? void 0,
+          "onUpdate:file": e[2] || (e[2] = async (u) => {
+            s("update:reward-image", u), u || (unref(r).image = null);
+          })
+        }, {
+          label: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(
+              unref(ZodHelper).toInputLabel(
+                unref(ZodHelper).typeAtPath(unref(n), "image", [unref(r).type]),
+                "Voucher image"
+              )
+            )))
+          ]),
+          _: 1
+        }, 8, ["file", "thumbnail"]),
+        _hoisted_3$7,
+        createVNode(_sfc_main$s, {
+          "model-value": unref(r).extras.effect,
+          "onUpdate:modelValue": e[3] || (e[3] = (u) => unref(r).extras.effect = u)
+        }, null, 8, ["model-value"]),
+        unref(r).extras.effect == null ? (openBlock(), createBlock(p, {
+          key: 0,
+          class: "!mt-8",
+          text: "Effect is required",
+          state: "error"
+        })) : createCommentVNode("", !0),
+        _hoisted_4$6,
+        createVNode(_sfc_main$t, {
+          "model-value": unref(r).options,
+          "no-campaign": unref(r).noCampaign,
+          "onUpdate:modelValue": e[4] || (e[4] = (u) => unref(r).options = u),
+          schema: unref(ZodHelper).typeAtPath(unref(n), "options", ["VOUCHER"])
+        }, null, 8, ["model-value", "no-campaign", "schema"]),
+        _hoisted_5$3,
+        unref(r).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$u, {
+          key: 1,
+          "model-value": ((v = (g = unref(r).extras) == null ? void 0 : g.targetLocation) == null ? void 0 : v.map(String)) ?? null,
+          type: "select",
+          "onUpdate:modelValue": e[5] || (e[5] = (u) => {
+            unref(r).extras.targetLocation = u;
+          }),
+          rules: [unref(ZodHelper).ruleAtPath(unref(n), "extras.targetLocation")]
+        }, null, 8, ["model-value", "rules"])) : createCommentVNode("", !0),
+        createVNode(y, {
+          modelValue: unref(r).internal,
+          "onUpdate:modelValue": e[6] || (e[6] = (u) => unref(r).internal = u),
+          "label-placement": "right",
+          label: "Internal only",
+          sublabel: "Voucher will not be shown to customer"
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}), _hoisted_1$9 = {
+  key: 0,
+  class: "flex flex-col gap-y-24"
+}, _hoisted_2$8 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1), _hoisted_3$6 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1), _hoisted_4$5 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "EditRewardPoolSheet",
+  emits: ["update:model-value"],
+  setup(t, { expose: i, emit: a }) {
+    const r = useMembershipStore(), { minor: n } = useLoading, s = ref(!1), o = ref(), e = ref(), l = ref(0), p = FdtoRandomReward, y = computed(() => {
+      const u = p.safeParse(o.value);
+      return u.success ? [] : u.error.errors;
+    });
+    function f(u, d, m) {
+      u && (o.value = d, l.value = m), s.value = u;
+    }
+    const g = a;
+    async function v() {
+      const u = p.safeParse(o.value);
+      u.success && (await n(
+        async () => {
+          u.data.type === "VOUCHER" && e.value && (u.data.collectibleConfig.image = await firebaseStorage.update(
+            u.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, e.value),
+            e.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), g("update:model-value", u.data, l.value));
+    }
+    return i({
+      showSheet: f
+    }), (u, d) => {
+      const m = resolveComponent("FmSelect"), c = resolveComponent("FmStepperField"), k = resolveComponent("FmButton"), V = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(V, {
+        "max-width": 560,
+        modelValue: unref(s),
+        "onUpdate:modelValue": [
+          d[9] || (d[9] = (E) => isRef(s) ? s.value = E : null),
+          d[10] || (d[10] = (E) => s.value = E)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_4$5, [
+            createVNode(k, {
+              variant: "primary",
+              type: "button",
+              disabled: unref(y).length > 0,
+              label: "Confirm",
+              onClick: d[7] || (d[7] = (E) => v())
+            }, null, 8, ["disabled"]),
+            createVNode(k, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: d[8] || (d[8] = (E) => s.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => {
+          var E, b;
+          return [
+            unref(o) ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+              createVNode(m, {
+                label: "Reward Type",
+                items: [
+                  { label: "No Reward", value: "NO_REWARD" },
+                  { label: "Voucher", value: "VOUCHER" },
+                  { label: "Loyalty", value: "LOYALTY" }
+                ],
+                "model-value": unref(o).type,
+                "onUpdate:modelValue": d[0] || (d[0] = (h) => {
+                  h == "NO_REWARD" ? o.value = {
+                    type: "NO_REWARD",
+                    collectible: null,
+                    weight: 1
+                  } : h === "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
+                    },
+                    weight: 1
+                  } : o.value = {
+                    collectible: unref(r).loyaltyRewards.raw[0]._id,
+                    type: "LOYALTY",
+                    earningOption: {
+                      amount: 1,
+                      type: "FIXED"
+                    },
+                    validityOption: {
+                      validForDay: 7
+                    },
+                    weight: 1
+                  };
+                })
+              }, null, 8, ["model-value"]),
+              unref(o).type == "LOYALTY" ? (openBlock(), createBlock(m, {
+                key: 0,
+                label: "Loyalty type",
+                rules: [unref(ZodHelper).ruleAtPath(unref(p), "collectible", [unref(o).type])],
+                items: unref(r).loyaltyRewards.items,
+                "model-value": unref(o).collectible,
+                "onUpdate:modelValue": d[1] || (d[1] = (h) => unref(o).collectible = h)
+              }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+              createVNode(c, {
+                label: "Weight",
+                rules: [unref(ZodHelper).ruleAtPath(unref(p), "weight", [unref(o).type])],
+                "model-value": unref(o).weight,
+                "onUpdate:modelValue": d[2] || (d[2] = (h) => o.value = {
+                  ...unref(o),
+                  weight: h
+                })
+              }, null, 8, ["rules", "model-value"]),
+              unref(o).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ((E = unref(r).loyaltyRewards.items.find(
+                  (h) => {
+                    var B;
+                    return h.value === ((B = unref(o)) == null ? void 0 : B.collectible);
+                  }
+                )) == null ? void 0 : E.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  _hoisted_2$8,
+                  createVNode(_sfc_main$c, {
+                    class: "mt-[-8px]",
+                    rules: [
+                      unref(ZodHelper).ruleAtPath(unref(p), "earningOption", [unref(o).type])
+                    ],
+                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(o).earningOption,
+                    "onUpdate:modelValue": d[3] || (d[3] = (h) => o.value = {
+                      ...unref(o),
+                      earningOption: h
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                _hoisted_3$6,
+                createVNode(_sfc_main$v, {
+                  class: "!gap-24",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(p), "validityOption", [unref(o).type])],
+                  "model-value": unref(o).validityOption,
+                  "onUpdate:modelValue": d[4] || (d[4] = (h) => o.value = {
+                    ...unref(o),
+                    validityOption: h
+                  })
+                }, null, 8, ["rules", "model-value"])
+              ], 64)) : createCommentVNode("", !0),
+              unref(o).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$a, {
+                key: 2,
+                "reward-image": unref(e),
+                "model-value": ((b = unref(o)) == null ? void 0 : b.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": d[5] || (d[5] = (h) => o.value = {
+                  ...unref(o),
+                  collectibleConfig: h
+                }),
+                "onUpdate:rewardImage": d[6] || (d[6] = (h) => e.value = h)
+              }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
+              createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
+            ])) : createCommentVNode("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function isNullOrEmpty(t) {
+  return t == null || t === "";
+}
+const _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$7 = /* @__PURE__ */ 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), _hoisted_3$5 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$4 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "RewardPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => [
+        {
+          collectible: null,
+          type: "NO_REWARD",
+          weight: 1
+        }
+      ]
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = useMembershipStore(), s = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), o = computed(() => a.modelValue ?? []), e = computed(() => {
+      const u = s.safeParse(o.value);
+      return u.success ? [] : u.error.errors;
+    }), l = ref();
+    function p(u, d) {
+      var c;
+      const m = [...o.value];
+      m[d] = u, (c = l.value) == null || c.showSheet(!1), r("update:model-value", m);
+    }
+    function y(u) {
+      const d = u.type == "VOUCHER" ? u.collectibleConfig : n.collectibles.find(
+        (k) => k._id.toString() == u.collectible
+      ), m = CollectionUtils.formattedType((d == null ? void 0 : d.name) || ""), c = u.weight;
+      return {
+        label: isNullOrEmpty(m) ? "NO REWARD" : m,
+        sublabel: `${c} (${(c / o.value.reduce((k, V) => k + V.weight, 0) * 100).toFixed(2)}%)`
+      };
+    }
+    function f(u) {
+      var m;
+      const d = [...o.value];
+      (m = l.value) == null || m.showSheet(!0, d[u], u);
+    }
+    function g(u) {
+      const d = [...o.value];
+      d.splice(u, 1), r("update:model-value", d);
+    }
+    function v() {
+      var u;
+      (u = l.value) == null || u.showSheet(
+        !0,
+        {
+          type: "NO_REWARD",
+          collectible: null,
+          weight: 1
+        },
+        o.value.length
+      );
+    }
+    return (u, d) => {
+      const m = resolveComponent("FmButton"), c = resolveComponent("FmCard"), k = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        _hoisted_2$7,
+        createVNode(m, {
+          label: "Add Reward",
+          onClick: d[0] || (d[0] = (V) => v()),
+          variant: "plain",
+          icon: "add"
+        }),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (V, E) => (openBlock(), createBlock(c, {
+          key: E,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: (b) => f(E)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3$5, toDisplayString(y(V).label), 1),
+              createElementVNode("div", _hoisted_4$4, toDisplayString(y(V).sublabel), 1)
+            ]),
+            createVNode(m, {
+              icon: "delete",
+              variant: "tertiary",
+              onClick: (b) => (b.stopPropagation(), g(E))
+            }, null, 8, ["onClick"])
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(e).filter((V) => V.path.join(".") == ""), (V) => (openBlock(), createBlock(k, {
+          key: V.message,
+          text: V.message,
+          state: "error"
+        }, null, 8, ["text"]))), 128)),
+        createVNode(_sfc_main$9, {
+          ref_key: "sheetRef",
+          ref: l,
+          "onUpdate:modelValue": p
+        }, null, 512)
+      ]);
+    };
+  }
+}), _hoisted_1$7 = { class: "space-y-16" }, _hoisted_2$6 = {
+  key: 0,
+  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$7 = /* @__PURE__ */ defineComponent({
+  __name: "PromotionGameTypeInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = 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 (s, o) => {
+      var y, f, g;
+      const e = resolveComponent("FmSwitch"), l = resolveComponent("FmCard"), p = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createVNode(e, {
+          label: "Enable game",
+          "model-value": !!((y = t.modelValue) != null && y.gameType),
+          "onUpdate:modelValue": o[0] || (o[0] = (v) => v ? r("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : r("update:model-value", null))
+        }, null, 8, ["model-value"]),
+        ((f = t.modelValue) == null ? void 0 : f.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (v) => {
+            var u, d;
+            return openBlock(), createBlock(l, {
+              variant: "outlined",
+              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+                "col-span-2": unref(n).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((u = t.modelValue) == null ? void 0 : u.gameType) == v.value,
+                "hover:bg-fm-color-opacity-sm": ((d = t.modelValue) == null ? void 0 : d.gameType) != v.value
+              }]),
+              onClick: () => {
+                var m;
+                ((m = a.modelValue) == null ? void 0 : m.gameType) != v.value && r("update:model-value", { gameType: v.value });
+              },
+              key: v.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3$4, toDisplayString(v.label), 1),
+                createElementVNode("div", _hoisted_4$3, toDisplayString(v.description), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ])) : createCommentVNode("", !0),
+        ((g = t.modelValue) == null ? void 0 : g.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(p, {
+          key: 1,
+          text: "Rock paper scissors is only available for POS >= 7.7.1 with dual screen on android devices (Sunmi D3 Pro and Sunmi T3 Pro)",
+          state: "warning"
+        })) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$6 = { class: "space-y-16" }, _hoisted_2$5 = /* @__PURE__ */ 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), _hoisted_3$3 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$2 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "MissionTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = 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 (s, o) => {
+      const e = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        _hoisted_2$5,
+        createElementVNode("div", _hoisted_3$3, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (l) => (openBlock(), createBlock(e, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(n).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": t.modelValue == l.value,
+              "hover:bg-fm-color-opacity-sm": t.modelValue != l.value
+            }]),
+            onClick: () => {
+              a.modelValue != l.value && r("update:model-value", l.value);
+            },
+            key: l.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$2, toDisplayString(l.label), 1),
+              createElementVNode("div", _hoisted_5$2, toDisplayString(l.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$5 = { class: "space-y-16" }, _hoisted_2$4 = /* @__PURE__ */ 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), _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "MissionEndInput",
+  props: {
+    modelValue: {
+      type: [String, Number]
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = i;
+    return (r, n) => {
+      const s = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        _hoisted_2$4,
+        createVNode(s, {
+          label: "Maximum to collect",
+          "model-value": t.modelValue || null,
+          "onUpdate:modelValue": n[0] || (n[0] = (o) => a("update:model-value", o)),
+          "helper-text": "Set the threshold required for reward eligibility"
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+}), _hoisted_1$4 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1), _hoisted_2$3 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "EditMissionPoolSheet",
+  props: {
+    maxThreshold: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { expose: i, emit: a }) {
+    const r = t, n = useMembershipStore(), { minor: s } = useLoading, o = ref(!1), e = ref(), l = ref(), p = ref(0), y = FdtoThresholdReward, f = computed(() => {
+      const m = y.safeParse(e.value);
+      return m.success ? [] : m.error.errors;
+    });
+    function g(m, c, k) {
+      m && (e.value = c, p.value = k), o.value = m;
+    }
+    const v = a;
+    async function u() {
+      console.log(e.value);
+      const m = y.safeParse(e.value);
+      m.success && (await s(
+        async () => {
+          m.data.type === "VOUCHER" && l.value && (m.data.collectibleConfig.image = await firebaseStorage.update(
+            m.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
+            l.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), v("update:model-value", m.data, p.value));
+    }
+    const d = ref();
+    return i({
+      showSheet: g
+    }), (m, c) => {
+      const k = resolveComponent("FmStepperField"), V = resolveComponent("FmSelect"), E = resolveComponent("FmForm"), b = resolveComponent("FmButton"), h = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(h, {
+        "max-width": 560,
+        modelValue: unref(o),
+        "onUpdate:modelValue": [
+          c[10] || (c[10] = (B) => isRef(o) ? o.value = B : null),
+          c[11] || (c[11] = (B) => o.value = B)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_2$3, [
+            createVNode(b, {
+              variant: "primary",
+              type: "button",
+              label: "Confirm",
+              onClick: c[8] || (c[8] = async () => {
+                var B;
+                return (B = unref(d)) == null ? void 0 : B.validateInputs();
+              })
+            }),
+            createVNode(b, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: c[9] || (c[9] = (B) => o.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          unref(e) ? (openBlock(), createBlock(E, {
+            key: 0,
+            class: "flex flex-col gap-y-24",
+            ref_key: "formRef",
+            ref: d,
+            onValidationSuccess: c[7] || (c[7] = (B) => u())
+          }, {
+            default: withCtx(() => {
+              var B;
+              return [
+                unref(e).type ? (openBlock(), createBlock(k, {
+                  key: 0,
+                  label: "Threshold",
+                  rules: [
+                    unref(ZodHelper).toRule(
+                      unref(z).number().min(1).max(
+                        r.maxThreshold,
+                        `Number cannot be more than ${r.maxThreshold}`
+                      )
+                    )
+                  ],
+                  "model-value": unref(e).threshold,
+                  "onUpdate:modelValue": c[0] || (c[0] = (C) => e.value = {
+                    ...unref(e),
+                    threshold: C
+                  })
+                }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
+                createVNode(V, {
+                  label: "Reward Type",
+                  items: [
+                    { label: "Voucher", value: "VOUCHER" },
+                    { label: "Loyalty", value: "LOYALTY" }
+                  ],
+                  "model-value": unref(e).type,
+                  "onUpdate:modelValue": c[1] || (c[1] = (C) => {
+                    C === "VOUCHER" ? e.value = {
+                      collectible: null,
+                      type: "VOUCHER",
+                      collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
+                        business: unref(useCoreStore)().currentBusiness.value._id
+                      }),
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: null
+                    } : e.value = {
+                      collectible: unref(n).loyaltyRewards.raw[0]._id,
+                      type: "LOYALTY",
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: null
+                    };
+                  })
+                }, null, 8, ["model-value"]),
+                unref(e).type == "LOYALTY" ? (openBlock(), createBlock(V, {
+                  key: 1,
+                  label: "Loyalty type",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(y), "collectible", [unref(e).type])],
+                  items: unref(n).loyaltyRewards.items,
+                  "model-value": unref(e).collectible,
+                  "onUpdate:modelValue": c[2] || (c[2] = (C) => unref(e).collectible = C)
+                }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+                unref(e).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  _hoisted_1$4,
+                  createVNode(_sfc_main$c, {
+                    class: "mt-[-8px]",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "earningOption", [unref(e).type])],
+                    "helper-state": unref(ZodHelper).helperState(unref(f), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(f), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(e).earningOption,
+                    "onUpdate:modelValue": c[3] || (c[3] = (C) => e.value = {
+                      ...unref(e),
+                      earningOption: C
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
+                  createVNode(_sfc_main$v, {
+                    class: "!gap-24",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(y), "validityOption", [unref(e).type])],
+                    "model-value": unref(e).validityOption,
+                    "onUpdate:modelValue": c[4] || (c[4] = (C) => e.value = {
+                      ...unref(e),
+                      validityOption: C
+                    })
+                  }, null, 8, ["rules", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                unref(e).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$a, {
+                  key: 3,
+                  "reward-image": unref(l),
+                  "model-value": ((B = unref(e)) == null ? void 0 : B.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": c[5] || (c[5] = (C) => e.value = {
+                    ...unref(e),
+                    collectibleConfig: C
+                  }),
+                  "onUpdate:rewardImage": c[6] || (c[6] = (C) => l.value = C)
+                }, 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$3 = { class: "relative w-full h-4 bg-fm-color-system-warning-100 rounded-lg" }, _hoisted_2$2 = /* @__PURE__ */ createElementVNode("div", { class: "flex flex-col gap-0 items-center justify-center" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "h-16 w-[2px] bg-fm-color-system-warning-300" }),
+  /* @__PURE__ */ createElementVNode("div", null, "🎁")
+], -1), _hoisted_3$2 = [
+  _hoisted_2$2
+], _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MissionProgress",
+  props: {
+    maxRange: {
+      type: Number,
+      required: !0
+    },
+    currentRange: {
+      type: Number,
+      default: 0
+    },
+    markers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(t) {
+    const i = t, { maxRange: a, currentRange: r, markers: n } = toRefs(i), s = computed(
+      () => Math.min(r.value / a.value * 100, 100)
+    ), o = (e) => e / a.value * 100;
+    return (e, l) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
+      createElementVNode("div", {
+        class: "absolute top-0 left-0 h-full bg-fm-color-primary rounded-lg",
+        style: normalizeStyle({ width: unref(s) + "%" })
+      }, null, 4),
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n), (p, y) => (openBlock(), createElementBlock("div", {
+        key: y,
+        class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
+        style: normalizeStyle({ left: o(p) + "%" })
+      }, _hoisted_3$2, 4))), 128))
+    ]));
+  }
+}), _hoisted_1$2 = { class: "space-y-16" }, _hoisted_2$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Configure the reward type given to your customer. ", -1), _hoisted_3$1 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$1 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Mission Preview", -1), _hoisted_6$1 = { class: "flex items-center gap-4" }, _hoisted_7$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_8$1 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Earn a stamp when you { condition here } ", -1), _hoisted_9$1 = {
+  key: 0,
+  class: "grid grid-cols-5 text-center gap-8 justify-between items-center"
+}, _hoisted_10$1 = {
+  key: 1,
+  class: "flex items-center gap-16"
+}, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "MissionPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    mission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: i }) {
+    const a = t, r = i, n = useMembershipStore(), s = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), o = computed(() => a.modelValue ?? []), e = computed(() => {
+      const u = s.safeParse(o.value);
+      return u.success ? [] : u.error.errors;
+    }), l = ref();
+    function p(u, d) {
+      var c;
+      const m = [...o.value];
+      m[d] = u, (c = l.value) == null || c.showSheet(!1), r("update:model-value", m);
+    }
+    function y(u) {
+      const d = u.type == "VOUCHER" ? u.collectibleConfig : n.collectibles.find(
+        (c) => c._id.toString() == u.collectible
+      ), m = CollectionUtils.formattedType((d == null ? void 0 : d.name) || "");
+      return {
+        label: isNullOrEmpty(m) ? "NO REWARD" : m,
+        sublabel: "hihihiha"
+      };
+    }
+    function f(u) {
+      var m;
+      const d = [...o.value];
+      (m = l.value) == null || m.showSheet(!0, d[u], u);
+    }
+    function g(u) {
+      const d = [...o.value];
+      d.splice(u, 1), r("update:model-value", d);
+    }
+    function v() {
+      var u;
+      (u = l.value) == null || u.showSheet(
+        !0,
+        {
+          type: "LOYALTY",
+          collectible: n.loyaltyRewards.items[0].value,
+          threshold: null,
+          validityOption: {
+            validForDay: 7
+          },
+          earningOption: {
+            type: "FIXED",
+            amount: 1
+          }
+        },
+        o.value.length
+      );
+    }
+    return (u, d) => {
+      const m = resolveComponent("FmButton"), c = resolveComponent("FmCard"), k = resolveComponent("FmHelperText"), V = resolveComponent("FmAvatar"), E = resolveComponent("FmIcon");
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        _hoisted_2$1,
+        createVNode(m, {
+          label: "Add Reward",
+          onClick: d[0] || (d[0] = (b) => v()),
+          variant: "plain",
+          icon: "add"
+        }),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (b, h) => (openBlock(), createBlock(c, {
+          key: h,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: (B) => f(h)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3$1, toDisplayString(y(b).label), 1),
+              createElementVNode("div", _hoisted_4$1, toDisplayString(y(b).sublabel), 1)
+            ]),
+            createVNode(m, {
+              icon: "delete",
+              variant: "tertiary",
+              onClick: (B) => (B.stopPropagation(), g(h))
+            }, null, 8, ["onClick"])
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(e).filter((b) => b.path.join(".") == ""), (b) => (openBlock(), createBlock(k, {
+          key: b.message,
+          text: b.message,
+          state: "error"
+        }, null, 8, ["text"]))), 128)),
+        _hoisted_5$1,
+        createVNode(c, {
+          variant: "outlined",
+          class: "p-24 space-y-16 w-fit"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_6$1, [
+              createElementVNode("div", null, [
+                createElementVNode("div", _hoisted_7$1, " Collect " + toDisplayString(t.mission.end) + " rewards to get { rewards here } ", 1),
+                _hoisted_8$1
+              ]),
+              createVNode(V, {
+                name: "GG",
+                size: "xl"
+              })
+            ]),
+            t.mission.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(t.mission.end, (b) => (openBlock(), createBlock(E, {
+                outline: "",
+                key: b,
+                name: t.modelValue.some((h) => h.threshold === b) ? "featured_seasonal_and_gifts" : "check_circle"
+              }, null, 8, ["name"]))), 128))
+            ])) : createCommentVNode("", !0),
+            t.mission.type === "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+              createVNode(_sfc_main$3, {
+                "max-range": t.mission.end,
+                currentRange: 0,
+                markers: [400, 1e3]
+              }, null, 8, ["max-range"]),
+              createElementVNode("div", null, "0/" + toDisplayString(t.mission.end.toLocaleString()), 1)
+            ])) : createCommentVNode("", !0)
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$4, {
+          ref_key: "sheetRef",
+          ref: l,
+          "onUpdate:modelValue": p,
+          "max-threshold": t.mission.end
+        }, null, 8, ["max-threshold"])
+      ]);
+    };
+  }
+}), _hoisted_1$1 = { key: 25 }, _sfc_main$1 = /* @__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(t, { emit: i }) {
+    const a = t, r = i;
+    function n(l) {
+      switch (a.field.type) {
+        case "timeframe":
+          const p = l.startDate ? hooks(l.startDate).startOf("day").toISOString() : void 0, y = l.endDate ? hooks(l.endDate).endOf("day").toISOString() : void 0;
+          r("update:model-value", {
+            type: "timeframe",
+            property: "__now",
+            start: p,
+            end: y
+          });
+          break;
+        case "image": {
+          r(
+            "update:file",
+            l,
+            s.value || firebaseStorage.collectibleImagePath(void 0, l)
+          );
+          break;
+        }
+        default:
+          r("update:model-value", l);
+          break;
+      }
+    }
+    const s = computed(() => {
+      switch (a.field.type) {
+        case "timeframe": {
+          const l = a.modelValue;
+          return {
+            startDate: l != null && l.start ? hooks(l == null ? void 0 : l.start).format("YYYY-MM-DD") : null,
+            endDate: l != null && l.end ? hooks(l == null ? void 0 : l.end).format("YYYY-MM-DD") : null
+          };
+        }
+        default:
+          return a.modelValue;
+      }
+    });
+    function o() {
+      if (!e.value.schema) return [];
+      const l = e.value.schema.safeParse(a.modelValue);
+      return l.success ? [] : l.error.errors;
+    }
+    const e = computed(() => ({
+      schema: a.schema,
+      unwrapped: a.schema ? ZodHelper.unwrap(a.schema) : void 0,
+      rules: a.schema ? [ZodHelper.ruleAtPath(a.schema, "")] : void 0,
+      labelMark: a.schema && ZodHelper.isRequired(a.schema) == !1 ? "optional" : void 0,
+      zodLabel: a.schema ? ZodHelper.toInputLabel(a.schema, a.field.label) : void 0
+    }));
+    return (l, p) => {
+      var d, m, c, k, V;
+      const y = resolveComponent("FmTextField"), f = resolveComponent("FmStepperField"), g = resolveComponent("FmTextarea"), v = resolveComponent("FmHelperText"), u = resolveComponent("FmSwitch");
+      return t.field.type === "text" ? (openBlock(), createBlock(y, {
+        key: 0,
+        label: t.field.label,
+        "label-mark": unref(e).labelMark,
+        rules: unref(e).rules,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["label", "label-mark", "rules", "model-value"])) : t.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createVNode(JsonViewer, {
+          json: { schema: unref(e).unwrapped, props: a }
+        }, null, 8, ["json"]),
+        createVNode(f, {
+          label: t.field.label,
+          "label-mark": t.field.isRuleChildren ? void 0 : unref(e).labelMark,
+          "model-value": unref(s),
+          rules: t.field.isRuleChildren ? [] : unref(e).rules,
+          "onUpdate:modelValue": n,
+          "helper-state": t.field.isRuleChildren && t.helperText ? "error" : void 0,
+          "helper-text": t.field.isRuleChildren ? t.helperText : void 0
+        }, null, 8, ["label", "label-mark", "model-value", "rules", "helper-state", "helper-text"])
+      ], 64)) : t.field.type === "textarea" ? (openBlock(), createBlock(g, {
+        key: 2,
+        label: t.field.label,
+        "label-mark": unref(e).labelMark,
+        rules: unref(e).rules,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        "show-word-count": "",
+        "max-length": (V = (k = (c = (m = (d = unref(e)) == null ? void 0 : d.unwrapped) == null ? void 0 : m._def) == null ? void 0 : c.checks) == null ? void 0 : k.find((E) => E.kind == "max")) == null ? void 0 : V.value
+      }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : t.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$g, {
+        key: 3,
+        "campaign-type": t.extras,
+        "model-value": unref(s),
+        disabled: t.disabled,
+        "onUpdate:modelValue": n
+      }, null, 8, ["campaign-type", "model-value", "disabled"])) : t.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+        createVNode(_sfc_main$e, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        createVNode(v, {
+          class: "!mt-[8px]",
+          text: unref(ZodHelper).helperText(o(), ""),
+          state: unref(ZodHelper).helperState(o(), "")
+        }, null, 8, ["text", "state"])
+      ], 64)) : t.field.type === "image" ? (openBlock(), createBlock(_sfc_main$r, {
+        key: 5,
+        thumbnail: unref(s),
+        "aspect-ratio": "16 / 9",
+        class: "w-1/2 xs:w-2/3",
+        "onUpdate:file": n
+      }, {
+        label: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(e).zodLabel)))
+        ]),
+        _: 1
+      }, 8, ["thumbnail"])) : t.field.type === "switch" ? (openBlock(), createBlock(u, {
+        key: 6,
+        label: t.field.label,
+        "label-placement": "right",
+        sublabel: t.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
+        "label-mark": unref(e).labelMark,
+        rules: unref(e).rules,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : t.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$t, {
+        key: 7,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        "no-campaign": !1,
+        schema: unref(e).schema
+      }, null, 8, ["model-value", "schema"])) : t.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$u, {
+        key: 8,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : t.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+        createVNode(_sfc_main$s, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n,
+          "can-set-auto-apply": t.field.property == "campaign.effect"
+        }, null, 8, ["model-value", "can-set-auto-apply"]),
+        unref(s) ? createCommentVNode("", !0) : (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: "Effect is required",
+          state: "error"
+        }))
+      ], 64)) : t.field.type === "message" ? (openBlock(), createBlock(_sfc_main$w, {
+        key: 10,
+        "allow-email": !0,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(o(), ""),
+        "trigger-type": t.field.extras,
+        "helper-state": unref(ZodHelper).helperState(o(), "")
+      }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : t.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$c, {
+        key: 11,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        extras: t.extras
+      }, null, 8, ["model-value", "extras"])) : t.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$v, {
+        key: 12,
+        type: "custom",
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(o(), ""),
+        "helper-state": unref(ZodHelper).helperState(o(), "")
+      }, null, 8, ["model-value", "helper-text", "helper-state"])) : t.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$b, {
+        key: 13,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : t.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$8, {
+        key: 14,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : t.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$6, {
+        key: 15,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : t.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$5, {
+        key: 16,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : t.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$2, {
+        key: 17,
+        "model-value": unref(s),
+        "onUpdate:modelValue": n,
+        mission: t.extras
+      }, null, 8, ["model-value", "mission"])) : t.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 18 }, [
+        createVNode(_sfc_main$d, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n,
+          "start-date": t.extras.start,
+          "end-date": t.extras.end
+        }, null, 8, ["model-value", "start-date", "end-date"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
+        createVNode(_sfc_main$l, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "rule_time" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
+        t.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(s).rules.g_time).length > 0 ? (openBlock(), createBlock(v, {
+          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$k, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 1,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
+        createVNode(_sfc_main$j, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
+        createVNode(_sfc_main$h, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
+        createVNode(_sfc_main$i, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : t.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 24 }, [
+        createVNode(_sfc_main$7, {
+          "model-value": unref(s),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        t.helperText ? (openBlock(), createBlock(v, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: t.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$1, toDisplayString(a.field), 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-[-16px]" }, _hoisted_8 = { class: "w-full flex items-center justify-end gap-8 pb-24" }, _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-lg-600" }, "Campaign summary", -1), _hoisted_10 = /* @__PURE__ */ createElementVNode("div", { class: "border-b border-fm-color-neutral-gray-100 w-full" }, null, -1), _hoisted_11 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_12 = { class: "fm-typo-en-body-lg-600" }, _hoisted_13 = { class: "max-w-6xl mx-auto rounded-md p-4 w-full" }, _hoisted_14 = { class: "animate-pulse flex space-x-4 pt-16" }, _hoisted_15 = { class: "grid grid-cols-3 w-full gap-40" }, _hoisted_16 = /* @__PURE__ */ createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
+    /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+    /* @__PURE__ */ createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+    /* @__PURE__ */ createElementVNode("div", { class: "space-y-3" }, [
+      /* @__PURE__ */ createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+      ]),
+      /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+    ]),
+    /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+    /* @__PURE__ */ createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+    /* @__PURE__ */ createElementVNode("div", { class: "space-y-3" }, [
+      /* @__PURE__ */ createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+        /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+      ]),
+      /* @__PURE__ */ createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+    ])
+  ])
+], -1), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EditCampaignSheet",
+  emits: ["submit:model-value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const Dialog = useDialog(), sheetVisible = ref(!1), 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 t, i;
+      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((a) => setTimeout(a, 120)), isLoading.value = !1;
+        }
+        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], data.value = campaign != null ? { ...campaign, templateId: (t = campaign.template) == null ? void 0 : t._id } : _.cloneDeep({
+          ...(i = template.value) == null ? void 0 : i.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: "Unsaved Changes",
+        message: "Are you sure you want to discard this changes?",
+        primaryActions: { text: "Discard", close: !0 },
+        secondaryActions: { text: "Cancel", close: !1 }
+      }).onPrimary(() => {
+        sheetVisible.value = !1;
+      }).onSecondary(() => {
+        Dialog.close();
+      });
+    }
+    const emits = __emit, errors = computed(() => {
+      const t = schema.value.superRefine(campaignRefinement).safeParse(data.value);
+      return t.success ? [] : t.error.errors;
+    });
+    function stepErrors(t = currentStep.value - 1) {
+      const i = template.value.steps[t].groups.flatMap(
+        (a) => a.fields.map((r) => r.property)
+      );
+      return errors.value.filter((a) => i.includes(a.path.join(".")));
+    }
+    __expose({ showSheet });
+    function onUpdateProperty(t, i) {
+      if (_.set(data.value, t, i), t == "campaign.event.type") {
+        const a = RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup(),
+          [
+            RuleBuilder.scaffoldGroup("g_schedule"),
+            RuleBuilder.scaffoldGroup("g_time"),
+            RuleBuilder.scaffoldGroup("g_user"),
+            RuleBuilder.scaffoldGroup("g_bill")
+          ]
+        ), r = 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 (i != "SCHEDULE") {
+          _.set(data.value, "campaign.event.rule", a);
+          return;
+        }
+        _.set(
+          data.value,
+          "campaign.event.rule",
+          RuleBuilder.setRuleToGroup(a, r)
+        );
+      }
+      t == "campaign.notify" && i == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+    }
+    async function onUpdateFile(t, i) {
+      return t ? await minor(async () => firebaseStorage.update(i, t), {
+        message: `${t ? "Uploading" : "Removing"} file`,
+        successMessage: `File ${t ? "uploaded" : "removed"} successfully`
+      }) : "";
+    }
+    function isDisable(t) {
+      var i, a;
+      switch (t == null ? void 0 : t.property) {
+        case "campaign.event.type":
+          return ((a = (i = data.value) == null ? void 0 : i.campaign) == null ? void 0 : a._id) || !1;
+        default:
+          return !1;
+      }
+    }
+    function onSubmit() {
+      const t = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
+      t.success && (emits("submit:model-value", cleanPF(JSON.parse(JSON.stringify(t.data)))), sheetVisible.value = !1);
+    }
+    return (t, i) => {
+      const a = resolveComponent("FmButton"), r = resolveComponent("FmStep"), n = resolveComponent("FmStepper"), s = resolveComponent("FmCard"), o = resolveComponent("FmTopSheet");
+      return openBlock(), createBlock(o, {
+        "fullscreen-size": "lg",
+        modelValue: unref(sheetVisible),
+        "onUpdate:modelValue": [
+          i[6] || (i[6] = (e) => isRef(sheetVisible) ? sheetVisible.value = e : null),
+          i[7] || (i[7] = (e) => sheetVisible.value = e)
+        ]
+      }, createSlots({
+        "top-sheet-header": withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(a, {
+                onClick: i[0] || (i[0] = (e) => hideSheet()),
+                label: "Cancel",
+                variant: "tertiary"
+              }),
+              createVNode(a, {
+                onClick: onSubmit,
+                label: "Save",
+                disabled: unref(errors).length > 0
+              }, null, 8, ["disabled"])
+            ])
+          ])
+        ]),
+        _: 2
+      }, [
+        unref(isLoading) ? {
+          name: "default",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
+                createElementVNode("div", _hoisted_15, [
+                  _hoisted_16,
+                  createVNode(s, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                ])
+              ])
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "default",
+          fn: withCtx(() => [
+            unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(n, {
+                modelValue: unref(currentStep),
+                "onUpdate:modelValue": i[1] || (i[1] = (e) => isRef(currentStep) ? currentStep.value = e : 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, (e, l) => (openBlock(), createBlock(r, {
+                    key: e.name,
+                    title: e.name,
+                    value: l + 1,
+                    error: () => stepErrors(l).length > 0,
+                    complete: () => l + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                  }, null, 8, ["title", "value", "error", "complete"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(a, {
+                  icon: "close",
+                  variant: "tertiary",
+                  onClick: i[2] || (i[2] = (e) => sheetVisible.value = !1)
+                }),
+                createVNode(n, {
+                  modelValue: unref(currentStep),
+                  "onUpdate:modelValue": i[3] || (i[3] = (e) => isRef(currentStep) ? currentStep.value = e : null),
+                  orientation: "horizontal",
+                  class: "flex-1"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (e, l) => (openBlock(), createBlock(r, {
+                      key: e.name,
+                      title: unref(data).campaign._id ? "Create campaign" : "Edit campaign",
+                      description: e.name,
+                      value: l + 1,
+                      error: () => stepErrors(l).length > 0,
+                      complete: () => l + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                    }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                createVNode(a, {
+                  icon: "info",
+                  variant: "tertiary"
+                })
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(JsonViewer, {
+                    json: {
+                      data: unref(data),
+                      errors: unref(errors).map(
+                        (e) => `${e.path.join(".")} - ${e.message}`
+                      ),
+                      stepErrors: stepErrors().map(
+                        (e) => `${e.path.join(".")} - ${e.message}`
+                      ),
+                      schema: unref(schema)
+                    }
+                  }, null, 8, ["json"]),
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
+                    (e) => e.fields.length && (!e.condition || unref(_).get(unref(data), e.condition.property) == e.condition.value == (e.condition.not != !0))
+                  ), (e, l) => (openBlock(), createElementBlock("div", {
+                    key: l,
+                    class: "space-y-24"
+                  }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(e.name), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(e.fields, (p, y) => (openBlock(), createElementBlock("div", { key: y }, [
+                      (openBlock(), createBlock(_sfc_main$1, {
+                        key: y,
+                        field: p,
+                        modelValue: unref(_).get(unref(data), p.property),
+                        disabled: isDisable(p),
+                        "onUpdate:modelValue": (f) => onUpdateProperty(p.property, f),
+                        "onUpdate:file": async (f, g) => {
+                          const v = await onUpdateFile(f, g);
+                          onUpdateProperty(p.property, v || "");
+                        },
+                        schema: unref(ZodHelper).typeAtPath(unref(schema), p.property, [
+                          unref(data).campaign.type
+                        ]),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), p.property),
+                        extras: p.extras ? unref(_).get(unref(data), p.extras) : void 0
+                      }, null, 8, ["field", "modelValue", "disabled", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-text", "extras"]))
+                    ]))), 128))
+                  ]))), 128)),
+                  createElementVNode("div", _hoisted_8, [
+                    createVNode(a, {
+                      label: "Back",
+                      variant: "tertiary",
+                      disabled: unref(currentStep) == 1,
+                      onClick: i[4] || (i[4] = (e) => currentStep.value--)
+                    }, null, 8, ["disabled"]),
+                    createVNode(a, {
+                      disabled: stepErrors().length > 0,
+                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? "Next" : "Submit",
+                      onClick: i[5] || (i[5] = (e) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                    }, null, 8, ["disabled", "label"])
+                  ])
+                ]),
+                createVNode(s, {
+                  variant: "outlined",
+                  class: "p-16 space-y-8 xs:hidden"
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_9,
+                    _hoisted_10,
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(unref(data)), (e, l) => (openBlock(), createElementBlock("div", {
+                      class: "space-y-4",
+                      key: l
+                    }, [
+                      e ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createElementVNode("div", _hoisted_11, toDisplayString(l), 1),
+                        createElementVNode("div", _hoisted_12, toDisplayString(e), 1)
+                      ], 64)) : createCommentVNode("", !0)
+                    ]))), 128))
+                  ]),
+                  _: 1
+                })
+              ])
+            ])) : createCommentVNode("", !0)
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};