@feedmepos/mf-connect 0.1.118-prod → 0.1.119-dev

package/dist/Reward-BQJw-R8V.js

@@ -0,0 +1,444 @@
+import { defineComponent as K, ref as x, computed as h, resolveComponent as f, openBlock as v, createBlock as E, unref as t, isRef as J, withCtx as A, createElementVNode as y, createVNode as s, createCommentVNode as k, createElementBlock as H, Fragment as M, h as O, onMounted as W, toDisplayString as Y } from "vue";
+import { _ as Z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as z, components as L } from "@feedmepos/ui-library";
+import { u as X } from "./loading-kUQqT44G.js";
+import { u as q, C as Q } from "./membership-BI6U8-eM.js";
+import { f as B, p as ee } from "./plugins-BGyTPNfc.js";
+import { u as te } from "./vue-i18n-CRFpVnMa.js";
+import { c as oe } from "./object-BYyQ0PZp.js";
+import { Z as F } from "./zod-BAP9II5C.js";
+import "./index-Bm43wR8L.js";
+import { a as j } from "./index-C9Nbb7wc.js";
+import { useCoreStore as ae } from "@feedmepos/mf-common";
+import { _ as le, a as ne } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-C0d3ktXA.js";
+import { _ as ie } from "./EffectSheet.vue_vue_type_style_index_0_lang-D5-EKqG9.js";
+import { J as N } from "./JsonViewer-v8_C7l5N.js";
+import { _ as re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CkjzVKif.js";
+import { i as se } from "./helper-D1R8vyjc.js";
+import { u as de, r as P } from "./reward-D0xtG-bp.js";
+import "./index-Bym-ZIcv.js";
+import { C as pe } from "./campaign.fn-N6rJeDUx.js";
+import { e as ce } from "./effect-Mwn1x6qN.js";
+import { useRouter as me } from "vue-router";
+import { R as ue } from "./app-BF1vds2J.js";
+const ye = { class: "flex gap-8 items-center justify-start" }, fe = /* @__PURE__ */ K({
+  __name: "EditRewardSheet",
+  emits: ["update"],
+  setup(G, { expose: i, emit: I }) {
+    const d = q(), { minor: C } = X, w = x(!1), l = x({}), m = x(), T = h(
+      () => {
+        var e, o;
+        return ((e = d.loyaltyRewards.items.find(
+          (r) => {
+            var p;
+            return r.value === ((p = l.value.option) == null ? void 0 : p.collectible);
+          }
+        )) == null ? void 0 : e.raw.type) ?? ((o = l.value.option) == null ? void 0 : o.collectibleType);
+      }
+    ), g = h(
+      () => {
+        var e;
+        return ((e = l.value.option) == null ? void 0 : e.type) === "LOYALTY" && (T.value === "CREDIT" || T.value === "TITLE");
+      }
+    ), c = h(() => g.value ? j.superRefine((e, o) => {
+      var r, p, R, _;
+      !((p = (r = e.option) == null ? void 0 : r.validityOption) != null && p.validForDay) && !((_ = (R = e.option) == null ? void 0 : R.validityOption) != null && _.validBefore) && o.addIssue({
+        code: "custom",
+        path: [],
+        message: "Validity must be set"
+      });
+    }) : j), b = h(() => {
+      const e = c.value.safeParse(l.value);
+      return e.success ? [] : e.error.errors;
+    });
+    function $(e, o) {
+      e && (m.value = void 0, l.value = o), w.value = e;
+    }
+    const V = I;
+    async function S() {
+      const e = c.value.safeParse(l.value);
+      !e.success || !e.data || (await C(
+        async () => {
+          var o;
+          e.data.option.type === "VOUCHER" && m.value && (e.data.option.collectibleConfig.image = await B.update(
+            ((o = e.data.option.collectibleConfig) == null ? void 0 : o.image) || B.collectibleImagePath(void 0, m.value),
+            m.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), V("update", e.data));
+    }
+    function U(e) {
+      e === "VOUCHER" ? l.value.option = {
+        collectible: null,
+        type: "VOUCHER",
+        collectibleConfig: se("VOUCHER", {
+          business: ae().currentBusiness.value._id
+        }),
+        earningOption: {
+          amount: 1,
+          type: "FIXED"
+        },
+        validityOption: {
+          validForDay: 7
+        }
+      } : l.value.option = {
+        collectible: d.loyaltyRewards.raw[0]._id,
+        collectibleType: d.loyaltyRewards.raw[0].type,
+        type: "LOYALTY",
+        earningOption: {
+          amount: 1,
+          type: "FIXED"
+        },
+        validityOption: {
+          validForDay: 7
+        }
+      };
+    }
+    function D(e) {
+      l.value.option.collectible = e, l.value.option.collectibleType = d.loyaltyRewards.raw.find(
+        (o) => o._id === e
+      ).type;
+    }
+    const a = x();
+    return i({
+      showSheet: $
+    }), (e, o) => {
+      const r = f("FmSelect"), p = f("FmForm"), R = f("FmButton"), _ = f("FmSideSheet");
+      return v(), E(_, {
+        "max-width": 560,
+        modelValue: t(w),
+        "onUpdate:modelValue": [
+          o[8] || (o[8] = (n) => J(w) ? w.value = n : null),
+          o[9] || (o[9] = (n) => w.value = n)
+        ],
+        header: "Edit reward"
+      }, {
+        "side-sheet-footer": A(() => [
+          y("div", ye, [
+            s(R, {
+              variant: "primary",
+              type: "button",
+              label: "Confirm",
+              disabled: t(b).length > 0,
+              onClick: o[6] || (o[6] = (n) => S())
+            }, null, 8, ["disabled"]),
+            s(R, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: o[7] || (o[7] = (n) => w.value = !1)
+            })
+          ])
+        ]),
+        default: A(() => [
+          s(N, { json: t(l) }, null, 8, ["json"]),
+          s(p, {
+            class: "flex flex-col gap-y-24",
+            ref_key: "formRef",
+            ref: a,
+            onValidationSuccess: o[5] || (o[5] = (n) => S())
+          }, {
+            default: A(() => {
+              var n;
+              return [
+                s(re, {
+                  modelValue: t(l).name,
+                  "onUpdate:modelValue": o[0] || (o[0] = (u) => t(l).name = u),
+                  label: "Reward Name",
+                  schema: t(F).typeAtPath(t(c), "name", []),
+                  "error-text": t(F).helperText(t(b), "name")
+                }, null, 8, ["modelValue", "schema", "error-text"]),
+                s(r, {
+                  label: "Reward Type",
+                  disabled: !!t(l)._id,
+                  items: [
+                    { label: "Voucher", value: "VOUCHER" },
+                    { label: "Loyalty", value: "LOYALTY" }
+                  ],
+                  "model-value": t(l).option.type,
+                  "onUpdate:modelValue": U
+                }, null, 8, ["disabled", "model-value"]),
+                t(l).option.type == "LOYALTY" ? (v(), E(r, {
+                  key: 0,
+                  label: "Loyalty type",
+                  items: t(d).loyaltyRewards.items,
+                  "model-value": t(l).option.collectible,
+                  "onUpdate:modelValue": D
+                }, null, 8, ["items", "model-value"])) : k("", !0),
+                t(l).option.type === "LOYALTY" ? (v(), H(M, { key: 1 }, [
+                  o[10] || (o[10] = y("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  t(T) !== "TITLE" ? (v(), E(le, {
+                    key: 0,
+                    class: "mt-[-8px]",
+                    rules: [
+                      t(F).ruleAtPath(t(c), "option.earningOption", [
+                        t(l).option.type
+                      ])
+                    ],
+                    "helper-state": t(F).helperState(t(b), "option.earningOption"),
+                    "error-text": t(F).helperText(t(b), "option.earningOption"),
+                    "fixed-type": !0,
+                    "model-value": t(l).option.earningOption,
+                    "onUpdate:modelValue": o[1] || (o[1] = (u) => t(l).option.earningOption = u)
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])) : k("", !0),
+                  s(ie, {
+                    class: "!gap-24",
+                    "for-credit": t(g),
+                    type: t(l).option.type === "VOUCHER" ? "range" : "custom",
+                    rules: [
+                      t(F).ruleAtPath(t(c), "option.validityOption", [
+                        t(l).option.type
+                      ])
+                    ],
+                    "model-value": t(l).option.validityOption,
+                    "onUpdate:modelValue": o[2] || (o[2] = (u) => t(l).option.validityOption = u)
+                  }, null, 8, ["for-credit", "type", "rules", "model-value"])
+                ], 64)) : k("", !0),
+                t(l).option.type === "VOUCHER" ? (v(), E(ne, {
+                  key: 2,
+                  "reward-image": t(m),
+                  "model-value": ((n = t(l)) == null ? void 0 : n.option.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": o[3] || (o[3] = (u) => t(l).option.collectibleConfig = u),
+                  "onUpdate:rewardImage": o[4] || (o[4] = (u) => m.value = u)
+                }, null, 8, ["reward-image", "model-value"])) : k("", !0),
+                s(N, { json: t(b) }, null, 8, ["json"])
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), we = { class: "px-24 flex flex-col gap-y-16" }, ve = { class: "flex items-center justify-between w-full" }, ge = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = /* @__PURE__ */ K({
+  __name: "Reward",
+  setup(G) {
+    const { t: i } = te(), I = {
+      label: i("connect.storeRewards.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, d = q(), C = de(), { global: w, minor: l } = X, m = me(), T = z(), g = x({
+      searchKey: "",
+      columnFilters: []
+    }), c = h(() => C.rewards);
+    function b(a) {
+      m.push({
+        name: ue["$connect-STORE_REWARD_COLLECTIONS"],
+        params: { id: a }
+      });
+    }
+    const $ = [
+      {
+        header: i("connect.storeRewards.table.name"),
+        accessorFn: (a) => a.name
+      },
+      {
+        header: i("connect.storeRewards.table.type"),
+        cell(a) {
+          return a.row.original.collectibleConfig ? Q[a.row.original.collectibleConfig.type].chip() : "N/A";
+        }
+      },
+      {
+        header: i("connect.storeRewards.table.summary"),
+        accessorFn: (a) => {
+          var e, o;
+          if (a.option.type === "VOUCHER")
+            return ce((o = (e = a.option.collectibleConfig) == null ? void 0 : e.extras) == null ? void 0 : o.effect);
+          if (a.option.collectibleType == "TITLE") {
+            const r = d.sortedTitles.find(
+              (p) => p._id == a.option.collectible
+            );
+            return `Get ${r == null ? void 0 : r.name} valid for ${a.option.validityOption.validForDay} days`;
+          }
+          return `Get ${a.option.earningOption.amount} ${pe.formattedType(a.option.collectibleType)}`;
+        }
+      },
+      {
+        header: i("connect.storeRewards.table.actions"),
+        cell(a) {
+          return O("div", { class: "flex items-center justify-end gap-4" }, [
+            O(
+              L.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (e) => {
+                  e.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => O(L.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  a.row.original.option.type === "VOUCHER" && O(L.FmMenuItem, {
+                    label: "View collections",
+                    onClick: async (e) => {
+                      e.stopPropagation(), b(
+                        a.row.original.option.collectible
+                      );
+                    }
+                  }),
+                  O(
+                    L.FmMenuItem,
+                    {
+                      onClick: async (e) => {
+                        e.stopPropagation(), S(a.row.original);
+                      }
+                    },
+                    {
+                      label: O(
+                        "div",
+                        {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                        },
+                        "Delete"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], V = x();
+    async function S(a) {
+      await ee.remove(
+        i("connect.storeRewards.delete.confirm"),
+        i("connect.storeRewards.delete.title")
+      ) && await l(
+        async () => {
+          await P.deleteReward(a._id), await C.readRewards();
+        },
+        {
+          message: i("connect.storeRewards.delete.message"),
+          successMessage: i("connect.storeRewards.delete.success")
+        }
+      );
+    }
+    async function U(a) {
+      var e;
+      a || (a = {
+        name: "",
+        option: {
+          type: "LOYALTY",
+          collectible: d.loyaltyRewards.items[0].value,
+          collectibleType: d.loyaltyRewards.items[0].raw.type,
+          validityOption: {
+            validForDay: 7
+          },
+          earningOption: {
+            type: "FIXED",
+            amount: 1
+          }
+        }
+      }), (e = V.value) == null || e.showSheet(!0, oe(a));
+    }
+    async function D(a) {
+      let e = !1;
+      a._id && a.option.type === "VOUCHER" && await new Promise((o) => {
+        T.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 = !0, o();
+        }).onSecondary(async () => {
+          o();
+        });
+      }), await l(
+        async () => {
+          var o;
+          a.collectibleConfig = void 0, a._id ? await P.updateReward(a._id, {
+            ...a,
+            updateCollection: e
+          }) : await P.createReward(a), await C.readRewards(), (o = V.value) == null || o.showSheet(!1);
+        },
+        {
+          message: "Updating reward",
+          successMessage: "Reward updated successfully"
+        }
+      );
+    }
+    return W(async () => {
+      await w(async () => {
+        await d.readMembership(), await d.readRewards(), await C.readRewards();
+      });
+    }), (a, e) => {
+      const o = f("FmPageHead"), r = f("FmSearch"), p = f("FmTable"), R = f("FmButton"), _ = f("FmCard");
+      return v(), H(M, null, [
+        s(o, {
+          title: t(i)("connect.reward.title"),
+          actions: [I],
+          "back-button": !0,
+          "onClick:action": e[0] || (e[0] = () => U()),
+          "onClick:back": e[1] || (e[1] = () => {
+            var n;
+            return (n = t(m)) == null ? void 0 : n.back();
+          })
+        }, null, 8, ["title", "actions"]),
+        y("div", we, [
+          t(c) && t(c).length > 0 ? (v(), H(M, { key: 0 }, [
+            y("div", ve, [
+              e[6] || (e[6] = y("div", { class: "flex gap-8" }, null, -1)),
+              s(r, {
+                modelValue: t(g).searchKey,
+                "onUpdate:modelValue": e[2] || (e[2] = (n) => t(g).searchKey = n),
+                class: "",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(p, {
+              "row-data": t(c),
+              "column-defs": $,
+              "search-value": t(g).searchKey,
+              "column-filter": t(g).columnFilters,
+              onRowClick: e[3] || (e[3] = (n) => U(n.original)),
+              "hide-footer": t(c).length < 10
+            }, null, 8, ["row-data", "search-value", "column-filter", "hide-footer"])
+          ], 64)) : (v(), E(_, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: A(() => [
+              e[7] || (e[7] = y("img", {
+                src: Z,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              y("div", ge, [
+                y("div", be, Y(t(i)("connect.storeRewards.empty.title")), 1),
+                y("div", Re, Y(t(i)("connect.storeRewards.empty.description")), 1)
+              ]),
+              s(R, {
+                variant: "primary",
+                label: t(i)("connect.storeRewards.empty.action"),
+                onClick: e[4] || (e[4] = (n) => U()),
+                icon: "add"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          s(fe, {
+            ref_key: "rewardSheetRef",
+            ref: V,
+            onUpdate: e[5] || (e[5] = (n) => D(n))
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ne as default
+};

package/dist/{RewardGroup.vue_vue_type_script_setup_true_lang-ZgYX2QwC.js → RewardGroup.vue_vue_type_script_setup_true_lang-D_DSQ8q2.js}

@@ -1,21 +1,21 @@
 import { ref as p, defineComponent as T, computed as x, resolveComponent as y, openBlock as U, createBlock as G, unref as e, isRef as $, withCtx as b, createElementVNode as v, createVNode as u, toDisplayString as j } from "vue";
-import { u as B } from "./loading-jZV2Dm--.js";
+import { u as B } from "./loading-kUQqT44G.js";
 import { J as P } from "./JsonViewer-v8_C7l5N.js";
-import { _ as D } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DdCUr_Zm.js";
-import { _ as I } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-CL-GKkuD.js";
-import { Z as L } from "./zod-IpHRbxaJ.js";
+import { _ as D } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CkjzVKif.js";
+import { _ as I } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-C0bfVZf8.js";
+import { Z as L } from "./zod-BAP9II5C.js";
 import { u as V } from "./app-wDQR6dpb.js";
 import { defineStore as N } from "pinia";
-import { r as k } from "./index-COuLtOaw.js";
-import "./index-DMiaWY0s.js";
-import "./index-DALsfLV7.js";
-import "./index-BmIfGArh.js";
-import "./index-fNYUguDQ.js";
-import { d as E } from "./index-lzQ6ehOk.js";
-import "./index-BvoOJdfc.js";
+import { r as k } from "./index-CRAuAyO3.js";
+import { c as E } from "./index-ug7pxPAX.js";
+import "./index-DQnCdGWe.js";
+import "./index-Bm43wR8L.js";
+import "./index-mOGrVzUV.js";
+import "./index-BU6CU5MP.js";
+import "./index-C9Nbb7wc.js";
 import "./index-I9lmcd2w.js";
-import "./index-9RBtEPPj.js";
-import { u as J } from "./vue-i18n-kXHiDb_1.js";
+import "./index-P8DDRVa3.js";
+import { u as J } from "./vue-i18n-CRFpVnMa.js";
 import { c as C } from "./object-BYyQ0PZp.js";
 import { useDialog as Z } from "@feedmepos/ui-library";
 const A = N("mf-connect-referral", () => {