@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/StoreRewards-CUM2irXK.js

@@ -0,0 +1,401 @@
+import { defineComponent as G, ref as F, computed as j, onMounted as q, resolveComponent as g, openBlock as d, createBlock as b, unref as e, isRef as Y, withCtx as S, createElementVNode as s, createVNode as c, createElementBlock as O, createTextVNode as z, resolveDynamicComponent as M, toDisplayString as $, Fragment as D, createCommentVNode as U, h } from "vue";
+import { _ as J } from "./campaign-CpzFl8Vr.js";
+import { components as k } from "@feedmepos/ui-library";
+import "./index-gIRszcHf.js";
+import { p as H, u as Q, f as B } from "./loading-Ds-yFYhc.js";
+import { C as Z, u as X } from "./membership-DaiVw9qF.js";
+import { u as ee } from "./vue-i18n-BTlOChXs.js";
+import { F as te } from "./index-_3qBsogG.js";
+import { c as oe } from "./object-qECH92oz.js";
+import { u as K } from "./app-wDQR6dpb.js";
+import { u as ae } from "./business-DSv8zM8C.js";
+import { useCoreStore as ne } from "@feedmepos/mf-common";
+import { Z as v } from "./zod-Bg2FbC-D.js";
+import { _ as se } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DWuAODUF.js";
+import { _ as re } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import { _ as ie } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DEb4OBcX.js";
+import { _ as le, a as me } from "./EffectSheet.vue_vue_type_style_index_0_lang-CzEtOmp0.js";
+import { i as ce, t as de } from "./helper-Sz7oQ0F4.js";
+import { useRouter as ue } from "vue-router";
+import { m as N } from "./index-C3_4GUiI.js";
+import { R as T } from "./app-wE5HTF_Y.js";
+const pe = {
+  key: 0,
+  class: "flex flex-col space-y-16 pr-12"
+}, fe = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, we = { class: "flex items-center gap-8" }, ge = /* @__PURE__ */ G({
+  __name: "EditRewardSheet",
+  emits: ["update"],
+  setup(W, { expose: n, emit: P }) {
+    const p = P, I = ae(), V = ne(), f = F(!1), a = F(), _ = F(), i = te, l = j(
+      () => {
+        var r;
+        return Z[((r = a.value) == null ? void 0 : r.type) || "VOUCHER"];
+      }
+    ), A = j(() => {
+      const r = i.safeParse(a.value);
+      return r.success ? [] : r.error.errors;
+    });
+    function L() {
+      const r = i.safeParse(a.value);
+      r.success && p("update", r.data);
+    }
+    function x(r, t, o = {
+      isStoreReward: !1,
+      type: "VOUCHER"
+    }) {
+      f.value = r, r && (_.value = void 0, a.value = t || ce(o.type, {
+        business: V.currentBusiness.value._id,
+        noCampaign: o.isStoreReward == !0
+      }));
+    }
+    return q(async () => {
+      await I.readLocations();
+    }), n({
+      showSheet: x,
+      data: a,
+      rewardImage: _
+    }), (r, t) => {
+      const o = g("FmTextarea"), y = g("FmHelperText"), u = g("FmButton"), C = g("FmSideSheet");
+      return d(), b(C, {
+        "max-width": 560,
+        modelValue: e(f),
+        "onUpdate:modelValue": t[7] || (t[7] = (R) => Y(f) ? f.value = R : null),
+        header: "Store setting"
+      }, {
+        "side-sheet-footer": S(() => [
+          s("div", we, [
+            c(u, {
+              label: "Submit",
+              onClick: L,
+              disabled: e(A).length > 0 || e(K)().isLoading,
+              loading: e(K)().isLoading
+            }, null, 8, ["disabled", "loading"]),
+            c(u, {
+              label: "Cancel",
+              onClick: t[6] || (t[6] = (R) => x(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: S(() => {
+          var R, E, w;
+          return [
+            e(a) ? (d(), O("div", pe, [
+              s("div", fe, [
+                t[8] || (t[8] = z(" Reward information ")),
+                (d(), b(M(e(l).chip())))
+              ]),
+              c(se, {
+                modelValue: e(a).name,
+                "onUpdate:modelValue": t[0] || (t[0] = (m) => e(a).name = m),
+                label: `${e(l).name} name`,
+                schema: e(v).typeAtPath(e(i), "name", [e(a).type])
+              }, null, 8, ["modelValue", "label", "schema"]),
+              c(o, {
+                class: "!mb-[-16px]",
+                modelValue: e(a).description,
+                "onUpdate:modelValue": t[1] || (t[1] = (m) => e(a).description = m),
+                rules: [e(v).ruleAtPath(e(i), "description", [e(a).type])]
+              }, {
+                label: S(() => [
+                  (d(), b(M(
+                    e(v).toInputLabel(
+                      e(v).typeAtPath(e(i), "description", [e(a).type]),
+                      `${e(l).name} description`
+                    )
+                  )))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "rules"]),
+              s("div", ye, [
+                s("div", null, $(e(l).name) + " description should not exceed 200 characters. ", 1),
+                s("div", null, $(((R = e(a).description) == null ? void 0 : R.length) ?? 0) + "/200", 1)
+              ]),
+              c(re, {
+                class: "w-1/2 xs:w-2/3",
+                "aspect-ratio": "16/9",
+                file: e(_) ?? void 0,
+                thumbnail: e(a).image ?? void 0,
+                "onUpdate:file": t[2] || (t[2] = async (m) => {
+                  _.value = m, m || (e(a).image = null);
+                })
+              }, {
+                label: S(() => [
+                  (d(), b(M(
+                    e(v).toInputLabel(
+                      e(v).typeAtPath(e(i), "image", [e(a).type]),
+                      `${e(l).name} image`
+                    )
+                  )))
+                ]),
+                _: 1
+              }, 8, ["file", "thumbnail"]),
+              e(a).type === "VOUCHER" ? (d(), O(D, { key: 0 }, [
+                t[9] || (t[9] = s("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
+                c(le, {
+                  "model-value": e(a).extras.effect,
+                  "onUpdate:modelValue": t[3] || (t[3] = (m) => {
+                    e(a).extras.effect = m;
+                  })
+                }, null, 8, ["model-value"]),
+                e(a).extras.effect == null ? (d(), b(y, {
+                  key: 0,
+                  class: "!mt-8",
+                  text: "Effect is required",
+                  state: "error"
+                })) : U("", !0),
+                t[10] || (t[10] = s("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, " Usage configuration ", -1)),
+                c(me, {
+                  "model-value": e(a).options,
+                  "no-campaign": e(a).noCampaign,
+                  "onUpdate:modelValue": t[4] || (t[4] = (m) => e(a).options = m),
+                  schema: e(v).typeAtPath(e(i), "options", ["VOUCHER"])
+                }, null, 8, ["model-value", "no-campaign", "schema"])
+              ], 64)) : U("", !0),
+              t[11] || (t[11] = s("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
+              e(a).type === "VOUCHER" ? (d(), b(ie, {
+                key: 1,
+                "model-value": ((w = (E = e(a).extras) == null ? void 0 : E.targetLocation) == null ? void 0 : w.map(String)) ?? null,
+                type: "select",
+                "onUpdate:modelValue": t[5] || (t[5] = (m) => {
+                  e(a).extras.targetLocation = m;
+                }),
+                rules: [
+                  e(v).ruleAtPath(e(i), "extras.targetLocation", ["VOUCHER"])
+                ]
+              }, null, 8, ["model-value", "rules"])) : U("", !0)
+            ])) : U("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ve = { class: "px-24 flex flex-col gap-y-16" }, Re = { class: "flex items-center justify-between w-full" }, be = { class: "flex flex-col gap-16 text-center" }, _e = { class: "fm-typo-en-title-sm-800" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ G({
+  __name: "StoreRewards",
+  setup(W) {
+    const { t: n } = ee(), P = {
+      label: n("connect.storeRewards.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, p = X(), { global: I, minor: V } = Q, f = ue(), a = F({
+      searchKey: "",
+      columnFilters: []
+    }), _ = [
+      {
+        header: n("connect.storeRewards.table.name"),
+        accessorFn: (t) => t.name
+      },
+      {
+        id: "type",
+        header: n("connect.storeRewards.table.type"),
+        accessorFn: (t) => t.type,
+        cell(t) {
+          return Z[t.row.original.type].chip();
+        }
+      },
+      {
+        header: n("connect.storeRewards.table.validity"),
+        accessorFn: (t) => de(
+          "validityOption" in t.options ? t.options.validityOption || {} : {}
+        )
+      },
+      {
+        header: n("connect.storeRewards.table.used"),
+        meta: {
+          textAlign: "left"
+        },
+        accessorFn: (t) => t.currentReceive ?? 0
+      },
+      {
+        header: n("connect.storeRewards.table.actions"),
+        cell(t) {
+          return h("div", { class: "flex items-center justify-end gap-4" }, [
+            h(
+              k.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => h(k.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  h(k.FmMenuItem, {
+                    label: "View collections",
+                    onClick: async (o) => {
+                      o.stopPropagation(), A(t.row.original._id);
+                    }
+                  }),
+                  // h(components.FmMenuItem, {
+                  //   label: 'View transactions',
+                  //   onClick: async (event: Event) => {
+                  //     event.stopPropagation();
+                  //     onViewTransactions(props.row.original._id as string);
+                  //   },
+                  // }),
+                  h(
+                    k.FmMenuItem,
+                    {
+                      onClick: async (o) => {
+                        o.stopPropagation(), L(t.row.original);
+                      }
+                    },
+                    {
+                      label: h(
+                        "div",
+                        {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                        },
+                        "Remove"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], i = j(
+      () => p.bundleRewards.filter((t) => t.type == "VOUCHER")
+    ), l = F();
+    function A(t) {
+      f.push({
+        name: T["$connect-STORE_REWARD_COLLECTIONS"],
+        params: { id: t }
+      });
+    }
+    async function L(t) {
+      if (t.type === "TITLE") {
+        await H.confirm(
+          n("connect.storeRewards.remove.message"),
+          n("connect.storeRewards.remove.title"),
+          n("connect.storeRewards.remove.action")
+        ) && await f.push({ name: T["$connect-PROGRAM_TITLE"] });
+        return;
+      }
+      await H.remove(
+        n("connect.storeRewards.delete.confirm"),
+        n("connect.storeRewards.delete.title")
+      ) && await V(
+        async () => {
+          await N.deleteReward(t._id), await p.readMembership(), await p.readRewards();
+        },
+        {
+          message: n("connect.storeRewards.delete.message"),
+          successMessage: n("connect.storeRewards.delete.success")
+        }
+      );
+    }
+    async function x(t) {
+      var y;
+      const o = t ? oe(p.bundleRewards.find((u) => u._id === t)) : void 0;
+      if ((o == null ? void 0 : o.type) === "TITLE") {
+        await H.confirm(
+          "You cannot edit a title here, please edit it at the Program > Title section.",
+          "Update reward",
+          "Go to title section"
+        ) && await f.push({ name: T["$connect-PROGRAM_TITLE"] });
+        return;
+      }
+      (y = l.value) == null || y.showSheet(!0, o, {
+        isStoreReward: !0,
+        type: "VOUCHER"
+      });
+    }
+    async function r(t) {
+      await V(
+        async () => {
+          var o, y, u, C;
+          (o = l.value) != null && o.rewardImage && t.image ? await B.delete(t.image) : (y = l.value) != null && y.rewardImage && (t.image = await B.update(
+            t.image || B.collectibleImagePath(
+              void 0,
+              l.value.rewardImage
+            ),
+            (u = l.value) == null ? void 0 : u.rewardImage
+          )), t._id ? await N.updateReward(t._id, t) : await N.createReward(t), await p.readRewards(), (C = l.value) == null || C.showSheet(!1);
+        },
+        {
+          message: "Updating reward",
+          successMessage: "Reward updated successfully"
+        }
+      );
+    }
+    return q(async () => {
+      await I(async () => {
+        await p.readMembership(), await p.readRewards();
+      });
+    }), (t, o) => {
+      const y = g("FmPageHead"), u = g("FmSearch"), C = g("FmTable"), R = g("FmButton"), E = g("FmCard");
+      return d(), O(D, null, [
+        c(y, {
+          title: e(n)("connect.storeRewards.title"),
+          description: e(n)("connect.storeRewards.description"),
+          actions: [P],
+          "back-button": !0,
+          "onClick:action": o[0] || (o[0] = () => x()),
+          "onClick:back": o[1] || (o[1] = () => e(f).push({ name: e(T)["$connect-STORE"] }))
+        }, null, 8, ["title", "description", "actions"]),
+        s("div", ve, [
+          e(i) && e(i).length > 0 ? (d(), O(D, { key: 0 }, [
+            s("div", Re, [
+              o[6] || (o[6] = s("div", { class: "flex gap-8" }, null, -1)),
+              c(u, {
+                modelValue: e(a).searchKey,
+                "onUpdate:modelValue": o[2] || (o[2] = (w) => e(a).searchKey = w),
+                class: "",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            c(C, {
+              "row-data": e(i),
+              "column-defs": _,
+              "search-value": e(a).searchKey,
+              "column-filter": e(a).columnFilters,
+              onRowClick: o[3] || (o[3] = (w) => x(w.original._id)),
+              "hide-footer": e(i).length < 10
+            }, null, 8, ["row-data", "search-value", "column-filter", "hide-footer"])
+          ], 64)) : (d(), b(E, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: S(() => [
+              o[7] || (o[7] = s("img", {
+                src: J,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", be, [
+                s("div", _e, $(e(n)("connect.storeRewards.empty.title")), 1),
+                s("div", xe, $(e(n)("connect.storeRewards.empty.description")), 1)
+              ]),
+              c(R, {
+                variant: "primary",
+                label: e(n)("connect.storeRewards.empty.action"),
+                onClick: o[4] || (o[4] = (w) => x()),
+                icon: "add"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          c(ge, {
+            ref_key: "rewardSheetRef",
+            ref: l,
+            onUpdate: o[5] || (o[5] = (w) => r(w))
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ke as default
+};

package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-CLFiuO5k.js → StoreTransactions.vue_vue_type_script_setup_true_lang-JaRdmqif.js}

@@ -1,21 +1,21 @@
 import { defineComponent as z, ref as A, computed as K, onMounted as G, resolveComponent as D, openBlock as O, createBlock as Y, unref as n, withCtx as U, createVNode as h, normalizeClass as L, createCommentVNode as ue, createElementVNode as T, toDisplayString as X, createElementBlock as H, Fragment as de, renderList as me, mergeModels as J, useModel as pe, watch as W, onBeforeMount as fe, h as o } from "vue";
 import { components as _ } from "@feedmepos/ui-library";
-import { d as ge } from "./index-CFMBSL24.js";
-import { a as te } from "./loading-GuXe5bYG.js";
+import { d as ge } from "./index-DBMaUGYI.js";
+import { a as te } from "./loading-Ds-yFYhc.js";
 import { s as ye } from "./index-Dbd4WA4r.js";
 import { h as v } from "./moment-BWErdI6_.js";
 import { s as j } from "./index-CuvNtC_M.js";
-import { f as Q } from "./number-CIndGU4O.js";
-import { u as be } from "./business-DGL4Ayx0.js";
-import { u as ae, _ as ne } from "./usePagination-JoYaROkV.js";
+import { f as Q } from "./number-CZhcB8ef.js";
+import { u as be } from "./business-DSv8zM8C.js";
+import { u as ae, _ as ne } from "./usePagination-BeF5K3M7.js";
 import { g as re } from "./user-Bm4KttFq.js";
-import { B as oe, a as le } from "./export-w2o9NYcy.js";
-import { u as he } from "./campaign-D94sS1kM.js";
-import "./index-BPNG8N-w.js";
+import { B as oe, a as le } from "./export-C9tDplkA.js";
+import { u as he } from "./campaign-7y5qquHZ.js";
+import "./index-gIRszcHf.js";
 import { useRouter as ve } from "vue-router";
-import { R as V } from "./app--1Ks5Hms.js";
+import { R as V } from "./app-wE5HTF_Y.js";
 import { o as $ } from "./objectId-dwaoBfJX.js";
-import { g as Z, a as _e, S as xe, b as Se } from "./index-DWM9MWGj.js";
+import { g as Z, a as _e, S as xe, b as Se } from "./index-Dy4pmQpt.js";
 function we(r) {
   let c = "";
   switch (r) {

package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-CoMQBL4P.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-DEb4OBcX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as N, ref as C, computed as L, watch as E, resolveComponent as g, openBlock as o, createElementBlock as i, Fragment as y, toDisplayString as I, createCommentVNode as A, createElementVNode as M, createVNode as v, unref as u, renderList as S, createBlock as b, isRef as U, withCtx as F } from "vue";
-import { u as T } from "./business-DGL4Ayx0.js";
+import { u as T } from "./business-DSv8zM8C.js";
 function j(l, s, n) {
   return l.some(
     n instanceof Function ? n : (a) => a === s