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

package/dist/Game-q2X_SSup.js

@@ -0,0 +1,356 @@
+import { defineComponent as J, ref as A, computed as Q, onMounted as X, resolveComponent as m, openBlock as f, createElementBlock as P, Fragment as R, createVNode as r, unref as o, withCtx as b, createElementVNode as n, toDisplayString as g, renderList as Z, createBlock as V, resolveDynamicComponent as ee, h as l } from "vue";
+import { _ as te } from "./campaign-CpzFl8Vr.js";
+import { useDialog as oe, components as y } from "@feedmepos/ui-library";
+import { c as ae, p as ne } from "./plugins-C7hEP98r.js";
+import { u as ie } from "./loading-BlfJuA-h.js";
+import { u as re } from "./business-DGYo03yh.js";
+import { u as se } from "./campaign-BmVMseCM.js";
+import { b as T, c as U, a as le } from "./campaign-BFhMhQWk.js";
+import { c as ce, p as me } from "./duplicateCampaign-C62eVSKZ.js";
+import { _ as de } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { _ as ue } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C77dXZo-.js";
+import { u as pe } from "./template-CTCYJKDu.js";
+import { u as fe } from "./vue-i18n-CiJ_kNkt.js";
+import { _ as ge } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-CxC6ZLZT.js";
+import "./index-CX2tKi6X.js";
+import { useRouter as ye } from "vue-router";
+import { c as h } from "./index-C5a9ZaAM.js";
+import { R as _e } from "./app-CQnX8TXq.js";
+const he = { class: "flex items-center" }, we = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Ce = { class: "px-24 flex flex-col gap-y-16" }, ve = { class: "flex items-center justify-between w-full" }, xe = { class: "flex gap-8 overflow-x-auto" }, be = { class: "space-y-8" }, ke = { class: "flex w-full gap-4 items-center" }, Fe = { class: "space-y-4" }, Se = { class: "fm-typo-en-body-lg-600" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Re = { class: "flex items-center gap-8" }, Ve = { class: "flex flex-col gap-16 text-center" }, Le = { class: "fm-typo-en-title-sm-800" }, Be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xe = /* @__PURE__ */ J({
+  __name: "Game",
+  setup(Ee) {
+    const { t: d } = fe(), D = ye(), I = {
+      label: d("connect.program.common.actions.create", {
+        type: d("connect.program.game.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, L = oe(), K = pe("GAME", L), w = re(), u = se(), { global: j, minor: B } = ie, c = A({
+      searchKey: "",
+      location: []
+    });
+    function N(e) {
+      const t = c.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((s) => {
+        var i;
+        return (i = e == null ? void 0 : e.targetLocation) == null ? void 0 : i.includes(s);
+      }) : e.targetLocation.includes(t);
+    }
+    const C = Q(
+      () => u.campaigns.token.filter((e) => N(e))
+    ), O = [
+      {
+        header: "Program title",
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return l("div", { class: "flex items-center justify-between gap-4" }, [
+            l("div", { class: "flex items-center" }, [
+              l(
+                y.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (t) => {
+                    t.stopPropagation(), ae(e.row.original._id);
+                  }
+                },
+                [
+                  l(y.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            l("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: "Status",
+        accessorFn: (e) => le(e),
+        cell(e) {
+          return T(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => U(e)
+        //v.effect,
+      },
+      {
+        header: "Token received",
+        accessorFn: (e) => {
+          var t;
+          return ((t = e == null ? void 0 : e.pf_collectible) == null ? void 0 : t.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return l("div", { class: "flex items-center gap-8" }, [
+            l(y.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await G(e.row.original);
+              }
+            }),
+            l(y.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await $(e.row.original);
+              }
+            }),
+            l(y.FmButton, {
+              variant: "tertiary",
+              icon: "send",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), q(e.row.original);
+              }
+            }),
+            l(y.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), M(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], k = A(), E = A();
+    async function M(e) {
+      await ne.remove(`Are you sure you want to remove ${e.name}?`) && await B(
+        async () => {
+          await h.delete(e._id), await u.read("GAME");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function v(e) {
+      e ? await t() : K.open(async (s) => {
+        await t(s);
+      });
+      async function t(s) {
+        var i;
+        (i = k.value) == null || i.showSheet(
+          !0,
+          "GAME",
+          e ? await h.readById(e._id) : void 0,
+          s
+        );
+      }
+    }
+    async function $(e) {
+      var i;
+      if (!await ce(e.name))
+        return;
+      const t = await h.readById(e._id), s = me(t);
+      (i = k.value) == null || i.showSheet(
+        !0,
+        "GAME",
+        s,
+        t.template
+      );
+    }
+    async function H(e) {
+      var t, s, i;
+      e.campaign._id && ((i = (s = (t = e.campaign) == null ? void 0 : t.game) == null ? void 0 : s.rewards) != null && i.some(
+        (p) => p.type === "VOUCHER"
+      )) && await new Promise((p) => {
+        L.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          e.updateCollections = !0, p();
+        }).onSecondary(async () => {
+          p();
+        });
+      }), await B(
+        async () => {
+          e.campaign._id ? await h.update(e.campaign._id, e) : await h.create(e), await u.read("GAME");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} game program`,
+          successMessage: `Game program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    function q(e) {
+      var t;
+      (t = E.value) == null || t.showSheet({
+        campaign: e
+      });
+    }
+    async function G(e) {
+      await D.push({
+        name: _e["$connect-PROGRAM_GAME_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    return X(async () => {
+      await j(async () => {
+        await u.read("GAME"), await w.readPremium();
+      });
+    }), (e, t) => {
+      const s = m("FmPill"), i = m("FmPageHead"), F = m("FmSearch"), p = m("FmTable"), x = m("FmButton"), z = m("FmListItem"), W = m("FmList"), Y = m("FmCard");
+      return f(), P(R, null, [
+        r(i, {
+          actions: o(C).length > 0 && o(w).isPremium ? [I] : [],
+          "onClick:action": t[0] || (t[0] = () => v())
+        }, {
+          title: b(() => [
+            n("div", he, [
+              n("span", we, g(o(d)("connect.program.game.title")), 1),
+              r(s, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        n("div", Ce, [
+          r(F, {
+            modelValue: o(c).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(c).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(u).campaigns.token && o(u).campaigns.token.length > 0 ? (f(), P(R, { key: 0 }, [
+            n("div", ve, [
+              n("div", xe, [
+                r(de, {
+                  label: `${o(d)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(c).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(c).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(w).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              r(F, {
+                modelValue: o(c).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(c).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(p, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(C),
+              "column-defs": O,
+              "search-value": o(c).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => v(a.original)),
+              "hide-footer": o(C).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(W, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (f(!0), P(R, null, Z(o(C).filter(
+                  (a) => a.name.toLowerCase().includes(o(c).searchKey.toLowerCase())
+                ), (a) => (f(), V(z, {
+                  key: a._id.toString(),
+                  onClick: (S) => v(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => {
+                    var S;
+                    return [
+                      n("div", be, [
+                        n("div", ke, [
+                          (f(), V(ee(o(T)(a))))
+                        ]),
+                        n("div", Fe, [
+                          n("div", Se, g(a.name), 1),
+                          n("div", Ae, g(o(U)(a)), 1)
+                        ]),
+                        n("div", Pe, g(o(d)("connect.program.game.token_received", {
+                          count: ((S = a.pf_collectible) == null ? void 0 : S.currentReceive) ?? 0
+                        })), 1)
+                      ]),
+                      n("div", Re, [
+                        r(x, {
+                          icon: "insights",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (_) => {
+                            _.stopPropagation(), await G(a);
+                          }
+                        }, null, 8, ["onClick"]),
+                        r(x, {
+                          icon: "content_copy",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (_) => {
+                            _.stopPropagation(), await $(a);
+                          }
+                        }, null, 8, ["onClick"]),
+                        r(x, {
+                          icon: "delete",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (_) => (_.stopPropagation(), M(a))
+                        }, null, 8, ["onClick"])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (f(), V(Y, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              t[6] || (t[6] = n("img", {
+                src: te,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", Ve, [
+                n("div", Le, g(o(d)("connect.program.game.empty_state.title")), 1),
+                n("div", Be, g(o(d)("connect.program.game.empty_state.description")), 1)
+              ]),
+              r(x, {
+                variant: "primary",
+                label: "Create game program",
+                icon: "add",
+                disabled: !o(w).isPremium,
+                onClick: t[5] || (t[5] = (a) => v())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          r(ue, {
+            ref_key: "sheetRef",
+            ref: k,
+            "onSubmit:modelValue": H
+          }, null, 512),
+          r(ge, {
+            ref_key: "sendCollectionSheetRef",
+            ref: E
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as default
+};