@feedmepos/mf-connect 0.1.0-beta.9 → 0.1.0-prod

package/dist/StoreRewards-DZfqUeYR.js

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

package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-2Jqj_rKv.js → StoreTransactions.vue_vue_type_script_setup_true_lang-RTfozD01.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 { f as ge } from "./index-CJ8Uh2Ja.js";
-import { a as te } from "./loading-CJ3nOovJ.js";
+import { f as ge } from "./index-FvlaxwGB.js";
+import { a as te } from "./loading-KNmEMBUB.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-CeAYAKCp.js";
-import { u as be } from "./business-DR7jpnLz.js";
-import { u as ae, _ as ne } from "./usePagination-BeF5K3M7.js";
+import { f as Q } from "./number-BDsGpOXm.js";
+import { u as be } from "./business-BSo7EPan.js";
+import { u as ae, _ as ne } from "./usePagination-JoYaROkV.js";
 import { g as re } from "./user-Bm4KttFq.js";
-import { B as oe, a as le } from "./export-B8cvWh5n.js";
-import { u as he } from "./campaign-MqcTb329.js";
-import "./index-Cv7pLAYq.js";
+import { B as oe, a as le } from "./export-CMR243CF.js";
+import { u as he } from "./campaign-CsOje3Ap.js";
+import "./index-DbP04yeg.js";
 import { useRouter as ve } from "vue-router";
-import { R as V } from "./app-DCHKJoql.js";
+import { R as V } from "./app-Bt59niI-.js";
 import { o as $ } from "./objectId-dwaoBfJX.js";
-import { g as Z, a as _e, S as xe, b as Se } from "./index-LrSSauN2.js";
+import { g as Z, a as _e, S as xe, b as Se } from "./index-BLDYTxnc.js";
 function we(r) {
   let c = "";
   switch (r) {

package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-BkdSj0cX.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-BGI78ycg.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-DR7jpnLz.js";
+import { u as T } from "./business-BSo7EPan.js";
 function j(l, s, n) {
   return l.some(
     n instanceof Function ? n : (a) => a === s