@feedmepos/mf-connect 0.0.6 → 0.0.7

package/dist/StoreRewards-BgYxgC_0.js

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