@feedmepos/mf-connect 0.1.9-prod → 0.1.11-prod

package/dist/Reward-DR_HzrrM.js

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

package/dist/RewardGroup.vue_vue_type_script_setup_true_lang-Du_0o2b9.js

@@ -0,0 +1,150 @@
+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-DQnXnCXT.js";
+import { J as P } from "./JsonViewer-v8_C7l5N.js";
+import { _ as D } from "./ZodTextField.vue_vue_type_script_setup_true_lang-6asSbt53.js";
+import { _ as I } from "./UserRuleGroup.vue_vue_type_script_setup_true_lang-D3VgIQb-.js";
+import { Z as L } from "./zod-Bg2FbC-D.js";
+import { u as V } from "./app-wDQR6dpb.js";
+import { defineStore as N } from "pinia";
+import { r as k } from "./index-BXw9yi-G.js";
+import "./index-CKji0U5N.js";
+import "./index-rYTZxC9p.js";
+import "./index-BWwF7uuk.js";
+import { c as E } from "./index-BUzeShnL.js";
+import "./index-CVlbqA1t.js";
+import "./index-wBdTUnZ6.js";
+import { u as J } from "./vue-i18n-B7ledd-g.js";
+import { c as C } from "./object-qECH92oz.js";
+import { useDialog as Z } from "@feedmepos/ui-library";
+const A = N("mf-connect-referral", () => {
+  const h = p();
+  return {
+    readReferralProgram: async () => {
+      const c = await k.read();
+      h.value = c;
+    },
+    referralProgram: h
+  };
+}), H = { class: "flex flex-col space-y-16 pr-12" }, M = { class: "fm-typo-en-title-sm-800" }, O = { class: "flex items-center gap-8" }, W = /* @__PURE__ */ T({
+  __name: "EditReferralTierSheet",
+  emits: ["update"],
+  setup(h, { expose: _, emit: c }) {
+    const { t: n } = J(), m = c, s = p(!1), a = p({}), i = p(-1), w = A(), o = E.superRefine((r, t) => {
+      r.name.length >= 50 && t.addIssue({
+        code: "custom",
+        message: "Name must be less than 50 characters"
+      });
+    }), l = x(() => {
+      const r = o.safeParse(a.value);
+      return r.success ? [] : r.error.errors;
+    });
+    function R() {
+      const r = o.safeParse(a.value);
+      r.success && m("update", i.value, r.data);
+    }
+    function d(r, t) {
+      var f;
+      s.value = r, r && typeof t == "number" && t >= 0 ? (i.value = t, a.value = C(
+        (f = w.referralProgram) == null ? void 0 : f.reward[t]
+      )) : (i.value = -1, a.value = {
+        id: (/* @__PURE__ */ new Date()).toISOString(),
+        name: "",
+        rewards: [],
+        rule: void 0
+      });
+    }
+    function g(r) {
+      a.value.rule = r;
+    }
+    return _({
+      showSheet: d,
+      data: a
+    }), (r, t) => {
+      const f = y("FmButton"), F = y("FmSideSheet");
+      return U(), G(F, {
+        "max-width": 1e3,
+        modelValue: e(s),
+        "onUpdate:modelValue": t[2] || (t[2] = (S) => $(s) ? s.value = S : null),
+        header: `${e(i) == -1 ? e(n)("connect.referral.editReferralTierSheet.create") : e(n)("connect.referral.editReferralTierSheet.edit")}`
+      }, {
+        "side-sheet-footer": b(() => [
+          v("div", O, [
+            u(f, {
+              label: e(n)("connect.editTierSheet.submit"),
+              onClick: R,
+              disabled: e(l).length > 0 || e(V)().isLoading,
+              loading: e(V)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            u(f, {
+              label: e(n)("connect.editTierSheet.cancel"),
+              onClick: t[1] || (t[1] = (S) => d(!1)),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: b(() => [
+          u(P, { json: e(a) }, null, 8, ["json"]),
+          u(P, { json: e(l) }, null, 8, ["json"]),
+          v("div", H, [
+            u(D, {
+              modelValue: e(a).name,
+              "onUpdate:modelValue": t[0] || (t[0] = (S) => e(a).name = S),
+              label: e(n)("connect.referral.editReferralTierSheet.name"),
+              schema: e(L).typeAtPath(e(o), "name")
+            }, null, 8, ["modelValue", "label", "schema"]),
+            v("div", M, j(e(n)("connect.referral.editReferralTierSheet.target_audience")), 1),
+            u(I, {
+              "model-value": e(a).rule,
+              "onUpdate:modelValue": g
+            }, null, 8, ["model-value"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), de = /* @__PURE__ */ T({
+  __name: "RewardGroup",
+  setup(h, { expose: _ }) {
+    const { minor: c } = B, n = Z(), m = A(), s = x(() => {
+      var o;
+      return ((o = m.referralProgram) == null ? void 0 : o.reward) ?? [];
+    }), a = p(null);
+    function i(o) {
+      var l;
+      (l = a.value) == null || l.showSheet(!0, o);
+    }
+    _({
+      onManageRewardGroup: i
+    });
+    async function w(o, l) {
+      var r;
+      const R = o == -1 ? s.value.length : o, d = C(m.referralProgram);
+      d.reward[R] = l;
+      let g = !1;
+      await new Promise((t) => {
+        n.open({
+          title: "Confirmation",
+          message: "This will change all referral settings? Would you like to update previous referral record?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          g = !0, t();
+        }).onSecondary(async () => {
+          t();
+        });
+      }), await c(async () => {
+        await k.update({ ...d, updateReferralRecord: g }), await m.readReferralProgram();
+      }), (r = a.value) == null || r.showSheet(!1);
+    }
+    return (o, l) => (U(), G(W, {
+      ref_key: "editReferralTierSheetRef",
+      ref: a,
+      onUpdate: w
+    }, null, 512));
+  }
+});
+export {
+  de as _,
+  A as u
+};