@feedmepos/mf-connect 0.1.98-beta.39 → 0.1.98-beta.40

package/dist/StoreRewards-BRzAMqR-.js

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