@feedmepos/mf-connect 0.1.98-beta.5 → 0.1.98-beta.50

package/dist/{Overview-DgmVlUVi.js → Overview-DySRWqyr.js}

@@ -1,28 +1,29 @@
 import { defineComponent as q, resolveComponent as w, openBlock as C, createElementBlock as B, Fragment as Y, createVNode as c, withCtx as V, createElementVNode as a, toDisplayString as O, unref as r, renderSlot as ve, ref as F, computed as G, watch as ie, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as de, createTextVNode as ce, createCommentVNode as z, h as te, onMounted as _e } from "vue";
 import { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as Z } from "./vue-i18n-Bk_KpCO_.js";
-import { u as ue } from "./loading-t4ygCIAa.js";
-import { p as K } from "./plugins-2py5EcqG.js";
+import { u as Z } from "./vue-i18n-DRrphfc1.js";
+import { u as ue } from "./loading-3obmcgAf.js";
+import { p as K } from "./plugins-UfVjLlr4.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
-import { Z as N } from "./zod-D72USJGr.js";
+import { Z as N } from "./zod-BDdpK5Gp.js";
 import { u as W } from "./app-wDQR6dpb.js";
-import { u as Q, _ as we } from "./RewardGroup.vue_vue_type_script_setup_true_lang-Cfjtk46d.js";
-import { u as me } from "./reward-CE9z-Us7.js";
-import { b as ye, c as be } from "./index-DTSGYksR.js";
-import { m as le, c as se } from "./index-N5t83KgP.js";
-import "./index-k0hHOUBO.js";
-import "./index-C_AuIVay.js";
-import "./index-pKdJ8574.js";
-import { C as fe } from "./membership-CMCTmRdh.js";
-import { t as ee } from "./helper-ClFo4nAk.js";
+import { u as Q, _ as we } from "./RewardGroup.vue_vue_type_script_setup_true_lang-DCmSt5io.js";
+import { u as me } from "./reward-1G2M5tgv.js";
+import { a as ye, b as be } from "./index-CtF4Z_fd.js";
+import "./index-BbBies0f.js";
+import "./index-blX95L2R.js";
+import "./index-wsdEChJx.js";
+import { c as le, a as se } from "./index-DdV1nasM.js";
+import "./index-iagCxZ13.js";
+import { C as fe } from "./membership-_XX1_j55.js";
+import { t as ee } from "./helper-DsSVIIP1.js";
 import { c as H } from "./object-BYyQ0PZp.js";
 import { useDialog as xe, components as oe } from "@feedmepos/ui-library";
-import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DI-tCQeb.js";
-import { a as Re, _ as Se, b as Fe } from "./trigger-Dk0tAyDv.js";
-import { O as ke } from "./objectid-C4ak1ctJ.js";
+import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BEAJ5tb7.js";
+import { a as Re, _ as Se, b as Fe } from "./trigger-F-XaDRpc.js";
+import { O as ke } from "./objectid-kWi62XJQ.js";
 import { c as $e } from "./string-Gcy5IM_H.js";
