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

package/dist/Overview-Dp5vZAD2.js

@@ -0,0 +1,880 @@
+import { defineComponent as N, resolveComponent as b, openBlock as w, createElementBlock as A, Fragment as j, createVNode as i, withCtx as k, createElementVNode as a, toDisplayString as L, unref as e, renderSlot as ue, ref as S, computed as O, watch as me, createBlock as D, isRef as q, resolveDynamicComponent as re, renderList as J, normalizeClass as ne, createTextVNode as fe, createCommentVNode as K, h as le, onMounted as pe } from "vue";
+import { _ as ve } from "./campaign-CpzFl8Vr.js";
+import { u as H } from "./vue-i18n-CO7pDkoc.js";
+import { p as z, u as se } from "./loading-CbuSa9Y3.js";
+import { J as Z } from "./JsonViewer-v8_C7l5N.js";
+import { Z as E } from "./zod-Bg2FbC-D.js";
+import { u as Y } from "./app-wDQR6dpb.js";
+import { u as W, _ as he } from "./RewardGroup.vue_vue_type_script_setup_true_lang-ClsXTutz.js";
+import { u as ge } from "./reward-BQFkCz55.js";
+import "./index-BywkQACO.js";
+import "./index-Bmd3L3d8.js";
+import { l as oe, m as ye } from "./index-OpOMBjAq.js";
+import "./index-Bg2aYWbv.js";
+import { a as _e, b as we } from "./index-BU_p-Wxk.js";
+import "./index-CAhgbG8r.js";
+import "./index-DYb8bAlK.js";
+import "./index-vSDex5dq.js";
+import { C as be } from "./membership-BpIwCoII.js";
+import { t as ae } from "./helper-DKlgiqoM.js";
+import { c as M } from "./object-qECH92oz.js";
+import { useDialog as xe, components as ie } from "@feedmepos/ui-library";
+import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B6Y_0_0B.js";
+import { a as Re, _ as Se } from "./trigger-D8chra-Q.js";
+import { O as Fe } from "./objectid-DSfoThM2.js";
+import { r as de } from "./index-DUg8bRnj.js";
+const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, $e = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ie = { class: "flex-1" }, Pe = { class: "flex items-center gap-8" }, Ve = { class: "fm-typo-en-title-sm-800" }, Te = { class: "flex gap-8 items-center" }, Ae = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1" }, Ue = { class: "flex items-center justify-between" }, Le = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ee = { class: "flex-1 space-y-4" }, Be = { class: "fm-typo-en-body-lg-600" }, Oe = /* @__PURE__ */ N({
+  __name: "ReferralRewadGroupCard",
+  props: {
+    rewardGroup: {
+      type: Object,
+      required: !0
+    },
+    level: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["edit", "addCount", "remove"],
+  setup(x, { emit: f }) {
+    const { t: $ } = H(), u = f;
+    return (V, v) => {
+      const l = b("FmButton"), m = b("FmListItem");
+      return w(), A(j, null, [
+        i(m, {
+          onClick: v[4] || (v[4] = (d) => u("edit", x.level))
+        }, {
+          default: k(() => [
+            a("div", ke, [
+              a("div", $e, [
+                a("div", Ie, [
+                  a("div", Pe, [
+                    a("div", Ve, L(x.rewardGroup.name), 1)
+                  ])
+                ])
+              ]),
+              a("div", Te, [
+                i(l, {
+                  variant: "secondary",
+                  label: e($)("connect.referral.reward.add_count"),
+                  icon: "add",
+                  onClick: v[0] || (v[0] = (d) => {
+                    d.stopPropagation(), u("addCount", x.level);
+                  })
+                }, null, 8, ["label"]),
+                i(l, {
+                  icon: "delete",
+                  onClick: v[1] || (v[1] = (d) => {
+                    d.stopPropagation(), u("remove", x.level);
+                  }),
+                  variant: "tertiary"
+                })
+              ])
+            ]),
+            a("div", Ae, [
+              a("div", Ue, [
+                a("div", Le, [
+                  a("div", Ee, [
+                    a("div", null, [
+                      a("div", Be, L(x.rewardGroup.name), 1)
+                    ])
+                  ])
+                ]),
+                i(l, {
+                  variant: "tertiary",
+                  icon: "delete",
+                  onClick: v[2] || (v[2] = (d) => (d.stopPropagation(), u("remove", x.level)))
+                })
+              ]),
+              i(l, {
+                class: "w-full",
+                variant: "secondary",
+                label: "Add count",
+                disabled: !0,
+                icon: "add",
+                onClick: v[3] || (v[3] = (d) => (d.stopPropagation(), u("addCount", x.level)))
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        ue(V.$slots, "default")
+      ], 64);
+    };
+  }
+}), De = { class: "flex flex-col space-y-16 pr-12" }, Ge = { class: "flex gap-16 items-center" }, je = { class: "fm-typo-en-title-sm-800" }, Me = { class: "flex items-center gap-8" }, Ne = /* @__PURE__ */ N({
+  __name: "EditReferralCountSheet",
+  emits: ["update"],
+  setup(x, { expose: f, emit: $ }) {
+    const { t: u } = H(), V = $, v = S(!1), l = S({}), m = S(-1), d = S(-1), R = W(), T = _e.superRefine((t, o) => {
+      var C, F, P, Q, X, ee, te;
+      const h = d.value == -1 ? ((P = (F = (C = R.referralProgram) == null ? void 0 : C.reward[m.value]) == null ? void 0 : F.rewards) == null ? void 0 : P.length) || 0 : d.value, _ = (X = (Q = R.referralProgram) == null ? void 0 : Q.reward[m.value]) == null ? void 0 : X.rewards[h - 1], g = (te = (ee = R.referralProgram) == null ? void 0 : ee.reward[m.value]) == null ? void 0 : te.rewards[h + 1];
+      _ && t.threshold.from < _.threshold.from + 1 && o.addIssue({
+        code: "custom",
+        message: `The min referral must be at least ${_.threshold.from + 1}`,
+        path: ["option"]
+      }), g && t.threshold.to && g.threshold.to && t.threshold.to > g.threshold.to - 1 && o.addIssue({
+        code: "custom",
+        message: `The max referral must be at most ${g.threshold.to - 2}`,
+        path: ["option"]
+      });
+    }), I = O(() => {
+      const t = T.safeParse(l.value);
+      return t.success ? [] : t.error.errors;
+    });
+    function B() {
+      const t = T.safeParse(l.value);
+      t.success && V("update", {
+        groupIndex: m.value,
+        countIndex: d.value,
+        referralCount: t.data
+      });
+    }
+    async function G(t, o) {
+      var h;
+      v.value = t, t && typeof (o == null ? void 0 : o.countIndex) == "number" && o.countIndex >= 0 ? (m.value = o.groupIndex, d.value = o.countIndex, l.value = M(
+        (h = R.referralProgram) == null ? void 0 : h.reward[o.groupIndex].rewards[o.countIndex]
+      )) : (m.value = o.groupIndex, d.value = -1, l.value = {
+        threshold: {
+          from: 0,
+          to: null
+        },
+        rewards: []
+      }), c.value = [], c.value = r.value.map(
+        (_) => l.value.rewards.includes(_.id)
+      );
+    }
+    function U() {
+      v.value = !1;
+    }
+    const y = [
+      {
+        header: "Reward title",
+        accessorFn: (t) => t.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        cell(t) {
+          return be[t.row.original.collectibleConfig.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (t) => t.description,
+        cell(t) {
+          const o = t.row.original;
+          if (o.collectible.type == "VOUCHER" || o.selectedReward == null)
+            return o.description;
+        }
+      }
+    ], s = ge(), p = S([]), r = O(() => s.rewards.map((t) => {
+      let o = "No expiry";
+      switch (t.option.type) {
+        case "VOUCHER":
+          o = `${t.option.collectibleConfig.options.maxUse} use(s), ${ae(t.option.collectibleConfig.options.validityOption || {})}`;
+          break;
+        case "LOYALTY":
+          o = `${t.option.earningOption.amount}, ${ae(t.option.validityOption || {})}`;
+          break;
+      }
+      return {
+        id: t._id,
+        name: t.name,
+        collectible: t.option,
+        collectibleConfig: t.collectibleConfig,
+        description: o
+      };
+    }));
+    O(() => []);
+    function n() {
+      const t = r.value;
+      for (let o = 0; o < t.length; o++) {
+        const h = t[o], _ = c.value[o];
+        _ && !l.value.rewards.includes(h.id) && l.value.rewards.push(h.id), !_ && l.value.rewards.includes(h.id) && (l.value.rewards = l.value.rewards.filter(
+          (g) => g != h.id
+        ));
+      }
+    }
+    const c = S({});
+    return me(c, n, { deep: !0 }), f({
+      showSheet: G,
+      hideSheet: U,
+      data: l
+    }), (t, o) => {
+      const h = b("FmStepperField"), _ = b("FmHelperText"), g = b("FmTable"), C = b("FmButton"), F = b("FmSideSheet");
+      return w(), D(F, {
+        "max-width": 1e3,
+        modelValue: e(v),
+        "onUpdate:modelValue": o[4] || (o[4] = (P) => q(v) ? v.value = P : null),
+        header: `${e(d) == -1 ? e(u)("connect.referral.editReferralCountSheet.add") : e(u)("connect.referral.editReferralCountSheet.edit")}`
+      }, {
+        "side-sheet-footer": k(() => [
+          a("div", Me, [
+            i(C, {
+              label: e(u)("connect.editTierSheet.submit"),
+              onClick: B,
+              disabled: e(I).length > 0 || e(Y)().isLoading,
+              loading: e(Y)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            i(C, {
+              label: e(u)("connect.editTierSheet.cancel"),
+              onClick: o[3] || (o[3] = (P) => U()),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: k(() => [
+          i(Z, { json: e(l) }, null, 8, ["json"]),
+          i(Z, { json: e(I) }, null, 8, ["json"]),
+          a("div", De, [
+            a("div", null, [
+              a("div", Ge, [
+                i(h, {
+                  modelValue: e(l).threshold.from,
+                  "onUpdate:modelValue": o[0] || (o[0] = (P) => e(l).threshold.from = P),
+                  "show-steppers": !1,
+                  rules: [e(E).ruleAtPath(e(T), "threshold.from")]
+                }, {
+                  label: k(() => [
+                    (w(), D(re(
+                      e(E).toInputLabel(
+                        e(E).typeAtPath(e(T), "threshold.from"),
+                        e(u)("connect.editTierSheet.minExperience")
+                      )
+                    )))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules"]),
+                i(h, {
+                  modelValue: e(l).threshold.to,
+                  "onUpdate:modelValue": o[1] || (o[1] = (P) => e(l).threshold.to = P),
+                  "show-steppers": !1,
+                  rules: [e(E).ruleAtPath(e(T), "threshold.to")]
+                }, {
+                  label: k(() => [
+                    (w(), D(re(
+                      e(E).toInputLabel(
+                        e(E).typeAtPath(e(T), "threshold.to"),
+                        e(u)("connect.editTierSheet.maxExperience")
+                      )
+                    )))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules"])
+              ]),
+              i(_, {
+                text: e(E).helperText(e(I), "option"),
+                state: e(E).helperState(e(I), "option")
+              }, null, 8, ["text", "state"]),
+              o[5] || (o[5] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " When max. referral count is not set, it will default unlimited ", -1))
+            ]),
+            a("div", je, L(e(u)("connect.referral.editReferralCountSheet.referral_reward")), 1),
+            i(g, {
+              modelValue: e(c),
+              "onUpdate:modelValue": o[2] || (o[2] = (P) => q(c) ? c.value = P : null),
+              selection: "multiple",
+              "column-filter": e(p),
+              "column-defs": y,
+              "row-data": e(r),
+              "page-size": 10
+            }, null, 8, ["modelValue", "column-filter", "row-data"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), ze = { class: "space-y-16" }, He = { class: "grid grid-cols-3 gap-16" }, qe = { class: "fm-typo-en-title-sm-800" }, Ye = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, We = /* @__PURE__ */ N({
+  __name: "CriteriaTriggerInput",
+  props: {
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(x, { emit: f }) {
+    const $ = x, u = f, V = O(() => [
+      oe.enum.BILL_COMPLETED,
+      oe.enum.FEEDBACK
+    ].map((v) => Re[v]));
+    return (v, l) => {
+      const m = b("FmCard");
+      return w(), A("div", ze, [
+        l[0] || (l[0] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
+        a("div", He, [
+          (w(!0), A(j, null, J(e(V), (d) => (w(), D(m, {
+            key: d.name,
+            variant: "outlined",
+            disabled: $.disabled,
+            class: ne(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-3": e(V).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": x.modelValue == d.value,
+              "hover:bg-fm-color-opacity-sm": x.modelValue != d.value
+            }]),
+            onClick: () => {
+              $.modelValue != d.value && !$.disabled && u("update:model-value", d.value);
+            }
+          }, {
+            default: k(() => [
+              a("div", qe, L(d.name), 1),
+              a("div", Ye, L(d.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), Je = { class: "flex items-center gap-x-8" }, Ke = { class: "flex flex-col space-y-16 pr-12" }, Ze = {
+  key: 0,
+  class: "space-y-16"
+}, Qe = { class: "flex items-center gap-8" }, Xe = /* @__PURE__ */ N({
+  __name: "EditCriteriaSheet",
+  emits: ["update"],
+  setup(x, { expose: f, emit: $ }) {
+    const { t: u } = H(), V = $, v = S(!1), l = S(-1), m = S({}), d = W(), R = we.superRefine((y, s) => {
+      y.name.length >= 50 && s.addIssue({
+        code: "custom",
+        message: "Name must be less than 50 characters"
+      }), y.name.length < 1 && s.addIssue({
+        code: "custom",
+        message: "Name is required"
+      });
+    }), T = O(() => {
+      const y = R.safeParse(m.value);
+      return y.success ? [] : y.error.errors;
+    });
+    function I(y, s) {
+      var p;
+      v.value = y, y && typeof s == "number" && s >= 0 ? (l.value = s, m.value = M(
+        (p = d.referralProgram) == null ? void 0 : p.criteria[s]
+      )) : (l.value = -1, m.value = {
+        _id: new Fe().toString(),
+        name: "",
+        type: "AUTO",
+        event: { type: "BILL_COMPLETED" }
+      });
+    }
+    function B() {
+      v.value = !1;
+    }
+    function G() {
+      const y = R.safeParse(m.value);
+      y.success && V("update", l.value, y.data);
+    }
+    function U(y) {
+      m.value.type = y, y == "AUTO" ? m.value.event = { type: "BILL_COMPLETED" } : m.value.event = void 0;
+    }
+    return f({
+      showSheet: I,
+      hideSheet: B,
+      data: m
+    }), (y, s) => {
+      const p = b("FmButton"), r = b("FmRadio"), n = b("FmRadioGroup"), c = b("FmSideSheet");
+      return w(), D(c, {
+        "max-width": 768,
+        modelValue: e(v),
+        "onUpdate:modelValue": s[5] || (s[5] = (t) => q(v) ? v.value = t : null)
+      }, {
+        "side-sheet-header": k(() => [
+          a("div", Je, [
+            i(p, {
+              icon: "arrow_back",
+              variant: "tertiary",
+              onClick: s[0] || (s[0] = (t) => I(!1))
+            }),
+            s[6] || (s[6] = fe("Add Criteria "))
+          ])
+        ]),
+        "side-sheet-footer": k(() => [
+          a("div", Qe, [
+            i(p, {
+              label: e(u)("connect.editTierSheet.submit"),
+              onClick: G,
+              disabled: e(T).length > 0 || e(Y)().isLoading,
+              loading: e(Y)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            i(p, {
+              label: e(u)("connect.editTierSheet.cancel"),
+              onClick: s[4] || (s[4] = (t) => I(!1)),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: k(() => [
+          i(Z, { json: e(m) }, null, 8, ["json"]),
+          a("div", Ke, [
+            s[10] || (s[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
+            i(Ce, {
+              modelValue: e(m).name,
+              "onUpdate:modelValue": s[1] || (s[1] = (t) => e(m).name = t),
+              label: e(u)("connect.referral.editReferralTierSheet.name"),
+              schema: e(E).typeAtPath(e(R), "name")
+            }, null, 8, ["modelValue", "label", "schema"]),
+            s[11] || (s[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
+            i(n, {
+              "model-value": e(m).type,
+              label: "Verify status",
+              "onUpdate:modelValue": U
+            }, {
+              default: k(() => [
+                i(r, {
+                  value: "AUTO",
+                  label: "Auto",
+                  sublabel: "Verify based on rule configuration"
+                }),
+                i(r, {
+                  value: "MANUAL",
+                  label: "Manual",
+                  sublabel: "Verify based on manual inspection"
+                })
+              ]),
+              _: 1
+            }, 8, ["model-value"]),
+            e(m).type == "AUTO" ? (w(), A(j, { key: 0 }, [
+              s[8] || (s[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
+              s[9] || (s[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
+              i(We, {
+                "model-value": e(m).event.type,
+                "onUpdate:modelValue": s[2] || (s[2] = (t) => e(m).event.type = t)
+              }, null, 8, ["model-value"]),
+              e(m).event.type == e(ye).enum.BILL_COMPLETED ? (w(), A("div", Ze, [
+                s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
+                i(Se, {
+                  "model-value": e(m).event.rule,
+                  "onUpdate:modelValue": s[3] || (s[3] = (t) => e(m).event.rule = t)
+                }, null, 8, ["model-value"])
+              ])) : K("", !0)
+            ], 64)) : K("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function ce() {
+  const x = S(!1), f = xe();
+  return {
+    confirmUpdateReferralRecord: async () => {
+      await new Promise((u) => {
+        f.open({
+          title: "Confirmation",
+          message: "This will change all referral settings? Would you like to update previous referral record?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          x.value = !0, u();
+        }).onSecondary(async () => {
+          x.value = !1, u();
+        });
+      });
+    },
+    updateReferralRecord: x
+  };
+}
+const et = { class: "flex flex-col space-y-16 pr-12" }, tt = { class: "flex justify-between items-center" }, rt = /* @__PURE__ */ N({
+  __name: "ManageCriteriaSheet",
+  setup(x, { expose: f }) {
+    const { t: $ } = H(), { minor: u } = se, { confirmUpdateReferralRecord: V, updateReferralRecord: v } = ce(), l = S(!1), m = S({}), d = W(), R = S(
+      null
+    ), T = O(() => {
+      var p;
+      return (p = d.referralProgram) == null ? void 0 : p.criteria;
+    });
+    async function I(p) {
+      await V(), await u(async () => {
+        await de.update({
+          ...p,
+          updateReferralRecord: v.value
+        }), await d.readReferralProgram();
+      });
+    }
+    async function B(p, r) {
+      var t, o;
+      const n = p == -1 ? ((t = d.referralProgram) == null ? void 0 : t.criteria.length) || 0 : p, c = M(d.referralProgram);
+      c.criteria[n] = r, await I(c), (o = R.value) == null || o.showSheet(!1);
+    }
+    async function G(p) {
+      var c, t;
+      if (!await z.remove(
+        "Are you sure to remove criteria",
+        "Remove criteria",
+        $("connect.prompt.confirm"),
+        $("connect.prompt.cancel")
+      ))
+        return;
+      const r = p == -1 ? ((c = d.referralProgram) == null ? void 0 : c.criteria.length) || 0 : p, n = M(d.referralProgram);
+      n.criteria.splice(r, 1), await I(n), (t = R.value) == null || t.showSheet(!1);
+    }
+    const U = [
+      {
+        header: "Criteria title",
+        accessorFn: (p) => p.name
+      },
+      {
+        header: "Validity method",
+        accessorFn: (p) => p.type
+      },
+      {
+        header: "Actions",
+        cell(p) {
+          return [
+            le(ie.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (r) => {
+                r.stopPropagation(), G(p.row.index);
+              }
+            })
+          ];
+        }
+      }
+    ];
+    function y(p) {
+      l.value = p;
+    }
+    function s() {
+      l.value = !1;
+    }
+    return f({
+      showSheet: y,
+      hideSheet: s,
+      data: m
+    }), (p, r) => {
+      const n = b("FmButton"), c = b("FmTable"), t = b("FmSideSheet");
+      return w(), A(j, null, [
+        i(t, {
+          "max-width": 768,
+          modelValue: e(l),
+          "onUpdate:modelValue": r[2] || (r[2] = (o) => q(l) ? l.value = o : null),
+          header: "Manage Criteria"
+        }, {
+          default: k(() => [
+            a("div", et, [
+              a("div", tt, [
+                r[3] || (r[3] = a("div", null, [
+                  a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria"),
+                  a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Set participation rules to start your referral program ")
+                ], -1)),
+                i(n, {
+                  label: "Add Criteria",
+                  icon: "add",
+                  variant: "secondary",
+                  onClick: r[0] || (r[0] = (o) => {
+                    var h;
+                    return (h = e(R)) == null ? void 0 : h.showSheet(!0);
+                  })
+                })
+              ]),
+              i(c, {
+                "row-data": e(T),
+                "hide-footer": !0,
+                "page-size": 100,
+                "column-defs": U,
+                onRowClick: r[1] || (r[1] = (o) => {
+                  var h;
+                  return (h = e(R)) == null ? void 0 : h.showSheet(!0, o.index);
+                })
+              }, null, 8, ["row-data"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        i(Xe, {
+          ref_key: "editCriteriaSheetRef",
+          ref: R,
+          onUpdate: B
+        }, null, 512)
+      ], 64);
+    };
+  }
+}), ot = { class: "fm-typo-en-title-sm-600" }, at = { class: "grid grid-cols-4 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, nt = { class: "flex gap-x-8" }, lt = { class: "fm-typo-body-lg-600" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it = {
+  key: 0,
+  class: "mb-40"
+}, dt = {
+  key: 1,
+  class: "flex flex-col items-center justify-center gap-y-16 p-24"
+}, ct = { class: "flex flex-col gap-16 text-center" }, ut = { class: "fm-typo-en-title-sm-800" }, mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ot = /* @__PURE__ */ N({
+  __name: "Overview",
+  setup(x) {
+    const { t: f } = H(), { minor: $ } = se, u = W(), { confirmUpdateReferralRecord: V, updateReferralRecord: v } = ce(), l = O(() => {
+      var r;
+      return ((r = u.referralProgram) == null ? void 0 : r.reward) ?? [];
+    }), m = S(null);
+    S(null);
+    const d = S(null), R = S(null), T = O(() => {
+      var r, n;
+      return [
+        {
+          label: "connect.referral.how_it_works.generate_link",
+          sublabel: f("connect.referral.how_it_works.generate_link_for_member"),
+          icon: "offline_share"
+        },
+        {
+          label: "connect.referral.how_it_works.referee_join_reward",
+          sublabel: "0 reward",
+          action: f("connect.referral.actions.manage_reward"),
+          icon: "group_add"
+        },
+        {
+          label: "connect.referral.how_it_works.referee_meet_criteria",
+          sublabel: `${(r = u.referralProgram) == null ? void 0 : r.criteria.length} criteria`,
+          action: f("connect.referral.actions.manage_criteria"),
+          onClick: () => {
+            var c;
+            return (c = R.value) == null ? void 0 : c.showSheet(!0);
+          },
+          icon: "checklist_rtl"
+        },
+        {
+          label: "connect.referral.how_it_works.referer_get_reward",
+          sublabel: `${(n = u.referralProgram) == null ? void 0 : n.reward.length} configured tier(s)`,
+          icon: "featured_seasonal_and_gifts"
+        }
+      ];
+    });
+    function I(r) {
+      var n;
+      (n = m.value) == null || n.onManageRewardGroup(r);
+    }
+    function B(r) {
+      var n;
+      (n = d.value) == null || n.showSheet(!0, {
+        groupIndex: r.groupIndex,
+        countIndex: r.countIndex
+      });
+    }
+    async function G(r) {
+      var g, C, F, P;
+      const n = r.countIndex == -1 ? ((C = (g = u.referralProgram) == null ? void 0 : g.reward[r.groupIndex]) == null ? void 0 : C.rewards.length) || 0 : r.countIndex || 0, c = r.referralCount, t = M(
+        u.referralProgram
+      ), o = t.reward[r.groupIndex];
+      o.rewards[n] = r.referralCount;
+      const h = o.rewards[n - 1], _ = o.rewards[n + 1];
+      if (h && h.threshold.to != c.threshold.from - 1) {
+        if (!await z.confirm(
+          f("connect.program.tier.update.range_discontinuous.previous", {
+            name: h.threshold.from,
+            from: h.threshold.from ?? 0,
+            to: h.threshold.to ?? 1 / 0,
+            newTo: c.threshold.from - 1
+          }),
+          f("connect.program.tier.title"),
+          f("connect.program.tier.remove.next_range")
+        ))
+          return;
+        h.threshold.to = c.threshold.from - 1;
+      }
+      if (_ && _.threshold.from - 1 != c.threshold.to) {
+        if (!await z.confirm(
+          f("connect.program.tier.update.range_discontinuous.next", {
+            name: _.threshold.from,
+            from: _.threshold.from ?? 0,
+            to: _.threshold.to ?? 1 / 0,
+            newFrom: c.threshold.to ?? 1
+          }),
+          f("connect.program.tier.title"),
+          f("connect.program.tier.remove.next_range"),
+          f("connect.prompt.cancel")
+        ))
+          return;
+        _.threshold.from = (c.threshold.to ?? 0) + 1;
+      }
+      !_ && !((F = c.threshold) != null && F.to) && (c.threshold.to = void 0), await U(t), (P = d.value) == null || P.hideSheet();
+    }
+    async function U(r) {
+      await V(), await $(async () => {
+        await de.update({
+          ...r,
+          updateReferralRecord: v.value
+        }), await u.readReferralProgram();
+      });
+    }
+    async function y(r) {
+      if (!await z.remove(
+        "Are you sure to remove referral tier",
+        "Remove referral tier",
+        f("connect.prompt.confirm"),
+        f("connect.prompt.cancel")
+      ))
+        return;
+      const n = M(u.referralProgram);
+      n.reward.splice(r, 1), await U(n);
+    }
+    async function s(r, n) {
+      if (!await z.remove(
+        "Are you sure to remove referral count",
+        "Remove referral tier",
+        f("connect.prompt.confirm"),
+        f("connect.prompt.cancel")
+      ))
+        return;
+      const c = M(u.referralProgram);
+      c.reward[r].rewards.splice(n, 1), await U(c);
+    }
+    const p = [
+      {
+        header: "Referral Count",
+        accessorFn: (r) => `${r.threshold.from} - ${r.threshold.to ?? "∞"}`
+      },
+      {
+        header: "Rewards",
+        accessorKey: "type",
+        accessorFn: (r) => `${r.rewards.length} reward(s)`
+      },
+      {
+        id: "actions",
+        meta: {
+          textAlign: "right"
+        },
+        cell(r) {
+          return le(ie.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            class: "ml-auto",
+            onClick: (n) => {
+              n.stopPropagation(), console.log(r.row), s(r.row.original.groupIndex, r.row.index);
+            }
+          });
+        }
+      }
+    ];
+    return pe(async () => {
+      await u.readReferralProgram();
+    }), (r, n) => {
+      const c = b("FmCard"), t = b("FmIcon"), o = b("FmButton"), h = b("FmTable"), _ = b("FmList");
+      return w(), A(j, null, [
+        K("", !0),
+        i(c, {
+          variant: "outlined",
+          class: "flex flex-col gap-16 p-16"
+        }, {
+          default: k(() => [
+            a("div", ot, L(e(f)("connect.referral.how_it_works.title")), 1),
+            a("div", at, [
+              (w(!0), A(j, null, J(e(T), (g, C) => (w(), A("div", {
+                key: C,
+                class: ne(["px-8", { "xs:!border-r": C % 2 == 0 }])
+              }, [
+                a("div", nt, [
+                  i(t, {
+                    name: g.icon,
+                    color: "primary",
+                    class: "bg-fm-color-system-warning-100 p-8 fm-corner-radius-md max-h-40 max-w-40"
+                  }, null, 8, ["name"]),
+                  a("div", null, [
+                    a("div", lt, L(e(f)(g.label)), 1),
+                    a("div", st, L(g.sublabel), 1),
+                    i(o, {
+                      variant: "plain",
+                      label: g.action,
+                      size: "sm",
+                      class: "fm-typo-en-body-md-400",
+                      onClick: g.onClick
+                    }, null, 8, ["label", "onClick"])
+                  ])
+                ])
+              ], 2))), 128))
+            ])
+          ]),
+          _: 1
+        }),
+        e(l) && e(l).length > 0 ? (w(), D(c, {
+          key: 1,
+          variant: "outlined",
+          class: "flex flex-col gap-16 p-16"
+        }, {
+          default: k(() => [
+            i(_, { separator: !0 }, {
+              default: k(() => [
+                (w(!0), A(j, null, J(e(l), (g, C) => (w(), D(Oe, {
+                  key: C,
+                  "reward-group": g,
+                  level: C,
+                  onEdit: (F) => I(C),
+                  onRemove: (F) => y(C),
+                  onAddCount: n[1] || (n[1] = (F) => {
+                    B({ groupIndex: F, countIndex: -1 });
+                  })
+                }, {
+                  default: k(() => [
+                    g.rewards.length > 0 ? (w(), A("div", it, [
+                      i(h, {
+                        "row-data": g.rewards.map((F) => ({ ...F, groupIndex: C })),
+                        "column-defs": p,
+                        "hide-footer": !0,
+                        "page-size": 50,
+                        onRowClick: (F) => B({ groupIndex: C, countIndex: F.index })
+                      }, null, 8, ["row-data", "onRowClick"])
+                    ])) : (w(), A("div", dt, [
+                      n[4] || (n[4] = a("div", { class: "flex flex-col gap-16 text-center" }, [
+                        a("div", { class: "fm-typo-en-title-sm-800" }, "Create progressive reward"),
+                        a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Add referral count to configure progression reward to the referral program ")
+                      ], -1)),
+                      i(o, {
+                        variant: "secondary",
+                        label: "Add count",
+                        icon: "add",
+                        onClick: n[0] || (n[0] = (F) => I(-1))
+                      })
+                    ]))
+                  ]),
+                  _: 2
+                }, 1032, ["reward-group", "level", "onEdit", "onRemove"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : (w(), D(c, {
+          key: 2,
+          variant: "outlined",
+          class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+        }, {
+          default: k(() => [
+            n[5] || (n[5] = a("img", {
+              src: ve,
+              class: "aspect-square w-[150px]"
+            }, null, -1)),
+            a("div", ct, [
+              a("div", ut, L(e(f)("connect.referral.referral_tier_title")), 1),
+              a("div", mt, L(e(f)("connect.referral.referral_tier_description")), 1)
+            ]),
+            i(o, {
+              variant: "primary",
+              label: e(f)("connect.referral.add_referral_tier"),
+              icon: "add",
+              onClick: n[2] || (n[2] = (g) => I(-1))
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })),
+        i(he, {
+          ref_key: "rewardGroupRef",
+          ref: m
+        }, null, 512),
+        i(Ne, {
+          ref_key: "editReferralCountSheetRef",
+          ref: d,
+          onUpdate: G
+        }, null, 512),
+        i(rt, {
+          ref_key: "manageCriteriaSheetRef",
+          ref: R
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Ot as default
+};