@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.81

package/dist/Point-DO5Z5sOL.js

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