-import { r as pe } from "./index-BeK9AXvx.js";
-import { u as Pe } from "./business-IZLJeLD-.js";
+import { r as pe } from "./index-CV1kOec1.js";
+import { u as Pe } from "./business-D_ksG_j8.js";
 const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { class: "space-y-4 hidden xs:!block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, je = { class: "flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
   __name: "ReferralRewadGroupCard",
   props: {
@@ -739,7 +740,7 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
 }), mr = { class: "fm-typo-en-title-sm-600" }, fr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, pr = { class: "flex gap-x-8" }, hr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, vr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _r = { class: "mb-40" }, gr = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qr = /* @__PURE__ */ q({
+}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kr = /* @__PURE__ */ q({
   __name: "Overview",
   setup(k) {
     const { t: l } = Z(), { minor: I } = ue, p = Pe(), g = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: s } = he(), u = G(() => {
@@ -1075,5 +1076,5 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
   }
 });
 export {
-  qr as default
+  Kr as default
 };

package/dist/Point-ClovAwUI.js

@@ -0,0 +1,288 @@
+import { defineComponent as G, ref as N, computed as Y, h as C, onMounted as z, resolveComponent as m, openBlock as u, createElementBlock as x, Fragment as k, createVNode as i, unref as o, withCtx as w, createElementVNode as n, toDisplayString as f, renderList as J, createBlock as F, resolveDynamicComponent as Q } from "vue";
+import { _ as W } from "./campaign-CpzFl8Vr.js";
+import { useDialog as X, components as P } from "@feedmepos/ui-library";
+import { p as Z } from "./plugins-UfVjLlr4.js";
+import { u as ee } from "./loading-3obmcgAf.js";
+import { u as te } from "./business-D_ksG_j8.js";
+import { u as oe } from "./campaign-BKIxUyuf.js";
+import { a as ae, b as $, c as A } from "./campaign-IZaOdcTr.js";
+import { c as ne, p as ie } from "./duplicateCampaign-BWdWO-Jv.js";
+import { _ as re } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-1UH_Ie4E.js";
+import { u as le } from "./template-Ckva65hw.js";
+import { u as ce } from "./vue-i18n-DRrphfc1.js";
+import "./index-Ckr8ODhI.js";
+import { useRouter as me } from "vue-router";
+import { c as g } from "./index-BmAoVlN8.js";
+import { R as pe } from "./app-I3z-EN92.js";
+const de = { class: "flex items-center" }, ue = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, fe = { class: "px-24 flex flex-col gap-y-16" }, ge = { class: "flex items-center justify-between w-full" }, ye = { class: "flex gap-8 overflow-x-auto" }, _e = { class: "space-y-8" }, he = { class: "flex w-full gap-4 items-center" }, Ce = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ve = { class: "flex items-center gap-8" }, xe = { class: "flex flex-col gap-16 text-center" }, ke = { class: "fm-typo-en-title-sm-800" }, Fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, He = /* @__PURE__ */ G({
+  __name: "Point",
+  setup(Pe) {
+    const { t: r } = ce(), O = me(), R = {
+      label: r("connect.program.common.actions.create", {
+        type: r("connect.program.point.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, D = le("COIN", X()), b = te(), p = oe(), { global: K, minor: L } = ee, l = N({
+      searchKey: "",
+      location: []
+    });
+    function T(e) {
+      const t = l.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((c) => {
+        var s;
+        return (s = e == null ? void 0 : e.targetLocation) == null ? void 0 : s.includes(c);
+      }) : e.targetLocation.includes(t);
+    }
+    const y = Y(
+      () => p.campaigns.point.filter((e) => T(e))
+    ), U = [
+      {
+        header: r("connect.program.common.table.title"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: r("connect.program.common.table.status"),
+        accessorFn: (e) => ae(e),
+        cell(e) {
+          return $(e.row.original);
+        }
+      },
+      {
+        header: r("connect.program.common.table.summary"),
+        accessorFn: (e) => A(e)
+      },
+      {
+        header: r("connect.program.common.table.actions"),
+        cell(e) {
+          return C("div", { class: "flex items-center gap-8 justify-end" }, [
+            C(P.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await I(e.row.original);
+              }
+            }),
+            C(P.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await B(e.row.original);
+              }
+            }),
+            C(P.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), S(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], v = N();
+    async function S(e) {
+      await Z.remove(`Are you sure you want to remove ${e.name}?`) && await L(
+        async () => {
+          await g.delete(e._id), await p.read("COIN");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function _(e) {
+      e ? await t() : D.open(async (c) => {
+        await t(c);
+      });
+      async function t(c) {
+        var s;
+        (s = v.value) == null || s.showSheet(
+          !0,
+          "COIN",
+          e ? await g.readById(e._id) : void 0,
+          c
+        );
+      }
+    }
+    async function I(e) {
+      await O.push({
+        name: pe["$connect-PROGRAM_POINT_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function B(e) {
+      var s;
+      if (!await ne(e.name))
+        return;
+      const t = await g.readById(e._id), c = ie(t, {
+        keepCollectible: !0
+      });
+      (s = v.value) == null || s.showSheet(
+        !0,
+        "COIN",
+        c,
+        t.template
+      );
+    }
+    async function E(e) {
+      await L(
+        async () => {
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await p.read("COIN");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} point program`,
+          successMessage: `Point program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return z(async () => {
+      await K(async () => {
+        await p.read("COIN");
+      });
+    }), (e, t) => {
+      const c = m("FmPill"), s = m("FmPageHead"), V = m("FmSearch"), M = m("FmTable"), h = m("FmButton"), j = m("FmListItem"), H = m("FmList"), q = m("FmCard");
+      return u(), x(k, null, [
+        i(s, {
+          title: o(r)("connect.program.point.title"),
+          actions: o(y).length > 0 && o(b).isPremium ? [R] : [],
+          "onClick:action": t[0] || (t[0] = () => _())
+        }, {
+          title: w(() => [
+            n("div", de, [
+              n("span", ue, f(o(r)("connect.program.point.title")), 1),
+              i(c, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        n("div", fe, [
+          i(V, {
+            modelValue: o(l).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(l).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(p).campaigns.point && o(p).campaigns.point.length > 0 ? (u(), x(k, { key: 0 }, [
+            n("div", ge, [
+              n("div", ye, [
+                i(re, {
+                  label: `${o(r)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(l).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(l).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(b).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              i(V, {
+                modelValue: o(l).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(l).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(M, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(y),
+              "column-defs": U,
+              "search-value": o(l).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => _(a.original)),
+              "hide-footer": o(y).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(H, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: w(() => [
+                (u(!0), x(k, null, J(o(y).filter(
+                  (a) => a.name.toLowerCase().includes(o(l).searchKey.toLowerCase())
+                ), (a) => (u(), F(j, {
+                  key: a._id.toString(),
+                  onClick: (d) => _(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: w(() => [
+                    n("div", _e, [
+                      n("div", he, [
+                        (u(), F(Q(o($)(a))))
+                      ]),
+                      n("div", Ce, [
+                        n("div", we, f(a.name), 1),
+                        n("div", be, f(o(A)(a)), 1)
+                      ])
+                    ]),
+                    n("div", ve, [
+                      i(h, {
+                        icon: "insights",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (d) => {
+                          d.stopPropagation(), await I(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      i(h, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (d) => {
+                          d.stopPropagation(), await B(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      i(h, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (d) => (d.stopPropagation(), S(a))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), F(q, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: w(() => [
+              t[6] || (t[6] = n("img", {
+                src: W,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", xe, [
+                n("div", ke, f(o(r)("connect.program.point.empty_state.title")), 1),
+                n("div", Fe, f(o(r)("connect.program.point.empty_state.description")), 1)
+              ]),
+              i(h, {
+                variant: "primary",
+                label: "Create point program",
+                disabled: !o(b).isPremium,
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => _())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          i(se, {
+            ref_key: "sheetRef",
+            ref: v,
+            "onSubmit:modelValue": E
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  He as default
+};