@feedmepos/mf-connect 0.0.6 → 0.0.7

package/dist/StoreRewards-Bd1ZFUQM.js

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

package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-Bdo4vZkG.js → StoreTransactions.vue_vue_type_script_setup_true_lang-D0L-LkOm.js}

@@ -1,13 +1,13 @@
 import { defineComponent as O, ref as I, computed as M, onMounted as A, resolveComponent as _, openBlock as x, createBlock as V, unref as e, withCtx as k, createVNode as g, normalizeClass as T, createCommentVNode as Z, createElementVNode as C, toDisplayString as z, createElementBlock as P, Fragment as ee, renderList as ae, mergeModels as B, useModel as te, watch as U, onBeforeMount as oe, h as d } from "vue";
 import { components as w } from "@feedmepos/ui-library";
-import { d as ne } from "./index-DCIJl8iK.js";
-import { c as q } from "./plugins-B53iVLET.js";
+import { d as ne } from "./index-C5UTq5_2.js";
+import { c as q } from "./plugins-CJou3ejy.js";
 import { s as re } from "./index-Dbd4WA4r.js";
 import { h as b } from "./moment-BWErdI6_.js";
 import { s as L } from "./index-CuvNtC_M.js";
-import { f as le } from "./number-D5WgTK0X.js";
-import { e as Y, j as se, S as ie, h as ce, a as ue } from "./app-DldkpdyI.js";
-import { u as K, _ as H } from "./usePagination-MD91K8Ao.js";
+import { f as le } from "./number-ROACK3bi.js";
+import { e as Y, j as se, S as ie, h as ce, a as ue } from "./app-g6ra_l_x.js";
+import { u as K, _ as H } from "./usePagination-DRHXkOF-.js";
 import { o as G } from "./objectId-dwaoBfJX.js";
 function de(o) {
   let l = "";

package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-DQQ-EPvQ.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-C0xL6Ua_.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as U, computed as B, resolveComponent as g, openBlock as o, createElementBlock as u, Fragment as v, toDisplayString as L, createCommentVNode as N, createElementVNode as E, createVNode as h, unref as d, renderList as x, createBlock as S, isRef as I, withCtx as p } from "vue";
-import { a as A } from "./app-DldkpdyI.js";
+import { a as A } from "./app-g6ra_l_x.js";
 function M(e, m, t) {
   return e.some(
     t instanceof Function ? t : (a) => a === m

package/dist/{Tier-DS1BnVuA.js → Tier-DAUABM7F.js}

@@ -1,25 +1,25 @@
 import { defineComponent as q, resolveComponent as $, openBlock as b, createElementBlock as A, Fragment as K, createVNode as u, withCtx as T, createElementVNode as a, toDisplayString as U, renderSlot as re, computed as Y, createBlock as V, unref as e, ref as R, onMounted as ee, isRef as se, resolveDynamicComponent as W, createCommentVNode as G, renderList as te } from "vue";
 import { _ as ue } from "./tier-BJDhpH6X.js";
 import { useDialog as me } from "@feedmepos/ui-library";
-import { c as oe, u as le } from "./loading-CEcLG67g.js";
-import { u as L } from "./membership-Bat0mrVs.js";
-import { u as de } from "./campaign-COrVPhtR.js";
+import { c as oe, u as le } from "./loading-DClM7b3o.js";
+import { u as L } from "./membership-BEDm55VI.js";
+import { u as de } from "./campaign-DdY0vnwY.js";
 import { c as Q } from "./object-qECH92oz.js";
-import { p as J, f as Z } from "./plugins-B53iVLET.js";
-import { R as I, i as ce, a as pe } from "./rule-builder-D6chADAd.js";
-import "./index-DApTNNm8.js";
-import { v as fe, _ as ge } from "./CampaignTypeDialog.vue_vue_type_script_setup_true_lang-BlZ4cdrl.js";
-import { g as ne, C as ye, b as ve } from "./dto-lHIRZTaN.js";
-import { e as _e } from "./effect-B4_HDofh.js";
-import { F as be } from "./index-DujHgfez.js";
-import { u as z, J as he } from "./app-DldkpdyI.js";
+import { p as J, f as Z } from "./plugins-CJou3ejy.js";
+import { R as I, i as ce, a as pe } from "./rule-builder-OR4oX_mq.js";
+import "./index-BSF_A6Bx.js";
+import { v as fe, _ as ge } from "./CampaignTypeDialog.vue_vue_type_script_setup_true_lang-7KnDJ-sV.js";
+import { g as ne, C as ye, b as ve } from "./dto-BQHDb7XC.js";
+import { e as _e } from "./effect-CghM-w8z.js";
+import { F as be } from "./index-CVSXd2FW.js";
+import { u as z, J as he } from "./app-g6ra_l_x.js";
 import { _ as xe, Z as B } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
-import { _ as $e } from "./ImageInput.vue_vue_type_script_setup_true_lang-C8d0t8nQ.js";
-import { _ as Se, a as we } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BXzBoSgP.js";
-import { _ as Fe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DBRqd0z4.js";
-import { _ as ie } from "./lodash-CQck_rTn.js";
-import { m as X } from "./index-D3Oa_lL4.js";
-import { c as Ce } from "./index-ClQze5GX.js";
+import { _ as $e } from "./ImageInput.vue_vue_type_script_setup_true_lang-DzdMpEl_.js";
+import { _ as Se, a as we } from "./RuleGroup.vue_vue_type_script_setup_true_lang-r9Q-pOrs.js";
+import { _ as Fe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CBO6OHrM.js";
+import { _ as ie } from "./lodash-wTDGx83S.js";
+import { m as X } from "./index-Cl-b6jYW.js";
+import { c as Ce } from "./index-D71HFulf.js";
 const Te = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, ke = ["src"], Ie = { class: "flex-1" }, Re = { class: "flex items-center gap-8" }, je = { class: "fm-typo-en-title-sm-800" }, Be = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1 text-ellipsis" }, Ee = { class: "flex gap-8 items-center" }, Ue = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1" }, Ae = { class: "flex items-center justify-between" }, Me = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Pe = ["src"], Le = { class: "flex-1 space-y-4" }, Oe = { class: "fm-typo-en-body-lg-600" }, De = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1 text-ellipsis" }, Ne = /* @__PURE__ */ q({
   __name: "TierCard",
   props: {