@feedmepos/mf-connect 0.1.38-beta.9 → 0.1.38-beta.91

package/dist/StoreRewards-jcjZfSv7.js

@@ -0,0 +1,537 @@
+import { defineComponent as Z, ref as U, computed as q, onMounted as z, resolveComponent as C, openBlock as y, createBlock as E, unref as e, isRef as ee, withCtx as S, createElementVNode as n, createVNode as c, createElementBlock as L, createTextVNode as te, resolveDynamicComponent as N, toDisplayString as D, Fragment as W, createCommentVNode as I, h as x } from "vue";
+import { _ as oe } from "./campaign-CpzFl8Vr.js";
+import { useDialog as J, components as $ } from "@feedmepos/ui-library";
+import "./index-DWhh_u0L.js";
+import { u as ae } from "./loading-DiD8J1Jc.js";
+import { C as Q, u as se } from "./membership-C8HuK9_K.js";
+import { p as P, f as K } from "./plugins-CxBcRdUi.js";
+import { useCoreStore as X } from "@feedmepos/mf-common";
+import { u as ne } from "./vue-i18n-B4dOYJz4.js";
+import { F as re } from "./index-BxxNZQUc.js";
+import { c as ie } from "./object-qECH92oz.js";
+import { u as Y } from "./app-wDQR6dpb.js";
+import { u as le } from "./business-TBSvPv65.js";
+import { Z as h } from "./zod-B8WJKIxe.js";
+import { _ as de } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DEDavbCx.js";
+import { _ as ce } from "./ImageInput.vue_vue_type_script_setup_true_lang-BbtEXO4b.js";
+import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-sCa1J_hq.js";
+import { _ as pe, a as ue } from "./EffectSheet.vue_vue_type_style_index_0_lang-BVbhDMqH.js";
+import { i as fe, F as ye, h as j, t as we } from "./helper-DwnzJKxo.js";
+import { useRouter as ge } from "vue-router";
+import { m as G } from "./index-CDAMmPIn.js";
+import { R as B } from "./app-BRrGcz9U.js";
+const ve = {
+  key: 0,
+  class: "flex flex-col space-y-16 pr-12"
+}, be = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, Re = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _e = { class: "flex items-center gap-8" }, xe = /* @__PURE__ */ Z({
+  __name: "EditRewardSheet",
+  emits: ["update"],
+  setup(H, { expose: r, emit: T }) {
+    const k = T, u = le(), l = X(), w = U(!1), s = U(), F = U(), V = U(!1), g = re, v = q(
+      () => {
+        var d;
+        return Q[((d = s.value) == null ? void 0 : d.type) || "VOUCHER"];
+      }
+    ), b = q(() => {
+      const d = g.safeParse(s.value);
+      return d.success ? [] : d.error.errors;
+    });
+    function M() {
+      const d = g.safeParse(s.value);
+      if (d.success) {
+        const a = { ...d.data };
+        V.value && (a.capabilities = ye), k("update", a);
+      }
+    }
+    function A(d, a, O = {
+      isStoreReward: !1,
+      type: "VOUCHER"
+    }) {
+      w.value = d, d && (F.value = void 0, V.value = O.isFeedvibe ?? !1, s.value = a || fe(O.type, {
+        business: l.currentBusiness.value._id,
+        noCampaign: O.isStoreReward == !0
+      }));
+    }
+    return z(async () => {
+      await u.readLocations();
+    }), r({
+      showSheet: A,
+      data: s,
+      rewardImage: F
+    }), (d, a) => {
+      const O = C("FmTextarea"), t = C("FmHelperText"), o = C("FmButton"), m = C("FmSideSheet");
+      return y(), E(m, {
+        "max-width": 560,
+        modelValue: e(w),
+        "onUpdate:modelValue": a[7] || (a[7] = (p) => ee(w) ? w.value = p : null),
+        header: "Store setting"
+      }, {
+        "side-sheet-footer": S(() => [
+          n("div", _e, [
+            c(o, {
+              label: "Submit",
+              onClick: M,
+              disabled: e(b).length > 0 || e(Y)().isLoading,
+              loading: e(Y)().isLoading
+            }, null, 8, ["disabled", "loading"]),
+            c(o, {
+              label: "Cancel",
+              onClick: a[6] || (a[6] = (p) => A(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: S(() => {
+          var p, R, _;
+          return [
+            e(s) ? (y(), L("div", ve, [
+              n("div", be, [
+                a[8] || (a[8] = te(" Reward information ", -1)),
+                (y(), E(N(e(v).chip())))
+              ]),
+              c(de, {
+                modelValue: e(s).name,
+                "onUpdate:modelValue": a[0] || (a[0] = (i) => e(s).name = i),
+                label: `${e(v).name} name`,
+                schema: e(h).typeAtPath(e(g), "name", [e(s).type])
+              }, null, 8, ["modelValue", "label", "schema"]),
+              c(O, {
+                class: "!mb-[-16px]",
+                modelValue: e(s).description,
+                "onUpdate:modelValue": a[1] || (a[1] = (i) => e(s).description = i),
+                rules: [e(h).ruleAtPath(e(g), "description", [e(s).type])]
+              }, {
+                label: S(() => [
+                  (y(), E(N(
+                    e(h).toInputLabel(
+                      e(h).typeAtPath(e(g), "description", [e(s).type]),
+                      `${e(v).name} description`
+                    )
+                  )))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "rules"]),
+              n("div", Re, [
+                n("div", null, D(e(v).name) + " description should not exceed 200 characters. ", 1),
+                n("div", null, D(((p = e(s).description) == null ? void 0 : p.length) ?? 0) + "/200", 1)
+              ]),
+              c(ce, {
+                class: "w-1/2 xs:w-2/3",
+                "aspect-ratio": "16/9",
+                file: e(F) ?? void 0,
+                thumbnail: e(s).image ?? void 0,
+                "onUpdate:file": a[2] || (a[2] = async (i) => {
+                  F.value = i, i || (e(s).image = null);
+                })
+              }, {
+                label: S(() => [
+                  (y(), E(N(
+                    e(h).toInputLabel(
+                      e(h).typeAtPath(e(g), "image", [e(s).type]),
+                      `${e(v).name} image`
+                    )
+                  )))
+                ]),
+                _: 1
+              }, 8, ["file", "thumbnail"]),
+              e(s).type === "VOUCHER" ? (y(), L(W, { key: 0 }, [
+                a[9] || (a[9] = n("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
+                c(pe, {
+                  "model-value": e(s).extras.effect,
+                  "onUpdate:modelValue": a[3] || (a[3] = (i) => {
+                    e(s).extras.effect = i;
+                  })
+                }, null, 8, ["model-value"]),
+                e(s).extras.effect == null ? (y(), E(t, {
+                  key: 0,
+                  class: "!mt-8",
+                  text: "Effect is required",
+                  state: "error"
+                })) : I("", !0),
+                a[10] || (a[10] = n("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, " Usage configuration ", -1)),
+                c(ue, {
+                  "model-value": e(s).options,
+                  "no-campaign": e(s).noCampaign,
+                  "onUpdate:modelValue": a[4] || (a[4] = (i) => e(s).options = i),
+                  schema: e(h).typeAtPath(e(g), "options", ["VOUCHER"])
+                }, null, 8, ["model-value", "no-campaign", "schema"])
+              ], 64)) : I("", !0),
+              a[11] || (a[11] = n("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
+              e(s).type === "VOUCHER" ? (y(), E(me, {
+                key: 1,
+                "model-value": ((_ = (R = e(s).extras) == null ? void 0 : R.targetLocation) == null ? void 0 : _.map(String)) ?? null,
+                type: "select",
+                "onUpdate:modelValue": a[5] || (a[5] = (i) => {
+                  e(s).extras.targetLocation = i;
+                }),
+                rules: [
+                  e(h).ruleAtPath(e(g), "extras.targetLocation", ["VOUCHER"])
+                ]
+              }, null, 8, ["model-value", "rules"])) : I("", !0)
+            ])) : I("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ce = { class: "flex flex-nowrap gap-x-2 grow h-full" }, Fe = { class: "flex flex-col grow p-24" }, he = { class: "grow pb-16 pr-16 pt-6 w-full" }, Ee = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, Se = /* @__PURE__ */ Z({
+  __name: "RewardTypeDialog",
+  props: {
+    onOk: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(H) {
+    const r = J(), T = H;
+    function k(u) {
+      T.onOk(u), r.close();
+    }
+    return (u, l) => {
+      const w = C("FmCard");
+      return y(), E(w, { class: "max-w-6xl" }, {
+        default: S(() => [
+          n("div", Ce, [
+            n("div", Fe, [
+              l[4] || (l[4] = n("div", { class: "space-y-4" }, [
+                n("div", { class: "fm-typo-en-title-sm-800" }, "Store rewards"),
+                n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, " Select a reward type to get started. ")
+              ], -1)),
+              n("div", he, [
+                n("div", Ee, [
+                  c(w, {
+                    variant: "outlined",
+                    class: "box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8",
+                    onClick: l[0] || (l[0] = (s) => k("general"))
+                  }, {
+                    default: S(() => [...l[2] || (l[2] = [
+                      n("div", { class: "fm-typo-en-title-sm-800" }, "General Reward", -1),
+                      n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " A standard voucher reward that can be freely edited and managed. ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  c(w, {
+                    variant: "outlined",
+                    class: "box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8",
+                    onClick: l[1] || (l[1] = (s) => k("feedvibe"))
+                  }, {
+                    default: S(() => [...l[3] || (l[3] = [
+                      n("div", { class: "fm-typo-en-title-sm-800" }, "FeedVibe Reward", -1),
+                      n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " A locked reward for FeedVibe bundles. Cannot be edited or deleted after creation. ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ve = { class: "px-24 flex flex-col gap-y-16" }, Oe = { class: "flex items-center justify-between w-full" }, Te = { class: "flex flex-col gap-16 text-center" }, ke = { class: "fm-typo-en-title-sm-800" }, Ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tt = /* @__PURE__ */ Z({
+  __name: "StoreRewards",
+  setup(H) {
+    const { t: r } = ne(), T = J(), k = {
+      label: r("connect.storeRewards.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, u = se(), l = X(), { global: w, minor: s } = ae, F = ge(), V = U({
+      searchKey: "",
+      columnFilters: []
+    }), g = [
+      {
+        header: r("connect.storeRewards.table.name"),
+        accessorFn: (t) => t.name,
+        cell(t) {
+          const o = t.row.original, m = j(
+            o.capabilities,
+            "STORE_BUNDLE:FEEDVIBE",
+            "selectable",
+            !1
+          );
+          return x("div", { class: "flex items-center gap-8" }, [
+            x("span", {}, o.name),
+            ...m ? [
+              x($.FmChip, {
+                label: "Feedvibe",
+                class: "text-fm-color-primary bg-fm-color-system-warning-100",
+                compact: !0
+              })
+            ] : []
+          ]);
+        }
+      },
+      {
+        id: "type",
+        header: r("connect.storeRewards.table.type"),
+        accessorFn: (t) => t.type,
+        cell(t) {
+          return Q[t.row.original.type].chip();
+        }
+      },
+      {
+        header: r("connect.storeRewards.table.validity"),
+        accessorFn: (t) => we(
+          "validityOption" in t.options ? t.options.validityOption || {} : {}
+        )
+      },
+      {
+        header: r("connect.storeRewards.table.used"),
+        meta: {
+          textAlign: "left"
+        },
+        accessorFn: (t) => t.currentReceive ?? 0
+      },
+      {
+        header: r("connect.storeRewards.table.actions"),
+        cell(t) {
+          return x("div", { class: "flex items-center justify-end gap-4" }, [
+            x(
+              $.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => x($.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  x($.FmMenuItem, {
+                    label: "View collections",
+                    onClick: async (o) => {
+                      o.stopPropagation(), M(t.row.original._id);
+                    }
+                  }),
+                  ...j(
+                    t.row.original.capabilities,
+                    "STORE_BUNDLE:FEEDVIBE",
+                    "deletable"
+                  ) ? [
+                    x(
+                      $.FmMenuItem,
+                      {
+                        onClick: async (o) => {
+                          o.stopPropagation(), A(t.row.original);
+                        }
+                      },
+                      {
+                        label: x(
+                          "div",
+                          {
+                            class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                          },
+                          "Remove"
+                        )
+                      }
+                    )
+                  ] : []
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], v = q(
+      () => u.bundleRewards.filter((t) => t.type == "VOUCHER")
+    ), b = U();
+    function M(t) {
+      F.push({
+        name: B["$connect-STORE_REWARD_COLLECTIONS"],
+        params: { id: t }
+      });
+    }
+    async function A(t) {
+      if (t.type === "TITLE") {
+        await P.confirm(
+          r("connect.storeRewards.remove.message"),
+          r("connect.storeRewards.remove.title"),
+          r("connect.storeRewards.remove.action")
+        ) && await F.push({ name: B["$connect-PROGRAM_TITLE"] });
+        return;
+      }
+      await P.remove(
+        r("connect.storeRewards.delete.confirm"),
+        r("connect.storeRewards.delete.title")
+      ) && await s(
+        async () => {
+          await G.deleteReward(t._id), await u.readMembership(), await u.readRewards();
+        },
+        {
+          message: r("connect.storeRewards.delete.message"),
+          successMessage: r("connect.storeRewards.delete.success")
+        }
+      );
+    }
+    function d() {
+      return new Promise((t) => {
+        T.open({
+          title: "Create reward",
+          dialogComponent: x(Se, {
+            onOk: (o) => {
+              t(o);
+            }
+          })
+        }).onClose(() => {
+          t(null);
+        });
+      });
+    }
+    async function a(t) {
+      var R, _, i;
+      const o = t ? ie(u.bundleRewards.find((f) => f._id === t)) : void 0, m = ((R = l.sessionUser.value) == null ? void 0 : R.role.isAdmin) ?? !1, p = !!o && !j(
+        o.capabilities,
+        "STORE_BUNDLE:FEEDVIBE",
+        "editable"
+      );
+      if (p && !m) {
+        await P.confirm(
+          "This reward is managed by FeedVibe and cannot be edited.",
+          "Cannot edit reward",
+          "OK"
+        );
+        return;
+      }
+      if ((o == null ? void 0 : o.type) === "TITLE") {
+        await P.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: B["$connect-PROGRAM_TITLE"] });
+        return;
+      }
+      if (!o) {
+        const f = await d();
+        if (!f) return;
+        (_ = b.value) == null || _.showSheet(!0, void 0, {
+          isStoreReward: !0,
+          type: "VOUCHER",
+          isFeedvibe: f === "feedvibe"
+        });
+        return;
+      }
+      (i = b.value) == null || i.showSheet(!0, o, {
+        isStoreReward: !0,
+        type: "VOUCHER",
+        // Preserve the FeedVibe lock when an admin edits a locked reward.
+        isFeedvibe: p
+      });
+    }
+    async function O(t) {
+      let o = !1;
+      t._id && t.type === "VOUCHER" && await new Promise((m) => {
+        T.open({
+          title: "Confirmation",
+          message: r("connect.campaign.voucher.updateConfirm.message"),
+          primaryActions: {
+            text: r("connect.campaign.voucher.updateConfirm.updateAll"),
+            close: !0
+          },
+          secondaryActions: {
+            text: r("connect.campaign.voucher.updateConfirm.updateFuture"),
+            close: !0
+          }
+        }).onPrimary(async () => {
+          o = !0, m();
+        }).onSecondary(async () => {
+          m();
+        });
+      }), await s(
+        async () => {
+          var m, p, R, _;
+          (m = b.value) != null && m.rewardImage && t.image ? await K.delete(t.image) : (p = b.value) != null && p.rewardImage && (t.image = await K.update(
+            t.image || K.collectibleImagePath(
+              void 0,
+              b.value.rewardImage
+            ),
+            (R = b.value) == null ? void 0 : R.rewardImage
+          )), t._id ? await G.updateReward(t._id, {
+            ...t,
+            updateCollection: o
+          }) : await G.createReward(t), await u.readRewards(), (_ = b.value) == null || _.showSheet(!1);
+        },
+        {
+          message: "Updating reward",
+          successMessage: "Reward updated successfully"
+        }
+      );
+    }
+    return z(async () => {
+      await w(async () => {
+        await u.readMembership(), await u.readRewards();
+      });
+    }), (t, o) => {
+      const m = C("FmPageHead"), p = C("FmSearch"), R = C("FmTable"), _ = C("FmButton"), i = C("FmCard");
+      return y(), L(W, null, [
+        c(m, {
+          title: e(r)("connect.storeRewards.title"),
+          description: e(r)("connect.storeRewards.description"),
+          actions: [k],
+          "back-button": !0,
+          "onClick:action": o[0] || (o[0] = () => a()),
+          "onClick:back": o[1] || (o[1] = () => e(F).push({ name: e(B)["$connect-STORE"] }))
+        }, null, 8, ["title", "description", "actions"]),
+        n("div", Ve, [
+          e(v) && e(v).length > 0 ? (y(), L(W, { key: 0 }, [
+            n("div", Oe, [
+              o[6] || (o[6] = n("div", { class: "flex gap-8" }, null, -1)),
+              c(p, {
+                modelValue: e(V).searchKey,
+                "onUpdate:modelValue": o[2] || (o[2] = (f) => e(V).searchKey = f),
+                class: "",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            c(R, {
+              "row-data": e(v),
+              "column-defs": g,
+              "search-value": e(V).searchKey,
+              "column-filter": e(V).columnFilters,
+              onRowClick: o[3] || (o[3] = (f) => a(f.original._id)),
+              "hide-footer": e(v).length < 10
+            }, null, 8, ["row-data", "search-value", "column-filter", "hide-footer"])
+          ], 64)) : (y(), E(i, {
+            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] = n("img", {
+                src: oe,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", Te, [
+                n("div", ke, D(e(r)("connect.storeRewards.empty.title")), 1),
+                n("div", Ue, D(e(r)("connect.storeRewards.empty.description")), 1)
+              ]),
+              c(_, {
+                variant: "primary",
+                label: e(r)("connect.storeRewards.empty.action"),
+                onClick: o[4] || (o[4] = (f) => a()),
+                icon: "add"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          c(xe, {
+            ref_key: "rewardSheetRef",
+            ref: b,
+            onUpdate: o[5] || (o[5] = (f) => O(f))
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  tt as default
+};