@feedmepos/mf-connect 0.1.98-beta.9 → 0.1.99-prod

package/dist/EditCampaignSheet.vue_vue_type_script_setup_true_lang-D3SnYlQ0.js

@@ -0,0 +1,2223 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, computed, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, toRefs, normalizeStyle, resolveDynamicComponent, createSlots } from "vue";
+import { _ } from "./lodash-Cr7KdLib.js";
+import { z } from "./app-D8i8XAyR.js";
+import { Z as ZodHelper } from "./zod-BM5P7Bti.js";
+import { c as campaignRefinement, C as CampaignDtos, a as campaignTransform } from "./dto-C5_Te4gk.js";
+import { u as useMembershipStore } from "./membership-B1eIzQDB.js";
+import { u as useBusinessStore } from "./business-6gZtKQ8L.js";
+import "./index-hTgJrZR8.js";
+import { R as RuleBuilder, a as isRuleEntry } from "./rule-builder-CDkWYBLG.js";
+import { J as JsonViewer } from "./JsonViewer-v8_C7l5N.js";
+import { h as hooks } from "./moment-D7p2TMB-.js";
+import { f as featureVersionMapping } from "./campaign.enum-CSlbGhc-.js";
+import { _ as _sfc_main$o } from "./ImageInput.vue_vue_type_script_setup_true_lang-DZrmFruC.js";
+import { b as _sfc_main$m, a as _sfc_main$p, _ as _sfc_main$r } from "./EffectSheet.vue_vue_type_style_index_0_lang-CbpKQj-r.js";
+import { _ as _sfc_main$q } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-5Aazsvfa.js";
+import { _ as _sfc_main$t } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-B2GABNUx.js";
+import { _ as _sfc_main$j, a as _sfc_main$k } from "./RuleGroup.vue_vue_type_script_setup_true_lang-DvNyurCW.js";
+import { p as prompt, f as firebaseStorage } from "./plugins-DJ13vaqz.js";
+import { u as useI18n } from "./vue-i18n-DJXhpQga.js";
+import { T as TypeToTriggerOptions, _ as _sfc_main$u, b as _sfc_main$v } from "./trigger-BfQprjI-.js";
+import { _ as _sfc_main$s } from "./MessageInput.vue_vue_type_script_setup_true_lang-ZD6_8BzX.js";
+import { C as CountryTimezone, m as moment } from "./timezone-Beb0XkZC.js";
+import { c as calculateNextScheduleAt, S as SummarizeRrule, R as RRule } from "./rule-BCzySyr6.js";
+import { useCoreStore } from "@feedmepos/mf-common";
+import { _ as _sfc_main$l, a as _sfc_main$n } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-DD2WD_Vt.js";
+import { w as FdoCreditLoyaltyReward, x as FdtoRandomReward, y as F_MISSION_TYPE, z as FdoThresholdCreditReward, A as FdtoThresholdReward, B as FdoMission } from "./index-DW7H-3z4.js";
+import "./index-CH_QL_76.js";
+import { T as TEMPLATES } from "./index-C9j6OhgK.js";
+import "./index-D6wOnTAl.js";
+import { a as F_GAME_TYPE } from "./collectible.enum-20LKRFir.js";
+import { u as useLoading } from "./loading-EnU7K0k3.js";
+import { i as initCollectibleConfig } from "./helper-BQYvN6FL.js";
+import { C as CollectionUtils } from "./collection.fn-03oGQuF_.js";
+import { s as sentenceCase$1 } from "./index-CuvNtC_M.js";
+import { c as getCampaignSummaryObject } from "./campaign-DIgbywUy.js";
+import { useDialog } from "@feedmepos/ui-library";
+import { u as useCampaignStore } from "./campaign-MPUFwgli.js";
+import { S as SvcConfig } from "./index-Cv-DbZdw.js";
+import { a as cleanPF } from "./object-qECH92oz.js";
+const _hoisted_1$g = { class: "space-y-24" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "TimeRuleGroup",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = ref(
+      !i.modelValue || !i.modelValue.rules.g_time ? "all_time" : RuleBuilder.getRules(i.modelValue.rules.g_time).length > 0 ? "custom" : "all_time"
+    );
+    watch(p, async (l, u) => {
+      var a;
+      if (u == "custom" && l == "all_time" && RuleBuilder.getRules((a = i.modelValue) == null ? void 0 : a.rules.g_time).length > 0) {
+        const f = await prompt.confirm(
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
+        );
+        f && s(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        ), p.value = f ? l : u;
+      }
+    });
+    async function n(l) {
+      var u;
+      if (l == "custom" && RuleBuilder.getRules((u = i.modelValue) == null ? void 0 : u.rules.g_time).length > 0) {
+        if (!await prompt.confirm(
+          o("connect.template.rule.time.confirm_remove"),
+          o("connect.common.confirm"),
+          o("connect.common.confirm"),
+          o("connect.common.cancel")
+        )) {
+          p.value = "all_time";
+          return;
+        }
+        s(
+          "update:model-value",
+          RuleBuilder.setRuleToGroup(
+            i.modelValue ?? RuleBuilder.scaffoldGroup(),
+            RuleBuilder.scaffoldGroup("g_time")
+          )
+        );
+      }
+    }
+    return (l, u) => {
+      var y;
+      const a = resolveComponent("FmRadio"), f = resolveComponent("FmRadioGroup");
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createVNode(f, {
+          modelValue: unref(p),
+          "onUpdate:modelValue": [
+            u[0] || (u[0] = (v) => isRef(p) ? p.value = v : null),
+            u[1] || (u[1] = (v) => n(v))
+          ]
+        }, {
+          default: withCtx(() => [
+            createVNode(a, {
+              label: unref(o)("connect.template.rule.time.all_time"),
+              value: "all_time"
+            }, null, 8, ["label"]),
+            createVNode(a, {
+              label: unref(o)("connect.template.rule.time.custom"),
+              value: "custom"
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        unref(p) == "custom" ? (openBlock(), createBlock(_sfc_main$j, {
+          key: 0,
+          class: "!mt-[0px]",
+          "include-only": "trigger",
+          "trigger-type": "SCHEDULE",
+          "model-value": ((y = e.modelValue) == null ? void 0 : y.rules.g_time) ?? unref(RuleBuilder).scaffoldGroup("g_time"),
+          "onUpdate:modelValue": u[2] || (u[2] = (v) => s(
+            "update:model-value",
+            unref(RuleBuilder).setRuleToGroup(
+              e.modelValue ?? unref(RuleBuilder).scaffoldGroup(),
+              v,
+              "&&"
+            )
+          ))
+        }, null, 8, ["model-value"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "BirthdayInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = computed(() => {
+      const { property: n, operator: l, equator: u } = RuleBuilder.simplify(
+        i.modelValue ?? RuleBuilder.constructEntry("user.birthday", "_isDay", {
+          op: "before",
+          x: 1
+        })
+      );
+      return {
+        property: n,
+        operator: l,
+        equator: u
+      };
+    });
+    return (n, l) => {
+      const u = resolveComponent("FmRadio"), a = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(u, {
+          label: unref(o)("connect.template.rule.birthday.on_birthday"),
+          value: "_isRange-day",
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
+          "onUpdate:modelValue": l[0] || (l[0] = () => {
+            s(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "day",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        createVNode(u, {
+          label: unref(o)("connect.template.rule.birthday.days_before"),
+          value: "_isDay",
+          "model-value": unref(p).operator,
+          "onUpdate:modelValue": l[1] || (l[1] = () => {
+            s(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+                op: "after",
+                x: 1,
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        unref(p).operator == "_isDay" ? (openBlock(), createBlock(a, {
+          key: 0,
+          label: unref(o)("connect.template.rule.birthday.days_before_label"),
+          "show-steppers": !1,
+          "model-value": unref(p).equator.x,
+          "onUpdate:modelValue": l[2] || (l[2] = (f) => s(
+            "update:model-value",
+            unref(RuleBuilder).constructEntry("user.birthday", "_isDay", {
+              op: "after",
+              x: f,
+              ignoreYear: !0
+            })
+          ))
+        }, null, 8, ["label", "model-value"])) : createCommentVNode("", !0),
+        createVNode(u, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_week"),
+          value: "_isRange-week",
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
+          "onUpdate:modelValue": l[3] || (l[3] = () => {
+            s(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "week",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"]),
+        createVNode(u, {
+          label: unref(o)("connect.template.rule.birthday.in_birthday_month"),
+          value: "_isRange-month",
+          "model-value": `${unref(p).operator}-${unref(p).equator.unit}`,
+          "onUpdate:modelValue": l[4] || (l[4] = () => {
+            s(
+              "update:model-value",
+              unref(RuleBuilder).constructEntry("user.birthday", "_isRange", {
+                op: "this",
+                unit: "month",
+                ignoreYear: !0
+              })
+            );
+          })
+        }, null, 8, ["label", "model-value"])
+      ]);
+    };
+  }
+}), _hoisted_1$f = { class: "space-y-16" }, _hoisted_2$c = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$a = { class: "grid grid-cols-3 gap-16" }, _hoisted_4$9 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$6 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CampaignTriggerInput",
+  props: {
+    campaignType: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = computed(() => i.disabled ? TypeToTriggerOptions[i.campaignType].filter(
+      (n) => n.value == i.modelValue
+    ) : TypeToTriggerOptions[i.campaignType]);
+    return (n, l) => {
+      const u = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$c, toDisplayString(unref(o)("connect.campaign.trigger.description")), 1),
+        createElementVNode("div", _hoisted_3$a, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(u, {
+            variant: "outlined",
+            disabled: i.disabled,
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-3": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+            }]),
+            onClick: () => {
+              i.modelValue != a.value && !i.disabled && s("update:model-value", a.value);
+            },
+            key: a.name
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$9, toDisplayString(a.name), 1),
+              createElementVNode("div", _hoisted_5$6, toDisplayString(a.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(e, { emit: m }) {
+    const o = m;
+    return (i, s) => {
+      const p = resolveComponent("FmButton"), n = resolveComponent("FmField"), l = resolveComponent("FmDatePicker");
+      return openBlock(), createBlock(l, {
+        label: e.label,
+        "model-value": e.modelValue || "",
+        "onUpdate:modelValue": s[1] || (s[1] = (u) => o("update:model-value", u))
+      }, {
+        "trigger-button": withCtx(({ opened: u }) => [
+          createVNode(n, {
+            class: "flex items-center",
+            "prepend-icon": "calendar_month",
+            "icon-outlined": !u
+          }, {
+            append: withCtx(() => [
+              e.modelValue ? (openBlock(), createBlock(p, {
+                key: 0,
+                variant: "tertiary",
+                icon: "clear",
+                onClick: s[0] || (s[0] = (a) => (a.stopPropagation(), o("update:model-value", null)))
+              })) : createCommentVNode("", !0)
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["fm-typo-en-body-lg-400", { "text-fm-color-typo-secondary": !e.modelValue }])
+              }, toDisplayString(e.modelValue ? unref(hooks)(e.modelValue).format("DD MMM YYYY") : "DD MM YYYY"), 3)
+            ]),
+            _: 1
+          }, 8, ["icon-outlined"])
+        ]),
+        _: 1
+      }, 8, ["label", "model-value"]);
+    };
+  }
+}), _hoisted_1$e = { class: "flex items-center gap-8 w-full xs:flex-col" }, _hoisted_2$b = { class: "flex-1 xs:w-full" }, _hoisted_3$9 = { class: "mt-5 xs:hidden" }, _hoisted_4$8 = { class: "flex-1 xs:w-full" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "DateRangeInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = m;
+    return (s, p) => {
+      var n, l;
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("div", _hoisted_2$b, [
+          createVNode(_sfc_main$f, {
+            "model-value": ((n = e.modelValue) == null ? void 0 : n.startDate) ?? null,
+            label: unref(o)("connect.common.startDate"),
+            "onUpdate:modelValue": p[0] || (p[0] = (u) => {
+              var a;
+              return i("update:model-value", {
+                startDate: u,
+                endDate: ((a = e.modelValue) == null ? void 0 : a.endDate) ?? null
+              });
+            })
+          }, null, 8, ["model-value", "label"])
+        ]),
+        createElementVNode("div", _hoisted_3$9, toDisplayString(unref(o)("connect.common.to")), 1),
+        createElementVNode("div", _hoisted_4$8, [
+          createVNode(_sfc_main$f, {
+            "model-value": ((l = e.modelValue) == null ? void 0 : l.endDate) ?? null,
+            label: unref(o)("connect.common.endDate"),
+            "onUpdate:modelValue": p[1] || (p[1] = (u) => {
+              var a;
+              return i("update:model-value", {
+                startDate: ((a = e.modelValue) == null ? void 0 : a.startDate) ?? null,
+                endDate: u
+              });
+            })
+          }, null, 8, ["model-value", "label"])
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$d = { class: "space-y-8" }, _hoisted_2$a = { class: "grid grid-cols-2 gap-16" }, _hoisted_3$8 = {
+  key: 0,
+  class: "space-y-4"
+}, _hoisted_4$7 = { class: "fm-typo-en-body-lg-400 class flex items-center justify-between" }, _hoisted_5$5 = { class: "text-ellipsis line-clamp-1" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "ScheduleRuleInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    startDate: {
+      type: String
+    },
+    endDate: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = useCoreStore(), n = computed(
+      () => CountryTimezone[p.currentCountry.value || "MY"]
+    );
+    function l() {
+      const c = RuleBuilder.getRules(i.modelValue);
+      return c.length == 0 ? "fixed" : c.some(
+        (r) => isRuleEntry(r) && RuleBuilder.simplify(r).operator == "_rrule"
+      ) ? "repeating" : "fixed";
+    }
+    const u = ref(l()), a = ref(!1), f = computed(() => [
+      { label: o("connect.template.rule.schedule.fixed"), value: "fixed" },
+      { label: o("connect.template.rule.schedule.repeating"), value: "repeating" }
+    ]), y = computed(() => {
+      const c = RuleBuilder.getRules(i.modelValue), r = c.find(
+        (g) => isRuleEntry(g) && RuleBuilder.simplify(g).property == "trigger.date"
+      ), d = c.find(
+        (g) => isRuleEntry(g) && RuleBuilder.simplify(g).property == "trigger.time"
+      );
+      return {
+        date: r ? RuleBuilder.simplify(r).equator : null,
+        time: d ? RuleBuilder.simplify(d).equator : null
+      };
+    }), v = computed(
+      () => calculateNextScheduleAt(
+        i.modelValue,
+        /* @__PURE__ */ new Date(),
+        i.startDate ? new Date(i.startDate) : void 0,
+        i.endDate ? new Date(i.endDate) : void 0
+      )
+    );
+    function C(c) {
+      const r = c.value, d = r == "fixed" ? [
+        RuleBuilder.constructEntry(
+          "trigger.date",
+          "_isOnDate",
+          (/* @__PURE__ */ new Date()).toISOString()
+        ),
+        RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+      ] : [
+        RuleBuilder.constructEntry(
+          "trigger.date",
+          "_rrule",
+          "RRULE:FREQ=DAILY;INTERVAL=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0;WKST=SU"
+        ),
+        RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+      ];
+      s(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          d
+        )
+      ), u.value = r;
+    }
+    function b(c) {
+      u.value == "fixed" ? s(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
+          RuleBuilder.constructEntry(
+            "trigger.date",
+            "_isOnDate",
+            c.date
+          ),
+          RuleBuilder.constructEntry(
+            "trigger.time",
+            "_isOnTime",
+            c.time
+          )
+        ])
+      ) : s(
+        "update:model-value",
+        RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup("g_schedule"), [
+          RuleBuilder.constructEntry(
+            "trigger.date",
+            "_rrule",
+            c.date
+          ),
+          RuleBuilder.constructEntry(
+            "trigger.time",
+            "_isOnTime",
+            c.time
+          )
+        ])
+      );
+    }
+    return (c, r) => {
+      const d = resolveComponent("FmButtonGroup"), g = resolveComponent("FmTimePicker"), k = resolveComponent("FmIcon"), V = resolveComponent("FmTooltip"), x = resolveComponent("FmField"), B = resolveComponent("FmCard"), h = resolveComponent("FmPopover"), R = resolveComponent("FmDatePicker"), S = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(d, {
+          items: unref(f),
+          "model-value": unref(f).find((E) => E.value === unref(u)) ?? null,
+          "onUpdate:modelValue": C,
+          class: "mb-8"
+        }, null, 8, ["items", "model-value"]),
+        createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_2$a, [
+            createVNode(g, {
+              label: unref(o)("connect.template.rule.schedule.notify_time"),
+              "model-value": unref(y).time,
+              "onUpdate:modelValue": r[0] || (r[0] = (E) => b({ date: unref(y).date, time: E })),
+              "helper-text": unref(y).time ? void 0 : unref(o)("connect.template.rule.schedule.time_required"),
+              "helper-state": unref(y).time ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]),
+            unref(u) == "repeating" ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_4$7, [
+                createElementVNode("div", null, toDisplayString(unref(o)("connect.template.rule.schedule.notify_date")), 1),
+                unref(y).date ? (openBlock(), createBlock(V, {
+                  key: 0,
+                  "z-index": 9999,
+                  content: unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(k, {
+                      name: "info",
+                      size: "sm",
+                      outline: !0
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : createCommentVNode("", !0)
+              ]),
+              createVNode(h, {
+                "show-popover": unref(a),
+                onPopoverChanged: r[3] || (r[3] = (E) => a.value = E)
+              }, {
+                "popover-button": withCtx(() => [
+                  createVNode(x, {
+                    class: "cursor-pointer",
+                    "helper-text": unref(y).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+                    "helper-state": unref(y).date ? void 0 : "error"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_5$5, toDisplayString(unref(y).date ? unref(SummarizeRrule)(unref(RRule).fromString(unref(y).date).options) : unref(o)("connect.template.rule.schedule.set_repeating_date")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["helper-text", "helper-state"])
+                ]),
+                default: withCtx(() => [
+                  createVNode(B, { class: "elevated p-8 w-[450px]" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$k, {
+                        "apply-button": !0,
+                        "model-value": unref(y).date || "",
+                        onCancel: r[1] || (r[1] = (E) => a.value = !1),
+                        "onUpdate:modelValue": r[2] || (r[2] = (E) => (b({ date: E, time: unref(y).time }), a.value = !1))
+                      }, null, 8, ["model-value"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["show-popover"])
+            ])) : (openBlock(), createBlock(R, {
+              key: 1,
+              label: unref(o)("connect.template.rule.schedule.notify_date"),
+              "model-value": unref(y).date || "",
+              "onUpdate:modelValue": r[4] || (r[4] = (E) => b({ date: E, time: unref(y).time })),
+              "helper-text": unref(y).date ? void 0 : unref(o)("connect.template.rule.schedule.date_required"),
+              "helper-state": unref(y).date ? void 0 : "error"
+            }, null, 8, ["label", "model-value", "helper-text", "helper-state"]))
+          ]),
+          unref(y).date && unref(y).time && unref(v) ? (openBlock(), createBlock(S, {
+            key: 0,
+            text: `${unref(moment)(unref(v)).isAfter(unref(moment)()) ? unref(o)("connect.template.rule.schedule.next_notification") : unref(o)("connect.template.rule.schedule.last_trigger_on")} ${unref(moment)(unref(v)).format("dddd, DD MMM YYYY")} at
+        ${unref(moment)(unref(v)).format("hh:mmA")}(UTC${unref(moment).tz(unref(n)).format("Z")}) (${unref(moment)(unref(v)).fromNow()})`
+          }, null, 8, ["text"])) : createCommentVNode("", !0)
+        ])
+      ], 64);
+    };
+  }
+}), _hoisted_1$c = { class: "space-y-16" }, _hoisted_2$9 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$7 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$6 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "GameTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = computed(
+      () => [
+        {
+          label: o("connect.campaign.gameType.option.FORTUNE_WHEEL.label"),
+          description: o("connect.campaign.gameType.option.FORTUNE_WHEEL.description"),
+          value: F_GAME_TYPE.enum.FORTUNE_WHEEL,
+          hidden: !1
+        },
+        {
+          label: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.label"),
+          description: o("connect.campaign.gameType.option.ROCK_PAPER_SCISSORS.description"),
+          value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS,
+          hidden: !0
+        }
+      ].filter((n) => !n.hidden)
+    );
+    return (n, l) => {
+      const u = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$9, toDisplayString(unref(o)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$7, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(u, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+            }]),
+            onClick: () => {
+              i.modelValue != a.value && s("update:model-value", a.value);
+            },
+            key: a.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$6, toDisplayString(a.label), 1),
+              createElementVNode("div", _hoisted_5$4, toDisplayString(a.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$b = {
+  key: 0,
+  class: "flex flex-col gap-y-24"
+}, _hoisted_2$8 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "EditRewardPoolSheet",
+  emits: ["update:model-value"],
+  setup(e, { expose: m, emit: o }) {
+    const i = useMembershipStore(), { minor: s } = useLoading, p = ref(!1), n = ref(), l = ref(), u = ref(0), a = computed(() => {
+      var c;
+      return ((c = i.loyaltyRewards.items.find(
+        (r) => {
+          var d;
+          return r.value === ((d = n.value) == null ? void 0 : d.collectible);
+        }
+      )) == null ? void 0 : c.raw.type) === "CREDIT" ? FdoCreditLoyaltyReward : FdtoRandomReward;
+    }), f = computed(() => {
+      const b = a.value.safeParse(n.value);
+      return b.success ? [] : b.error.errors;
+    });
+    function y(b, c, r) {
+      b && (n.value = c, u.value = r), p.value = b;
+    }
+    const v = o;
+    async function C() {
+      const b = a.value.safeParse(n.value);
+      b.success && (await s(
+        async () => {
+          b.data.type === "VOUCHER" && l.value && (b.data.collectibleConfig.image = await firebaseStorage.update(
+            b.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, l.value),
+            l.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), v("update:model-value", b.data, u.value));
+    }
+    return m({
+      showSheet: y
+    }), (b, c) => {
+      const r = resolveComponent("FmSelect"), d = resolveComponent("FmStepperField"), g = resolveComponent("FmButton"), k = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(k, {
+        "max-width": 560,
+        modelValue: unref(p),
+        "onUpdate:modelValue": [
+          c[9] || (c[9] = (V) => isRef(p) ? p.value = V : null),
+          c[10] || (c[10] = (V) => p.value = V)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_2$8, [
+            createVNode(g, {
+              variant: "primary",
+              type: "button",
+              disabled: unref(f).length > 0,
+              label: "Confirm",
+              onClick: c[7] || (c[7] = (V) => C())
+            }, null, 8, ["disabled"]),
+            createVNode(g, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: c[8] || (c[8] = (V) => p.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => {
+          var V, x, B;
+          return [
+            unref(n) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+              createVNode(r, {
+                label: "Reward Type",
+                items: [
+                  { label: "No Reward", value: "NO_REWARD" },
+                  { label: "Voucher", value: "VOUCHER" },
+                  { label: "Loyalty", value: "LOYALTY" }
+                ],
+                "model-value": unref(n).type,
+                "onUpdate:modelValue": c[0] || (c[0] = (h) => {
+                  h == "NO_REWARD" ? n.value = {
+                    type: "NO_REWARD",
+                    collectible: null,
+                    weight: 1
+                  } : h === "VOUCHER" ? n.value = {
+                    collectible: null,
+                    type: "VOUCHER",
+                    collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
+                      business: unref(useCoreStore)().currentBusiness.value._id
+                    }),
+                    earningOption: {
+                      amount: 1,
+                      type: "FIXED"
+                    },
+                    validityOption: {
+                      validForDay: 7
+                    },
+                    weight: 1
+                  } : n.value = {
+                    collectible: unref(i).loyaltyRewards.raw[0]._id,
+                    type: "LOYALTY",
+                    earningOption: {
+                      amount: 1,
+                      type: "FIXED"
+                    },
+                    validityOption: {
+                      validForDay: 7
+                    },
+                    weight: 1
+                  };
+                })
+              }, null, 8, ["model-value"]),
+              unref(n).type == "LOYALTY" ? (openBlock(), createBlock(r, {
+                key: 0,
+                label: "Loyalty type",
+                rules: [unref(ZodHelper).ruleAtPath(unref(a), "collectible", [unref(n).type])],
+                items: unref(i).loyaltyRewards.items,
+                "model-value": unref(n).collectible,
+                "onUpdate:modelValue": c[1] || (c[1] = (h) => unref(n).collectible = h)
+              }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+              createVNode(d, {
+                label: "Weight",
+                rules: [unref(ZodHelper).ruleAtPath(unref(a), "weight", [unref(n).type])],
+                "model-value": unref(n).weight,
+                "onUpdate:modelValue": c[2] || (c[2] = (h) => n.value = {
+                  ...unref(n),
+                  weight: h
+                })
+              }, null, 8, ["rules", "model-value"]),
+              unref(n).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ((V = unref(i).loyaltyRewards.items.find(
+                  (h) => {
+                    var R;
+                    return h.value === ((R = unref(n)) == null ? void 0 : R.collectible);
+                  }
+                )) == null ? void 0 : V.raw.type) !== "TITLE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  c[11] || (c[11] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  createVNode(_sfc_main$l, {
+                    class: "mt-[-8px]",
+                    rules: [
+                      unref(ZodHelper).ruleAtPath(unref(a), "earningOption", [unref(n).type])
+                    ],
+                    "helper-state": unref(ZodHelper).helperState(unref(f), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(f), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(n).earningOption,
+                    "onUpdate:modelValue": c[3] || (c[3] = (h) => n.value = {
+                      ...unref(n),
+                      earningOption: h
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                c[12] || (c[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Validity option", -1)),
+                createVNode(_sfc_main$m, {
+                  type: unref(n).type === "LOYALTY" ? "custom" : "range",
+                  "for-credit": unref(n).type === "LOYALTY" && ((x = unref(i).loyaltyRewards.items.find(
+                    (h) => {
+                      var R;
+                      return h.value === ((R = unref(n)) == null ? void 0 : R.collectible);
+                    }
+                  )) == null ? void 0 : x.raw.type) === "CREDIT",
+                  class: "!gap-24",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(a), "validityOption", [unref(n).type])],
+                  "model-value": unref(n).validityOption,
+                  "onUpdate:modelValue": c[4] || (c[4] = (h) => n.value = {
+                    ...unref(n),
+                    validityOption: h
+                  })
+                }, null, 8, ["type", "for-credit", "rules", "model-value"])
+              ], 64)) : createCommentVNode("", !0),
+              unref(n).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
+                key: 2,
+                "reward-image": unref(l),
+                "model-value": ((B = unref(n)) == null ? void 0 : B.collectibleConfig) ?? void 0,
+                "onUpdate:modelValue": c[5] || (c[5] = (h) => n.value = {
+                  ...unref(n),
+                  collectibleConfig: h
+                }),
+                "onUpdate:rewardImage": c[6] || (c[6] = (h) => l.value = h)
+              }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
+              createVNode(JsonViewer, { json: unref(f) }, null, 8, ["json"])
+            ])) : createCommentVNode("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function isNullOrEmpty(e) {
+  return e == null || e === "";
+}
+const _hoisted_1$a = { class: "space-y-16" }, _hoisted_2$7 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$6 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$5 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "RewardPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => [
+        {
+          collectible: null,
+          type: "NO_REWARD",
+          weight: 1
+        }
+      ]
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const o = e, i = m, s = useMembershipStore(), { t: p } = useI18n(), n = z.array(z.lazy(() => FdtoRandomReward)).min(1, "Requires at least 1 reward"), l = computed(() => o.modelValue ?? []), u = computed(() => {
+      const c = n.safeParse(l.value);
+      return c.success ? [] : c.error.errors;
+    }), a = ref();
+    function f(c, r) {
+      var g;
+      const d = [...l.value];
+      d[r] = c, (g = a.value) == null || g.showSheet(!1), i("update:model-value", d);
+    }
+    function y(c) {
+      const r = c.type == "VOUCHER" ? c.collectibleConfig : s.collectibles.find(
+        (k) => k._id.toString() == c.collectible
+      ), d = CollectionUtils.formattedType((r == null ? void 0 : r.name) || ""), g = c.weight;
+      return {
+        label: isNullOrEmpty(d) ? "NO REWARD" : d,
+        sublabel: `${g} (${(g / l.value.reduce((k, V) => k + V.weight, 0) * 100).toFixed(2)}%)`
+      };
+    }
+    function v(c) {
+      var d;
+      const r = [...l.value];
+      (d = a.value) == null || d.showSheet(!0, r[c], c);
+    }
+    function C(c) {
+      const r = [...l.value];
+      r.splice(c, 1), i("update:model-value", r);
+    }
+    function b() {
+      var c;
+      (c = a.value) == null || c.showSheet(
+        !0,
+        {
+          type: "NO_REWARD",
+          collectible: null,
+          weight: 1
+        },
+        l.value.length
+      );
+    }
+    return (c, r) => {
+      const d = resolveComponent("FmButton"), g = resolveComponent("FmCard"), k = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_2$7, toDisplayString(unref(p)("connect.template.configure_reward_type")), 1),
+        createVNode(d, {
+          label: unref(p)("connect.campaign.rewardPool.addReward"),
+          onClick: r[0] || (r[0] = (V) => b()),
+          variant: "plain",
+          icon: "add"
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (V, x) => (openBlock(), createBlock(g, {
+          key: x,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: (B) => v(x)
+        }, {
+          default: withCtx(() => {
+            var B;
+            return [
+              createElementVNode("div", null, [
+                createElementVNode("div", _hoisted_3$6, toDisplayString(V.type == "LOYALTY" ? (B = V == null ? void 0 : V.earningOption) == null ? void 0 : B.amount : "") + " " + toDisplayString(y(V).label), 1),
+                createElementVNode("div", _hoisted_4$5, toDisplayString(y(V).sublabel), 1)
+              ]),
+              createVNode(d, {
+                icon: "delete",
+                variant: "tertiary",
+                onClick: (h) => (h.stopPropagation(), C(x))
+              }, null, 8, ["onClick"])
+            ];
+          }),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u).filter((V) => V.path.join(".") == ""), (V) => (openBlock(), createBlock(k, {
+          key: V.message,
+          text: V.message,
+          state: "error"
+        }, null, 8, ["text"]))), 128)),
+        createVNode(_sfc_main$b, {
+          ref_key: "sheetRef",
+          ref: a,
+          "onUpdate:modelValue": f
+        }, null, 512)
+      ]);
+    };
+  }
+}), _hoisted_1$9 = { class: "space-y-16" }, _hoisted_2$6 = {
+  key: 0,
+  class: "grid grid-cols-2 gap-16"
+}, _hoisted_3$5 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "PromotionGameTypeInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = computed(() => [
+      {
+        label: o("connect.template.promotion_game.rock_paper_scissors.label"),
+        description: o("connect.template.promotion_game.rock_paper_scissors.description"),
+        value: F_GAME_TYPE.enum.ROCK_PAPER_SCISSORS
+      }
+    ]);
+    return (n, l) => {
+      var y, v, C;
+      const u = resolveComponent("FmSwitch"), a = resolveComponent("FmCard"), f = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createVNode(u, {
+          label: unref(o)("connect.template.promotion_game.enable"),
+          "model-value": !!((y = e.modelValue) != null && y.gameType),
+          "onUpdate:modelValue": l[0] || (l[0] = (b) => b ? s("update:model-value", { gameType: "ROCK_PAPER_SCISSORS" }) : s("update:model-value", null))
+        }, null, 8, ["label", "model-value"]),
+        ((v = e.modelValue) == null ? void 0 : v.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (b) => {
+            var c, r;
+            return openBlock(), createBlock(a, {
+              variant: "outlined",
+              class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+                "col-span-2": unref(p).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((c = e.modelValue) == null ? void 0 : c.gameType) == b.value,
+                "hover:bg-fm-color-opacity-sm": ((r = e.modelValue) == null ? void 0 : r.gameType) != b.value
+              }]),
+              onClick: () => {
+                var d;
+                ((d = i.modelValue) == null ? void 0 : d.gameType) != b.value && s("update:model-value", { gameType: b.value });
+              },
+              key: b.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3$5, toDisplayString(b.label), 1),
+                createElementVNode("div", _hoisted_4$4, toDisplayString(b.description), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ])) : createCommentVNode("", !0),
+        ((C = e.modelValue) == null ? void 0 : C.gameType) == "ROCK_PAPER_SCISSORS" ? (openBlock(), createBlock(f, {
+          key: 1,
+          text: unref(o)("connect.template.promotion_game.rock_paper_scissors.warning"),
+          state: "warning"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$8 = { class: "space-y-16" }, _hoisted_2$5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$4 = { class: "grid grid-cols-2 gap-16" }, _hoisted_4$3 = { class: "fm-typo-en-title-sm-800" }, _hoisted_5$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "MissionTypeInput",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = computed(() => [
+      {
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("connect.campaign.mission.typeOption.STAMP.description"),
+        value: F_MISSION_TYPE.enum.STAMP
+      },
+      {
+        label: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
+        value: F_MISSION_TYPE.enum.PROGRESSIVE
+      }
+    ]);
+    return (n, l) => {
+      const u = resolveComponent("FmCard");
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$5, toDisplayString(unref(o)("connect.template.select_game")), 1),
+        createElementVNode("div", _hoisted_3$4, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (a) => (openBlock(), createBlock(u, {
+            variant: "outlined",
+            class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-2": unref(p).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue == a.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue != a.value
+            }]),
+            onClick: () => {
+              i.modelValue != a.value && s("update:model-value", a.value);
+            },
+            key: a.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$3, toDisplayString(a.label), 1),
+              createElementVNode("div", _hoisted_5$3, toDisplayString(a.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), _hoisted_1$7 = { class: "space-y-16" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "MissionEndInput",
+  props: {
+    modelValue: {
+      type: [String, Number]
+    },
+    helperText: {
+      type: String
+    },
+    helperState: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const o = m;
+    return (i, s) => {
+      const p = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        s[1] || (s[1] = createElementVNode("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Input the total number of stamps needed to complete the mission ", -1)),
+        createVNode(p, {
+          label: "Maximum to collect",
+          "model-value": e.modelValue || null,
+          "onUpdate:modelValue": s[0] || (s[0] = (n) => o("update:model-value", n)),
+          "helper-text": e.helperText || "Set the threshold required for reward eligibility",
+          "helper-state": e.helperState || "none"
+        }, null, 8, ["model-value", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+}), _hoisted_1$6 = { class: "flex gap-8 items-center justify-start" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "EditMissionPoolSheet",
+  props: {
+    maxThreshold: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { expose: m, emit: o }) {
+    const i = e, s = useMembershipStore(), { minor: p } = useLoading, n = ref(!1), l = ref(), u = ref(), a = ref(0), f = computed(() => {
+      var d;
+      return ((d = s.loyaltyRewards.items.find(
+        (g) => {
+          var k;
+          return g.value === ((k = l.value) == null ? void 0 : k.collectible);
+        }
+      )) == null ? void 0 : d.raw.type) === "CREDIT" ? FdoThresholdCreditReward : FdtoThresholdReward;
+    }), y = computed(() => {
+      const r = f.value.safeParse(l.value);
+      return r.success ? [] : r.error.errors;
+    });
+    function v(r, d, g) {
+      r && (l.value = d, a.value = g), n.value = r;
+    }
+    const C = o;
+    async function b() {
+      const r = f.value.safeParse(l.value);
+      r.success && (await p(
+        async () => {
+          r.data.type === "VOUCHER" && u.value && (r.data.collectibleConfig.image = await firebaseStorage.update(
+            r.data.collectibleConfig.image || firebaseStorage.collectibleImagePath(void 0, u.value),
+            u.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), C("update:model-value", r.data, a.value));
+    }
+    const c = ref();
+    return m({
+      showSheet: v
+    }), (r, d) => {
+      const g = resolveComponent("FmStepperField"), k = resolveComponent("FmSelect"), V = resolveComponent("FmForm"), x = resolveComponent("FmButton"), B = resolveComponent("FmSideSheet");
+      return openBlock(), createBlock(B, {
+        "max-width": 560,
+        modelValue: unref(n),
+        "onUpdate:modelValue": [
+          d[10] || (d[10] = (h) => isRef(n) ? n.value = h : null),
+          d[11] || (d[11] = (h) => n.value = h)
+        ],
+        header: "Edit reward",
+        "dismiss-away": ""
+      }, {
+        "side-sheet-footer": withCtx(() => [
+          createElementVNode("div", _hoisted_1$6, [
+            createVNode(x, {
+              variant: "primary",
+              type: "button",
+              label: "Confirm",
+              disabled: unref(y).length > 0,
+              onClick: d[8] || (d[8] = async () => {
+                var h;
+                return (h = unref(c)) == null ? void 0 : h.validateInputs();
+              })
+            }, null, 8, ["disabled"]),
+            createVNode(x, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: d[9] || (d[9] = (h) => n.value = !1)
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createVNode(JsonViewer, { json: unref(l) }, null, 8, ["json"]),
+          unref(l) ? (openBlock(), createBlock(V, {
+            key: 0,
+            class: "flex flex-col gap-y-24",
+            ref_key: "formRef",
+            ref: c,
+            onValidationSuccess: d[7] || (d[7] = (h) => b())
+          }, {
+            default: withCtx(() => {
+              var h, R;
+              return [
+                unref(l).type ? (openBlock(), createBlock(g, {
+                  key: 0,
+                  label: "Threshold",
+                  rules: [
+                    unref(ZodHelper).toRule(
+                      unref(z).number().min(1).max(
+                        i.maxThreshold,
+                        `Number cannot be more than ${i.maxThreshold}`
+                      )
+                    )
+                  ],
+                  "model-value": unref(l).threshold,
+                  "onUpdate:modelValue": d[0] || (d[0] = (S) => l.value = {
+                    ...unref(l),
+                    threshold: S
+                  })
+                }, null, 8, ["rules", "model-value"])) : createCommentVNode("", !0),
+                createVNode(k, {
+                  label: "Reward Type",
+                  items: [
+                    { label: "Voucher", value: "VOUCHER" },
+                    { label: "Loyalty", value: "LOYALTY" }
+                  ],
+                  "model-value": unref(l).type,
+                  "onUpdate:modelValue": d[1] || (d[1] = (S) => {
+                    var E, $;
+                    S === "VOUCHER" ? l.value = {
+                      collectible: null,
+                      type: "VOUCHER",
+                      collectibleConfig: unref(initCollectibleConfig)("VOUCHER", {
+                        business: unref(useCoreStore)().currentBusiness.value._id
+                      }),
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: (E = unref(l)) == null ? void 0 : E.threshold
+                    } : l.value = {
+                      collectible: unref(s).loyaltyRewards.raw[0]._id,
+                      type: "LOYALTY",
+                      earningOption: {
+                        amount: 1,
+                        type: "FIXED"
+                      },
+                      validityOption: {
+                        validForDay: 7
+                      },
+                      threshold: ($ = unref(l)) == null ? void 0 : $.threshold
+                    };
+                  })
+                }, null, 8, ["model-value"]),
+                unref(l).type == "LOYALTY" ? (openBlock(), createBlock(k, {
+                  key: 1,
+                  label: "Loyalty type",
+                  rules: [unref(ZodHelper).ruleAtPath(unref(f), "collectible", [unref(l).type])],
+                  items: unref(s).loyaltyRewards.items,
+                  "model-value": unref(l).collectible,
+                  "onUpdate:modelValue": d[2] || (d[2] = (S) => unref(l).collectible = S)
+                }, null, 8, ["rules", "items", "model-value"])) : createCommentVNode("", !0),
+                unref(l).type === "LOYALTY" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  d[12] || (d[12] = createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  createVNode(_sfc_main$l, {
+                    class: "mt-[-8px]",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(f), "earningOption", [unref(l).type])],
+                    "helper-state": unref(ZodHelper).helperState(unref(y), "earningOption"),
+                    "error-text": unref(ZodHelper).helperText(unref(y), "earningOption"),
+                    "fixed-type": !0,
+                    "model-value": unref(l).earningOption,
+                    "onUpdate:modelValue": d[3] || (d[3] = (S) => l.value = {
+                      ...unref(l),
+                      earningOption: S
+                    })
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"]),
+                  createVNode(_sfc_main$m, {
+                    class: "!gap-24",
+                    type: unref(l).type === "LOYALTY" ? "custom" : "range",
+                    "for-credit": unref(l).type === "LOYALTY" && ((h = unref(s).loyaltyRewards.items.find(
+                      (S) => {
+                        var E;
+                        return S.value === ((E = unref(l)) == null ? void 0 : E.collectible);
+                      }
+                    )) == null ? void 0 : h.raw.type) === "CREDIT",
+                    rules: [unref(ZodHelper).ruleAtPath(unref(f), "validityOption", [unref(l).type])],
+                    "model-value": unref(l).validityOption,
+                    "onUpdate:modelValue": d[4] || (d[4] = (S) => l.value = {
+                      ...unref(l),
+                      validityOption: S
+                    })
+                  }, null, 8, ["type", "for-credit", "rules", "model-value"])
+                ], 64)) : createCommentVNode("", !0),
+                unref(l).type === "VOUCHER" ? (openBlock(), createBlock(_sfc_main$n, {
+                  key: 3,
+                  "reward-image": unref(u),
+                  "model-value": ((R = unref(l)) == null ? void 0 : R.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": d[5] || (d[5] = (S) => l.value = {
+                    ...unref(l),
+                    collectibleConfig: S
+                  }),
+                  "onUpdate:rewardImage": d[6] || (d[6] = (S) => u.value = S)
+                }, null, 8, ["reward-image", "model-value"])) : createCommentVNode("", !0),
+                createVNode(JsonViewer, { json: unref(y) }, null, 8, ["json"])
+              ];
+            }),
+            _: 1
+          }, 512)) : createCommentVNode("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), _hoisted_1$5 = {
+  key: 0,
+  class: "grid grid-cols-5 text-center gap-8 justify-between items-center w-full"
+}, _hoisted_2$4 = { class: "flex flex-col gap-0 items-center justify-center" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "MissionProgress",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    maxRange: {
+      type: Number,
+      required: !0
+    },
+    currentRange: {
+      type: Number,
+      default: 0
+    },
+    markers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const m = e, { maxRange: o, currentRange: i, markers: s } = toRefs(m), p = computed(
+      () => Math.min(i.value / o.value * 100, 100)
+    ), n = (l) => l / o.value * 100;
+    return (l, u) => {
+      const a = resolveComponent("FmIcon");
+      return e.type === "STAMP" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(Math.min(unref(o), 40), (f) => (openBlock(), createBlock(a, {
+          class: normalizeClass(
+            unref(i) >= f ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+          ),
+          outline: unref(i) < f,
+          key: f,
+          name: unref(s).some((y) => y === f) ? "featured_seasonal_and_gifts" : "check_circle"
+        }, null, 8, ["class", "outline", "name"]))), 128))
+      ])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["relative w-full h-4 rounded-lg", "bg-fm-color-system-warning-100"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["bg-fm-color-primary", "absolute top-0 left-0 h-full rounded-lg"]),
+          style: normalizeStyle({ width: unref(p) + "%" })
+        }, null, 4),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(s), (f, y) => (openBlock(), createElementBlock("div", {
+          key: y,
+          class: "absolute -top-1.5 flex flex-col items-center -translate-x-1/2",
+          style: normalizeStyle({ left: n(f) + "%" })
+        }, [
+          createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", {
+              class: normalizeClass(["h-16 w-[2px]", "bg-fm-color-system-warning-300"])
+            }),
+            u[0] || (u[0] = createElementVNode("div", null, "🎁", -1))
+          ])
+        ], 4))), 128))
+      ]));
+    };
+  }
+}), isObject = (e) => e !== null && typeof e == "object";
+function changeKeysFactory(e) {
+  return function m(o, i = 1, s) {
+    if (i === 0 || !isObject(o))
+      return o;
+    if (Array.isArray(o))
+      return o.map((n) => m(n, i - 1, s));
+    const p = Object.create(Object.getPrototypeOf(o));
+    return Object.keys(o).forEach((n) => {
+      const l = o[n], u = e(n, s), a = m(l, i - 1, s);
+      p[u] = a;
+    }), p;
+  };
+}
+const sentenceCase = changeKeysFactory(sentenceCase$1), _hoisted_1$4 = { class: "space-y-16" }, _hoisted_2$3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$3 = { class: "fm-typo-en-body-lg-400" }, _hoisted_4$2 = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _hoisted_5$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_6$2 = { class: "flex items-center gap-4" }, _hoisted_7$2 = { class: "fm-typo-en-body-lg-600" }, _hoisted_8$2 = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _hoisted_9$2 = { class: "flex items-center gap-16" }, _hoisted_10$2 = { key: 0 }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "MissionPoolInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    mission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = m, p = useMembershipStore(), n = z.array(z.lazy(() => FdtoThresholdReward)).min(1, "Requires at least 1 reward"), l = computed(
+      () => i.modelValue.sort((r, d) => r.threshold - d.threshold) ?? []
+    ), u = computed(() => {
+      const r = n.safeParse(l.value);
+      return r.success ? [] : r.error.errors;
+    }), a = ref();
+    function f(r, d) {
+      var k;
+      const g = [...l.value];
+      g[d] = r, (k = a.value) == null || k.showSheet(!1), s("update:model-value", g);
+    }
+    function y(r) {
+      const d = r.type == "VOUCHER" ? r.collectibleConfig : p.collectibles.find(
+        (V) => V._id.toString() == r.collectible
+      ), g = CollectionUtils.formattedType((d == null ? void 0 : d.name) || ""), k = r.earningOption.type == "FIXED" ? o("connect.template.mission_pool.reward_sublabel_fixed", {
+        threshold: r.threshold,
+        amount: r.earningOption.amount
+      }) : o("connect.template.mission_pool.reward_sublabel_per_spend", {
+        threshold: r.threshold,
+        amount: r.earningOption.amount,
+        every: r.earningOption.every
+      });
+      return {
+        label: isNullOrEmpty(g) ? o("connect.template.mission_pool.no_reward") : g,
+        sublabel: k
+      };
+    }
+    function v(r) {
+      var g;
+      const d = [...l.value];
+      (g = a.value) == null || g.showSheet(!0, d[r], r);
+    }
+    function C(r) {
+      const d = [...l.value];
+      d.splice(r, 1), s("update:model-value", d);
+    }
+    function b() {
+      var r;
+      (r = a.value) == null || r.showSheet(
+        !0,
+        {
+          type: "LOYALTY",
+          collectible: p.loyaltyRewards.items[0].value,
+          threshold: null,
+          validityOption: {
+            validForDay: 7
+          },
+          earningOption: {
+            type: "FIXED",
+            amount: 1
+          }
+        },
+        l.value.length
+      );
+    }
+    function c(r) {
+      var d, g;
+      return r.type == "VOUCHER" ? (d = r.collectibleConfig) == null ? void 0 : d.name : sentenceCase(
+        ((g = p.loyaltyRewards.items.find(
+          (k) => k.value == r.collectible
+        )) == null ? void 0 : g.label) || ""
+      );
+    }
+    return (r, d) => {
+      const g = resolveComponent("FmButton"), k = resolveComponent("FmCard"), V = resolveComponent("FmHelperText");
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$3, toDisplayString(unref(o)("connect.template.configure_reward_customer")), 1),
+        createVNode(g, {
+          label: unref(o)("connect.template.mission_pool.add_reward"),
+          onClick: d[0] || (d[0] = (x) => b()),
+          variant: "plain",
+          icon: "add"
+        }, null, 8, ["label"]),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (x, B) => (openBlock(), createBlock(k, {
+          key: B,
+          class: "px-16 py-12 flex items-center justify-between cursor-pointer",
+          variant: "outlined",
+          onClick: (h) => v(B)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3$3, toDisplayString(y(x).label), 1),
+              createElementVNode("div", _hoisted_4$2, toDisplayString(y(x).sublabel), 1)
+            ]),
+            createVNode(g, {
+              icon: "delete",
+              variant: "tertiary",
+              onClick: (h) => (h.stopPropagation(), C(B))
+            }, null, 8, ["onClick"])
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(u).filter((x) => x.path.join(".") == ""), (x) => (openBlock(), createBlock(V, {
+          key: x.message,
+          text: x.message,
+          state: "error"
+        }, null, 8, ["text"]))), 128)),
+        createElementVNode("div", _hoisted_5$2, toDisplayString(unref(o)("connect.template.mission_pool.preview")), 1),
+        (openBlock(), createBlock(k, {
+          key: 0,
+          variant: "outlined",
+          class: "p-24 space-y-16 w-fit"
+        }, {
+          default: withCtx(() => {
+            var x, B;
+            return [
+              createElementVNode("div", _hoisted_6$2, [
+                createElementVNode("div", null, [
+                  createElementVNode("div", _hoisted_7$2, toDisplayString(unref(o)("connect.template.mission_pool.collect_stamps", { end: e.mission.end })) + " " + toDisplayString(((x = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : x.earningOption.amount) > 1 ? (B = e.modelValue[e.modelValue.length - 1]) == null ? void 0 : B.earningOption.amount : "") + " " + toDisplayString(e.modelValue[e.modelValue.length - 1] ? c(e.modelValue[e.modelValue.length - 1]) : ""), 1),
+                  createElementVNode("div", _hoisted_8$2, toDisplayString(unref(o)("connect.template.mission_pool.earn_stamp")), 1)
+                ])
+              ]),
+              createElementVNode("div", _hoisted_9$2, [
+                createVNode(_sfc_main$5, {
+                  type: e.mission.type,
+                  "max-range": e.mission.end,
+                  currentRange: e.mission.end / 4,
+                  markers: e.modelValue.map((h) => h.threshold)
+                }, null, 8, ["type", "max-range", "currentRange", "markers"]),
+                e.mission.type == "PROGRESSIVE" ? (openBlock(), createElementBlock("div", _hoisted_10$2, " 0/" + toDisplayString(e.mission.end.toLocaleString()), 1)) : createCommentVNode("", !0)
+              ])
+            ];
+          }),
+          _: 1
+        })),
+        createVNode(_sfc_main$6, {
+          ref_key: "sheetRef",
+          ref: a,
+          "onUpdate:modelValue": f,
+          "max-threshold": e.mission.end
+        }, null, 8, ["max-threshold"])
+      ]);
+    };
+  }
+}), _hoisted_1$3 = { class: "space-y-16" }, _hoisted_2$2 = { class: "space-y-8" }, _hoisted_3$2 = { class: "fm-typo-en-title-sm-800" }, _hoisted_4$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_5$1 = { class: "grid grid-cols-2 gap-16" }, _hoisted_6$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_7$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_8$1 = { class: "space-y-8" }, _hoisted_9$1 = { class: "fm-typo-en-title-sm-800" }, _hoisted_10$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MissionInput",
+  props: {
+    modelValue: Object
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), i = e, s = computed(() => {
+      const l = FdoMission.safeParse(i.modelValue);
+      return l.success ? [] : l.error.errors;
+    }), p = computed(() => [
+      {
+        label: o("connect.campaign.mission.typeOption.STAMP.label"),
+        description: o("connect.campaign.mission.typeOption.STAMP.description"),
+        value: F_MISSION_TYPE.enum.STAMP
+      },
+      {
+        label: o("connect.campaign.mission.typeOption.PROGRESSIVE.label"),
+        description: o("connect.campaign.mission.typeOption.PROGRESSIVE.description"),
+        value: F_MISSION_TYPE.enum.PROGRESSIVE
+      }
+    ]), n = m;
+    return (l, u) => {
+      var y;
+      const a = resolveComponent("FmCard"), f = resolveComponent("FmStepperField");
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_3$2, toDisplayString(unref(o)("connect.campaign.mission.missionType")), 1),
+          createElementVNode("div", _hoisted_4$1, toDisplayString(unref(o)("connect.template.select_game")), 1),
+          createElementVNode("div", _hoisted_5$1, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(p), (v) => {
+              var C, b;
+              return openBlock(), createBlock(a, {
+                variant: "outlined",
+                class: normalizeClass(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+                  "col-span-2": unref(p).length == 1,
+                  "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((C = e.modelValue) == null ? void 0 : C.type) == v.value,
+                  "hover:bg-fm-color-opacity-sm": ((b = e.modelValue) == null ? void 0 : b.type) != v.value
+                }]),
+                onClick: () => {
+                  var c, r;
+                  ((c = e.modelValue) == null ? void 0 : c.type) != v.value && n("update:model-value", {
+                    ...e.modelValue,
+                    type: v.value,
+                    end: ((r = e.modelValue) == null ? void 0 : r.end) || 1
+                  });
+                },
+                key: v.value
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_6$1, toDisplayString(v.label), 1),
+                  createElementVNode("div", _hoisted_7$1, toDisplayString(v.description), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequired")), 1),
+          createElementVNode("div", _hoisted_10$1, toDisplayString(unref(o)("connect.campaign.mission.collectionsRequiredDescription")), 1),
+          createVNode(f, {
+            label: unref(o)("connect.campaign.mission.maximumToCollect"),
+            "model-value": ((y = e.modelValue) == null ? void 0 : y.end) || null,
+            "onUpdate:modelValue": u[0] || (u[0] = (v) => {
+              var C;
+              return n("update:model-value", {
+                ...e.modelValue,
+                type: ((C = e.modelValue) == null ? void 0 : C.type) || "STAMP",
+                end: v
+              });
+            }),
+            "helper-text": unref(ZodHelper).helperText(unref(s), "end") || unref(o)("connect.campaign.mission.thresholdHelperText"),
+            "helper-state": unref(ZodHelper).helperState(unref(s), "end") || "none"
+          }, null, 8, ["label", "model-value", "helper-text", "helper-state"])
+        ])
+      ]);
+    };
+  }
+});
+function useLocaleText() {
+  const { locale: e, t: m } = useI18n();
+  function o(i, s) {
+    return i ? i[e.value] ?? i["en-US"] ?? m(s) : m(s);
+  }
+  return { getLocaleText: o };
+}
+const _hoisted_1$2 = { key: 26 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "TemplateInput",
+  props: {
+    field: { type: Object, required: !0 },
+    modelValue: {
+      type: Object
+    },
+    schema: {
+      type: Object
+    },
+    extras: {
+      type: Object
+    },
+    helperText: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    campaignType: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["update:model-value", "update:file"],
+  setup(e, { emit: m }) {
+    const { t: o } = useI18n(), { getLocaleText: i } = useLocaleText(), s = e, p = m;
+    function n(f) {
+      switch (s.field.type) {
+        case "timeframe":
+          const y = f.startDate ? hooks(f.startDate).startOf("day").toISOString() : void 0, v = f.endDate ? hooks(f.endDate).endOf("day").toISOString() : void 0;
+          p("update:model-value", {
+            type: "timeframe",
+            property: "__now",
+            start: y,
+            end: v
+          });
+          break;
+        case "image": {
+          p(
+            "update:file",
+            f,
+            l.value || firebaseStorage.collectibleImagePath(void 0, f)
+          );
+          break;
+        }
+        default:
+          p("update:model-value", f);
+          break;
+      }
+    }
+    const l = computed(() => {
+      switch (s.field.type) {
+        case "timeframe": {
+          const f = s.modelValue;
+          return {
+            startDate: f != null && f.start ? hooks(f == null ? void 0 : f.start).format("YYYY-MM-DD") : null,
+            endDate: f != null && f.end ? hooks(f == null ? void 0 : f.end).format("YYYY-MM-DD") : null
+          };
+        }
+        default:
+          return s.modelValue;
+      }
+    });
+    function u() {
+      if (!a.value.schema) return [];
+      const f = a.value.schema.safeParse(s.modelValue);
+      return f.success ? [] : f.error.errors;
+    }
+    const a = computed(() => ({
+      schema: s.schema,
+      unwrapped: s.schema ? ZodHelper.unwrap(s.schema) : void 0,
+      rules: s.schema ? [ZodHelper.ruleAtPath(s.schema, "")] : void 0,
+      labelMark: s.schema && ZodHelper.isRequired(s.schema) == !1 ? "optional" : void 0,
+      zodLabel: s.schema ? ZodHelper.toInputLabel(
+        s.schema,
+        i(s.field.label_locale, s.field.label ?? "")
+      ) : void 0
+    }));
+    return (f, y) => {
+      var d, g, k, V, x;
+      const v = resolveComponent("FmTextField"), C = resolveComponent("FmStepperField"), b = resolveComponent("FmTextarea"), c = resolveComponent("FmHelperText"), r = resolveComponent("FmSwitch");
+      return e.field.type === "text" ? (openBlock(), createBlock(v, {
+        key: 0,
+        label: unref(i)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "helper-state": e.helperText ? "error" : void 0,
+        "helper-text": e.helperText
+      }, null, 8, ["label", "label-mark", "rules", "model-value", "helper-state", "helper-text"])) : e.field.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createVNode(JsonViewer, {
+          json: { schema: unref(a).unwrapped, props: s }
+        }, null, 8, ["json"]),
+        createVNode(C, {
+          label: unref(i)(e.field.label_locale, e.field.label ?? ""),
+          "label-mark": e.field.isRuleChildren ? void 0 : unref(a).labelMark,
+          "model-value": unref(l),
+          rules: e.field.isRuleChildren ? [] : unref(a).rules,
+          "onUpdate:modelValue": n,
+          "helper-state": e.field.isRuleChildren && e.helperText ? "error" : void 0,
+          "helper-text": e.field.isRuleChildren ? e.helperText : void 0
+        }, null, 8, ["label", "label-mark", "model-value", "rules", "helper-state", "helper-text"])
+      ], 64)) : e.field.type === "textarea" ? (openBlock(), createBlock(b, {
+        key: 2,
+        label: unref(i)(e.field.label_locale, e.field.label ?? ""),
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "show-word-count": "",
+        "max-length": (x = (V = (k = (g = (d = unref(a)) == null ? void 0 : d.unwrapped) == null ? void 0 : g._def) == null ? void 0 : k.checks) == null ? void 0 : V.find((B) => B.kind == "max")) == null ? void 0 : x.value
+      }, null, 8, ["label", "label-mark", "rules", "model-value", "max-length"])) : e.field.type === "trigger" ? (openBlock(), createBlock(_sfc_main$g, {
+        key: 3,
+        "campaign-type": e.extras,
+        "model-value": unref(l),
+        disabled: e.disabled,
+        "onUpdate:modelValue": n
+      }, null, 8, ["campaign-type", "model-value", "disabled"])) : e.field.type === "timeframe" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+        createVNode(_sfc_main$e, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        createVNode(c, {
+          class: "!mt-[8px]",
+          text: unref(ZodHelper).helperText(u(), ""),
+          state: unref(ZodHelper).helperState(u(), "")
+        }, null, 8, ["text", "state"])
+      ], 64)) : e.field.type === "image" ? (openBlock(), createBlock(_sfc_main$o, {
+        key: 5,
+        thumbnail: unref(l),
+        "aspect-ratio": "16 / 9",
+        class: "w-1/2 xs:w-2/3",
+        "onUpdate:file": n
+      }, {
+        label: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(a).zodLabel)))
+        ]),
+        _: 1
+      }, 8, ["thumbnail"])) : e.field.type === "switch" ? (openBlock(), createBlock(r, {
+        key: 6,
+        label: unref(i)(e.field.label_locale, e.field.label ?? ""),
+        "label-placement": "right",
+        sublabel: e.field.property == "campaign.notify" ? "Notify customer when customer receives the reward" : void 0,
+        "label-mark": unref(a).labelMark,
+        rules: unref(a).rules,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["label", "sublabel", "label-mark", "rules", "model-value"])) : e.field.type === "collectible_options" ? (openBlock(), createBlock(_sfc_main$p, {
+        key: 7,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "no-campaign": !1,
+        schema: unref(a).schema,
+        "is-mission": e.extras === "MISSION"
+      }, null, 8, ["model-value", "schema", "is-mission"])) : e.field.type === "target_location" ? (openBlock(), createBlock(_sfc_main$q, {
+        key: 8,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : e.field.type == "effect" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+        createVNode(_sfc_main$r, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n,
+          "can-set-auto-apply": e.field.property == "campaign.effect"
+        }, null, 8, ["model-value", "can-set-auto-apply"]),
+        unref(l) ? createCommentVNode("", !0) : (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: unref(o)("connect.campaign.common.effect_required"),
+          state: "error"
+        }, null, 8, ["text"]))
+      ], 64)) : e.field.type === "message" ? (openBlock(), createBlock(_sfc_main$s, {
+        key: 10,
+        "allow-email": !0,
+        "allow-whatsapp": !0,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(u(), ""),
+        "trigger-type": e.field.extras,
+        "helper-state": unref(ZodHelper).helperState(u(), "")
+      }, null, 8, ["model-value", "helper-text", "trigger-type", "helper-state"])) : e.field.type === "earning_option" ? (openBlock(), createBlock(_sfc_main$l, {
+        key: 11,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        extras: e.extras,
+        "error-text": e.helperText
+      }, null, 8, ["model-value", "extras", "error-text"])) : e.field.type === "validity_option" ? (openBlock(), createBlock(_sfc_main$m, {
+        key: 12,
+        type: "custom",
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "helper-text": e.helperText || unref(ZodHelper).helperText(u(), ""),
+        "for-credit": s.campaignType === "CREDIT"
+      }, null, 8, ["model-value", "helper-text", "for-credit"])) : e.field.type === "game_type" ? (openBlock(), createBlock(_sfc_main$c, {
+        key: 13,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : e.field.type === "reward_pool" ? (openBlock(), createBlock(_sfc_main$a, {
+        key: 14,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : e.field.type === "mission" ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 15,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : e.field.type === "mission_type" ? (openBlock(), createBlock(_sfc_main$8, {
+        key: 16,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n
+      }, null, 8, ["model-value"])) : e.field.type === "mission_end" ? (openBlock(), createBlock(_sfc_main$7, {
+        key: 17,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        "helper-text": unref(ZodHelper).helperText(u(), ""),
+        "helper-state": unref(ZodHelper).helperState(u(), "")
+      }, null, 8, ["model-value", "helper-text", "helper-state"])) : e.field.type === "mission_pool" ? (openBlock(), createBlock(_sfc_main$4, {
+        key: 18,
+        "model-value": unref(l),
+        "onUpdate:modelValue": n,
+        mission: e.extras.mission
+      }, null, 8, ["model-value", "mission"])) : e.field.type === "rule_schedule" ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
+        createVNode(_sfc_main$d, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n,
+          "start-date": e.extras.start,
+          "end-date": e.extras.end
+        }, null, 8, ["model-value", "start-date", "end-date"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_user" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
+        createVNode(_sfc_main$t, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_time" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
+        e.extras == "PROMOTION" && unref(RuleBuilder).getRules(unref(l).rules.g_time).length > 0 ? (openBlock(), createBlock(c, {
+          key: 0,
+          state: "warning",
+          text: `Time based rule only work for POS >= v${unref(featureVersionMapping).TIME_BASED_PROMOTION}`
+        }, null, 8, ["text"])) : createCommentVNode("", !0),
+        createVNode(_sfc_main$i, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 1,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_bill" ? (openBlock(), createElementBlock(Fragment, { key: 22 }, [
+        createVNode(_sfc_main$u, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_feedback" ? (openBlock(), createElementBlock(Fragment, { key: 23 }, [
+        createVNode(_sfc_main$v, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "rule_birthday" ? (openBlock(), createElementBlock(Fragment, { key: 24 }, [
+        createVNode(_sfc_main$h, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : e.field.type === "promotion_game_type" ? (openBlock(), createElementBlock(Fragment, { key: 25 }, [
+        createVNode(_sfc_main$9, {
+          "model-value": unref(l),
+          "onUpdate:modelValue": n
+        }, null, 8, ["model-value"]),
+        e.helperText ? (openBlock(), createBlock(c, {
+          key: 0,
+          class: "!mt-[8px]",
+          text: e.helperText,
+          state: "error"
+        }, null, 8, ["text"])) : createCommentVNode("", !0)
+      ], 64)) : (openBlock(), createElementBlock("pre", _hoisted_1$2, toDisplayString(s.field), 1));
+    };
+  }
+}), _hoisted_1$1 = { class: "fm-typo-en-body-lg-600" }, _hoisted_2$1 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _hoisted_3$1 = { class: "fm-typo-en-body-lg-600" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CampaignSummary",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const { t: m, te: o } = useI18n();
+    return (i, s) => {
+      const p = resolveComponent("FmCard");
+      return openBlock(), createBlock(p, {
+        variant: "outlined",
+        class: "p-16 space-y-8"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, toDisplayString(unref(m)("connect.campaign.common.summary")), 1),
+          s[0] || (s[0] = createElementVNode("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full" }, null, -1)),
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(getCampaignSummaryObject)(e.data), (n, l) => (openBlock(), createElementBlock("div", {
+            class: "space-y-4",
+            key: l
+          }, [
+            n ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(m)(`${l}`)), 1),
+              createElementVNode("div", _hoisted_3$1, toDisplayString(unref(o)(`${n}`) ? unref(m)(`${n}`) : n), 1)
+            ], 64)) : createCommentVNode("", !0)
+          ]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), _hoisted_1 = { class: "xs:hidden px-24 pb-[14px] pt-[22px] flex items-center justify-between w-full border-b" }, _hoisted_2 = { class: "flex items-center gap-8" }, _hoisted_3 = {
+  key: 0,
+  class: "max-w-6xl mx-auto"
+}, _hoisted_4 = { class: "hidden xs:!flex gap-8 items-center w-full px-16 py-8 border-b border-fm-color-neutral-gray-100" }, _hoisted_5 = { class: "grid grid-cols-3 gap-40" }, _hoisted_6 = { class: "col-span-2 space-y-40 xs:col-span-3 xs:px-16 xs:pt-16" }, _hoisted_7 = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, _hoisted_8 = { class: "w-full flex items-center justify-end gap-8 pb-24" }, _hoisted_9 = { class: "max-w-6xl mx-auto rounded-md p-4 w-full" }, _hoisted_10 = { class: "animate-pulse flex space-x-4 pt-16" }, _hoisted_11 = { class: "grid grid-cols-3 w-full gap-40" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EditCampaignSheet",
+  emits: ["submit:model-value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const Dialog = useDialog(), sheetVisible = ref(!1), { t } = useI18n(), { getLocaleText } = useLocaleText(), currentStep = ref(1), data = ref(), schema = ref(z.any()), template = ref(
+      TEMPLATES.VOUCHER
+    ), { minor } = useLoading, isLoading = ref(!1), sheetTitle = ref("Create Campaign"), campaignType = ref("VOUCHER");
+    async function showSheet(visible, type, campaign, selectedTemplate) {
+      var e, m, o;
+      if (sheetVisible.value = visible, campaignType.value = type, visible == !0) {
+        try {
+          isLoading.value = visible, await useMembershipStore().readRewards(), await useBusinessStore().readLocations(), await useMembershipStore().readSegments(), await useMembershipStore().readMembership();
+        } catch {
+        } finally {
+          await new Promise((i) => setTimeout(i, 120)), isLoading.value = !1;
+        }
+        template.value = selectedTemplate ?? TEMPLATES[type], schema.value = CampaignDtos[type], type === "VOUCHER" && (await useCampaignStore().read(), schema.value = schema.value.superRefine((i, s) => {
+          var p;
+          if (i.campaign.type === "VOUCHER" && i.campaign.code) {
+            const n = (p = i.campaign._id) == null ? void 0 : p.toString();
+            useCampaignStore().campaigns.voucher.some(
+              (l) => l.code === i.campaign.code && l._id.toString() !== n
+            ) && s.addIssue({
+              code: "custom",
+              message: "Code already exists, please use another code",
+              path: ["campaign", "code"]
+            });
+          }
+        })), data.value = campaign != null ? { ...campaign, templateId: (e = campaign.template) == null ? void 0 : e._id } : _.cloneDeep({
+          ...(m = template.value) == null ? void 0 : m.defaultValue
+        }), "configs" in data.value && typeof data.value.configs == "string" && (data.value.configs = eval(data.value.configs)), data.value = cleanPF(data.value), data.value.templateId = SvcConfig.getBusinessId(), data.value.campaign.business = SvcConfig.getBusinessId(), data.value.campaign.templateId = SvcConfig.getBusinessId(), "configs" in data.value && (data.value.configs.business = SvcConfig.getBusinessId()), currentStep.value = 1, sheetTitle.value = (o = campaign == null ? void 0 : campaign.campaign) != null && o._id ? t("connect.campaign.common.edit_campaign_title", {
+          typeName: t(`connect.campaign.common.typeName.${type}`)
+        }) : t("connect.campaign.common.create_campaign_title", {
+          typeName: t(`connect.campaign.common.typeName.${type}`)
+        });
+      }
+    }
+    async function hideSheet() {
+      Dialog.open({
+        title: t("connect.campaign.common.unsaved_changes"),
+        message: t("connect.campaign.common.unsaved_changes"),
+        primaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("connect.campaign.common.unsaved_changes_cancel"),
+          close: !1
+        }
+      }).onPrimary(() => {
+        sheetVisible.value = !1;
+      }).onSecondary(() => {
+        Dialog.close();
+      });
+    }
+    const emits = __emit, errors = computed(() => {
+      const e = schema.value.superRefine(campaignRefinement).safeParse(data.value);
+      return e.success ? [] : e.error.errors;
+    });
+    function stepErrors(e = currentStep.value - 1) {
+      const m = template.value.steps[e].groups.flatMap(
+        (o) => o.fields.map((i) => i.property)
+      );
+      return errors.value.filter(
+        (o) => m.some((i) => o.path.join(".").includes(i))
+      );
+    }
+    __expose({ showSheet });
+    function showSummaryDialog() {
+      Dialog.open({
+        title: "",
+        dialogComponent: _sfc_main$1,
+        dialogComponentProps: {
+          data: data.value
+        }
+      });
+    }
+    function onUpdateProperty(e, m) {
+      var o, i, s, p, n, l, u, a;
+      if (_.set(data.value, e, m), e == "campaign.event.type") {
+        const y = ((p = (s = (i = (o = template.value) == null ? void 0 : o.defaultValue) == null ? void 0 : i.campaign) == null ? void 0 : s.event) == null ? void 0 : p.rule) ? _.cloneDeep({
+          ...(a = (u = (l = (n = template.value) == null ? void 0 : n.defaultValue) == null ? void 0 : l.campaign) == null ? void 0 : u.event) == null ? void 0 : a.rule
+        }) : RuleBuilder.setRuleToGroup(RuleBuilder.scaffoldGroup(), [
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          RuleBuilder.scaffoldGroup("g_time"),
+          RuleBuilder.scaffoldGroup("g_user"),
+          RuleBuilder.scaffoldGroup("g_bill")
+        ]), v = RuleBuilder.setRuleToGroup(
+          RuleBuilder.scaffoldGroup("g_schedule"),
+          [
+            RuleBuilder.constructEntry(
+              "trigger.date",
+              "_rrule",
+              "RRULE:FREQ=DAILY;INTERVAL=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0;WKST=SU"
+            ),
+            RuleBuilder.constructEntry("trigger.time", "_isOnTime", "00:00")
+          ],
+          "&&"
+        );
+        if (m != "SCHEDULE") {
+          _.set(data.value, "campaign.event.rule", y);
+          return;
+        }
+        _.set(
+          data.value,
+          "campaign.event.rule",
+          RuleBuilder.setRuleToGroup(y, v)
+        );
+      }
+      e == "campaign.notify" && m == !1 && _.set(data.value, "campaign.notifyMessage", void 0);
+    }
+    async function onUpdateFile(e, m) {
+      return e ? await minor(async () => firebaseStorage.update(m, e), {
+        message: `${e ? "Uploading" : "Removing"} file`,
+        successMessage: `File ${e ? "uploaded" : "removed"} successfully`
+      }) : "";
+    }
+    function isDisable(e) {
+      var m, o;
+      switch (e == null ? void 0 : e.property) {
+        case "campaign.event.type":
+          return ((o = (m = data.value) == null ? void 0 : m.campaign) == null ? void 0 : o._id) || !1;
+        default:
+          return !1;
+      }
+    }
+    function onSubmit() {
+      const e = schema.value.superRefine(campaignRefinement).transform(campaignTransform).safeParse(data.value);
+      e.success && (emits("submit:model-value", cleanPF(JSON.parse(JSON.stringify(e.data)))), sheetVisible.value = !1);
+    }
+    return (e, m) => {
+      const o = resolveComponent("FmButton"), i = resolveComponent("FmStep"), s = resolveComponent("FmStepper"), p = resolveComponent("FmCard"), n = resolveComponent("FmTopSheet");
+      return openBlock(), createBlock(n, {
+        "fullscreen-size": "lg",
+        modelValue: unref(sheetVisible),
+        "onUpdate:modelValue": [
+          m[7] || (m[7] = (l) => isRef(sheetVisible) ? sheetVisible.value = l : null),
+          m[8] || (m[8] = (l) => sheetVisible.value = l)
+        ]
+      }, createSlots({
+        "top-sheet-header": withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, toDisplayString(unref(sheetTitle)), 1),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(o, {
+                onClick: m[0] || (m[0] = (l) => hideSheet()),
+                label: unref(t)("connect.campaign.common.cancel"),
+                variant: "tertiary"
+              }, null, 8, ["label"]),
+              createVNode(o, {
+                onClick: onSubmit,
+                label: unref(t)("connect.campaign.common.save"),
+                disabled: unref(errors).length > 0
+              }, null, 8, ["label", "disabled"])
+            ])
+          ])
+        ]),
+        _: 2
+      }, [
+        unref(isLoading) ? {
+          name: "default",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  m[9] || (m[9] = createElementVNode("div", { class: "col-span-2 space-y-80 xs:col-span-3 xs:px-16 xs:pt-16" }, [
+                    createElementVNode("div", { class: "flex-1 space-y-6 py-1" }, [
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ]),
+                      createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "h-[80px] bg-fm-color-neutral-gray-100 rounded" }),
+                      createElementVNode("div", { class: "space-y-3" }, [
+                        createElementVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" }),
+                          createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                        ]),
+                        createElementVNode("div", { class: "h-32 bg-fm-color-neutral-gray-100" })
+                      ])
+                    ])
+                  ], -1)),
+                  createVNode(p, { class: "h-[150px] bg-fm-color-neutral-gray-100" })
+                ])
+              ])
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "default",
+          fn: withCtx(() => [
+            unref(data) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(s, {
+                modelValue: unref(currentStep),
+                "onUpdate:modelValue": m[1] || (m[1] = (l) => isRef(currentStep) ? currentStep.value = l : null),
+                orientation: "horizontal",
+                class: "xs:hidden mx-[-24px] mt-16 mb-24 flex-1"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, u) => (openBlock(), createBlock(i, {
+                    key: l.name,
+                    title: unref(getLocaleText)(l.name_locale, l.name),
+                    value: u + 1,
+                    error: () => stepErrors(u).length > 0,
+                    complete: () => u + 1 <= unref(currentStep)
+                  }, null, 8, ["title", "value", "error", "complete"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(o, {
+                  icon: "close",
+                  variant: "tertiary",
+                  onClick: m[2] || (m[2] = (l) => sheetVisible.value = !1)
+                }),
+                createVNode(s, {
+                  modelValue: unref(currentStep),
+                  "onUpdate:modelValue": m[3] || (m[3] = (l) => isRef(currentStep) ? currentStep.value = l : null),
+                  orientation: "horizontal",
+                  class: "flex-1"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps, (l, u) => (openBlock(), createBlock(i, {
+                      key: l.name,
+                      title: unref(sheetTitle),
+                      description: unref(getLocaleText)(l.name_locale, l.name),
+                      value: u + 1,
+                      error: () => stepErrors(u).length > 0,
+                      complete: () => u + 1 <= unref(currentStep) && stepErrors(unref(currentStep) - 1).length == 0
+                    }, null, 8, ["title", "description", "value", "error", "complete"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                createVNode(o, {
+                  icon: "info",
+                  variant: "tertiary",
+                  onClick: m[4] || (m[4] = () => showSummaryDialog())
+                })
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(JsonViewer, {
+                    json: {
+                      data: unref(data),
+                      errors: unref(errors).map(
+                        (l) => `${l.path.join(".")} - ${l.message}`
+                      ),
+                      stepErrors: stepErrors().map(
+                        (l) => `${l.path.join(".")} - ${l.message}`
+                      ),
+                      schema: unref(schema)
+                    }
+                  }, null, 8, ["json"]),
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(template).steps[unref(currentStep) - 1].groups.filter(
+                    (l) => l.fields.length && (!l.condition || (Array.isArray(l.condition) ? l.condition.every((u) => unref(_).get(unref(data), u.property) == u.value == (u.not != !0)) : unref(_).get(unref(data), l.condition.property) == l.condition.value == (l.condition.not != !0)))
+                  ), (l, u) => (openBlock(), createElementBlock("div", {
+                    key: u,
+                    class: "space-y-24"
+                  }, [
+                    createElementVNode("div", _hoisted_7, toDisplayString(unref(getLocaleText)(l.name_locale, l.name ?? "")), 1),
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(l.fields, (a, f) => (openBlock(), createElementBlock("div", { key: f }, [
+                      (openBlock(), createBlock(_sfc_main$2, {
+                        key: f,
+                        field: a,
+                        modelValue: unref(_).get(unref(data), a.property),
+                        disabled: isDisable(a),
+                        "campaign-type": unref(campaignType),
+                        "onUpdate:modelValue": (y) => onUpdateProperty(a.property, y),
+                        "onUpdate:file": async (y, v) => {
+                          const C = await onUpdateFile(y, v);
+                          onUpdateProperty(a.property, C || "");
+                        },
+                        schema: unref(ZodHelper).typeAtPath(
+                          unref(schema),
+                          a.property,
+                          unref(data).campaign.type != "MISSION" ? [unref(data).campaign.type] : ["STAMP", "MISSION"]
+                        ),
+                        "helper-state": unref(ZodHelper).helperState(unref(errors), a.property),
+                        "helper-text": unref(ZodHelper).helperText(unref(errors), a.property),
+                        extras: a.extras != null ? a.extras == "" ? unref(data) : unref(_).get(unref(data), a.extras) : void 0
+                      }, null, 8, ["field", "modelValue", "disabled", "campaign-type", "onUpdate:modelValue", "onUpdate:file", "schema", "helper-state", "helper-text", "extras"]))
+                    ]))), 128))
+                  ]))), 128)),
+                  createElementVNode("div", _hoisted_8, [
+                    createVNode(o, {
+                      label: unref(t)("connect.common.back"),
+                      variant: "tertiary",
+                      disabled: unref(currentStep) == 1,
+                      onClick: m[5] || (m[5] = (l) => currentStep.value--)
+                    }, null, 8, ["label", "disabled"]),
+                    createVNode(o, {
+                      disabled: unref(currentStep) - 1 < unref(template).steps.length - 1 ? stepErrors().length > 0 : unref(errors).length > 0,
+                      label: unref(currentStep) - 1 < unref(template).steps.length - 1 ? unref(t)("connect.common.next") : unref(t)("connect.common.submit"),
+                      onClick: m[6] || (m[6] = (l) => unref(currentStep) - 1 < unref(template).steps.length - 1 ? currentStep.value++ : onSubmit())
+                    }, null, 8, ["disabled", "label"])
+                  ])
+                ]),
+                createVNode(_sfc_main$1, {
+                  data: unref(data),
+                  class: "xs:hidden"
+                }, null, 8, ["data"])
+              ])
+            ])) : createCommentVNode("", !0)
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  useLocaleText as u
+};