@feedmepos/mf-connect 0.0.20-prod → 0.0.22-prod

package/dist/StoreRewards-D_vBCPZl.js

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