@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.11

package/dist/membership-Ccrx9R6r.js

@@ -0,0 +1,221 @@
+import { components as U } from "@feedmepos/ui-library";
+import { n as o } from "./index-DYDhH9bi.js";
+import { h as f, ref as r } from "vue";
+import { defineStore as V } from "pinia";
+import { m as p } from "./index-C7oeXRUl.js";
+import { g as c, u as k } from "./index-Dn0jdj0o.js";
+function i(t) {
+  return f(
+    "div",
+    {
+      class: `${t.chipClass} gap-4 h-[22px] inline-flex items-center justify-center min-w-min px-8 rounded-md`
+    },
+    [
+      f(U.FmIcon, { size: "sm", name: t.icon, outline: !0 }),
+      f("span", { class: "fm-typo-en-body-md-600" }, t.name)
+    ]
+  );
+}
+const F = {
+  [o.enum.VOUCHER]: {
+    chipClass: "!text-fm-color-secondary-halite !bg-[#fff0f6]",
+    icon: "sell",
+    name: "Voucher",
+    chip() {
+      return i(this);
+    }
+  },
+  [o.enum.CREDIT]: {
+    chipClass: "!text-fm-color-secondary-plum !bg-[#f2ebfe]",
+    icon: "local_activity",
+    name: "Credit",
+    chip() {
+      return i(this);
+    }
+  },
+  [o.enum.POINT]: {
+    chipClass: "!text-fm-color-secondary-cocoa !bg-[#fff9e6]",
+    icon: "award_star",
+    name: "Experience",
+    chip() {
+      return i(this);
+    }
+  },
+  [o.enum.COIN]: {
+    chipClass: "!text-fm-color-system-success-400 !bg-fm-color-system-success-100",
+    icon: "monetization_on",
+    name: "Point",
+    chip() {
+      return i(this);
+    }
+  },
+  // TODO: add color for this
+  [o.enum.TIER]: {
+    chipClass: "!text-fm-color-secondary-cocoa !bg-[#fff9e6]",
+    icon: "leaderboard",
+    name: "Tier",
+    chip() {
+      return i(this);
+    }
+  },
+  // TODO: add color for this
+  [o.enum.TITLE]: {
+    chipClass: "!text-fm-color-secondary-cocoa !bg-[#fff9e6]",
+    icon: "id_card",
+    name: "Title",
+    chip() {
+      return i(this);
+    }
+  },
+  [o.enum.GAME]: {
+    chipClass: "!text-fm-color-secondary-mint !bg-fm-color-system-success-100",
+    icon: "database",
+    name: "Token",
+    chip() {
+      return i(this);
+    }
+  },
+  // TODO: confirm color
+  [o.enum.STAMP]: {
+    chipClass: "!text-fm-color-secondary-mint !bg-fm-color-system-success-100",
+    icon: "database",
+    name: "Stamp",
+    chip() {
+      return i(this);
+    }
+  }
+}, m = () => k("segments"), H = {
+  async readAll(t) {
+    const a = c(
+      await m().get("", { params: t })
+    );
+    return {
+      meta: a.meta,
+      resources: a.resources
+    };
+  },
+  async readById(t) {
+    return c(await m().get(t));
+  },
+  async refreshSegments() {
+    return c(await m().get("refresh"));
+  },
+  async refreshSegment(t) {
+    return c(
+      await m().get(`refresh/${t}`)
+    );
+  },
+  async paginateSegmentUsers(t, a) {
+    const l = c(
+      await m().get(`/${t}/users`, {
+        params: a
+      })
+    );
+    return {
+      meta: l.meta,
+      resources: l.resources
+    };
+  },
+  async create(t) {
+    return c(await m().post("", t));
+  },
+  async update(t, a) {
+    return c(await m().put(t, a));
+  },
+  async delete(t) {
+    return c(await m().delete(t));
+  }
+}, q = V("mf-connect-membership", () => {
+  var E, A;
+  const t = r(null), a = r(null), l = r(null), u = r([]), d = r([]), y = r(null), h = r([]), g = r(), v = r(((E = t.value) == null ? void 0 : E.tiers) ?? []), b = r(((A = t.value) == null ? void 0 : A.pf_title) ?? []), C = r([]), w = r({ raw: [], items: [] }), T = r([]), I = async () => {
+    const e = await p.read();
+    t.value = e, y.value = e, v.value = e.tiers, b.value = e.pf_title ?? [], S(), x();
+  }, _ = async () => {
+    const e = await p.readPayoutAccount();
+    l.value = Array.isArray(e) && e.length == 0 ? null : e;
+  }, R = async () => {
+    const e = await p.readStore();
+    a.value = e, M(), P();
+  }, O = async () => {
+    const e = await p.readRewards();
+    u.value = e, S(), x();
+  }, L = async () => {
+    const e = await H.readAll({
+      skip: 0,
+      sortBy: "_id",
+      limit: 1e3
+    });
+    d.value = e.resources, B();
+  }, M = () => {
+    var e;
+    h.value = (((e = a.value) == null ? void 0 : e.categories) ?? []).map((n) => ({
+      ...n,
+      bundles: n.bundles.sort(
+        (s, $) => s.name.localeCompare($.name, "en", { numeric: !0 })
+      )
+    })).sort((n, s) => n.name.localeCompare(s.name, "en", { numeric: !0 }));
+  }, P = () => {
+    var e, n, s;
+    g.value = {
+      company: (e = a.value) == null ? void 0 : e.company,
+      inclusiveTaxes: ((n = a.value) == null ? void 0 : n.inclusiveTaxes) ?? [],
+      stripe: (s = a.value) == null ? void 0 : s.stripe
+    };
+  }, S = () => {
+    var e;
+    C.value = [
+      ...u.value.filter((n) => n.type == "VOUCHER" && n.noCampaign),
+      ...((e = t.value) == null ? void 0 : e.pf_title) ?? []
+    ];
+  }, x = () => {
+    var n;
+    const e = [
+      ...u.value.filter(
+        (s) => !["VOUCHER", "TIER", "GAME", "TITLE", "STAMP"].includes(s.type)
+      ).map((s) => ({ ...s, name: F[s.type].name })),
+      ...((n = t.value) == null ? void 0 : n.pf_title) ?? []
+    ];
+    w.value = {
+      raw: e,
+      items: e.map((s) => ({
+        label: `${s.type === "TITLE" ? "[T] " : ""}${s.name}`,
+        value: s._id,
+        raw: s
+      }))
+    };
+  }, B = () => {
+    T.value = d.value.map((e) => ({
+      label: e.name,
+      value: e._id,
+      raw: e
+    }));
+  };
+  return {
+    // State
+    membership: t,
+    store: a,
+    collectibles: u,
+    segments: d,
+    payoutAccount: l,
+    // Actions
+    readMembership: I,
+    readPayoutAccount: _,
+    readMemberStore: R,
+    readRewards: O,
+    readSegments: L,
+    // Getters
+    membershipInfo: y,
+    sortedStoreCategories: h,
+    storeOption: g,
+    sortedTiers: v,
+    sortedTitles: b,
+    bundleRewards: C,
+    loyaltyRewards: w,
+    segmentOptions: T
+  };
+});
+export {
+  F as C,
+  H as s,
+  q as u
+};