@feedmepos/mf-connect 0.1.47-prod → 0.1.48-prod

package/dist/StoreRewards-DuSsWnTE.js

@@ -1,423 +0,0 @@
-import { defineComponent as G, ref as F, computed as N, onMounted as q, resolveComponent as v, openBlock as d, createBlock as x, unref as e, isRef as Y, withCtx as S, createElementVNode as l, createVNode as m, createElementBlock as O, createTextVNode as z, resolveDynamicComponent as H, toDisplayString as P, Fragment as j, createCommentVNode as U, h as C } from "vue";
-import { _ as J } from "./campaign-CpzFl8Vr.js";
-import { useDialog as Q, components as $ } from "@feedmepos/ui-library";
-import "./index-Cl2iYM2F.js";
-import { u as X } from "./loading-c4b7n9Xp.js";
-import { C as Z, u as ee } from "./membership-oBIs4sbL.js";
-import { p as M, f as B } from "./plugins-Dn7JDHi7.js";
-import { u as te } from "./vue-i18n--_Wu1nMj.js";
-import { F as oe } from "./index-DNTd-FNx.js";
-import { c as ae } from "./object-qECH92oz.js";
-import { u as K } from "./app-wDQR6dpb.js";
-import { u as ne } from "./business-DVlHPzaL.js";
-import { useCoreStore as se } from "@feedmepos/mf-common";
-import { Z as R } from "./zod-Bg2FbC-D.js";
-import { _ as ie } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B8HHh8HU.js";
-import { _ as re } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { _ as le } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D_r8I0h7.js";
-import { _ as ce, a as me } from "./EffectSheet.vue_vue_type_style_index_0_lang-ECkaQxuI.js";
-import { i as de, t as ue } from "./helper-CGwOThAl.js";
-import { useRouter as pe } from "vue-router";
-import { m as D } from "./index-aMDi62-C.js";
-import { R as k } from "./app-aVXsWATU.js";
-const fe = {
-  key: 0,
-  class: "flex flex-col space-y-16 pr-12"
-}, ye = { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, ge = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, we = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1), _e = /* @__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), Re = { class: "flex items-center gap-8" }, be = /* @__PURE__ */ G({
-  __name: "EditRewardSheet",
-  emits: ["update"],
-  setup(W, { expose: n, emit: T }) {
-    const A = T, y = ne(), I = se(), b = F(!1), o = F(), g = F(), u = oe, p = N(
-      () => {
-        var r;
-        return Z[((r = o.value) == null ? void 0 : r.type) || "VOUCHER"];
-      }
-    ), w = N(() => {
-      const r = u.safeParse(o.value);
-      return r.success ? [] : r.error.errors;
-    });
-    function L() {
-      const r = u.safeParse(o.value);
-      r.success && A("update", r.data);
-    }
-    function V(r, s, t = {
-      isStoreReward: !1,
-      type: "VOUCHER"
-    }) {
-      b.value = r, r && (g.value = void 0, o.value = s || de(t.type, {
-        business: I.currentBusiness.value._id,
-        noCampaign: t.isStoreReward == !0
-      }));
-    }
-    return q(async () => {
-      await y.readLocations();
-    }), n({
-      showSheet: V,
-      data: o,
-      rewardImage: g
-    }), (r, s) => {
-      const t = v("FmTextarea"), a = v("FmHelperText"), c = v("FmButton"), _ = v("FmSideSheet");
-      return d(), x(_, {
-        "max-width": 560,
-        modelValue: e(b),
-        "onUpdate:modelValue": s[7] || (s[7] = (f) => Y(b) ? b.value = f : null),
-        header: "Store setting"
-      }, {
-        "side-sheet-footer": S(() => [
-          l("div", Re, [
-            m(c, {
-              label: "Submit",
-              onClick: L,
-              disabled: e(w).length > 0 || e(K)().isLoading,
-              loading: e(K)().isLoading
-            }, null, 8, ["disabled", "loading"]),
-            m(c, {
-              label: "Cancel",
-              onClick: s[6] || (s[6] = (f) => V(!1)),
-              variant: "tertiary"
-            })
-          ])
-        ]),
-        default: S(() => {
-          var f, h, E;
-          return [
-            e(o) ? (d(), O("div", fe, [
-              l("div", ye, [
-                z(" Reward information "),
-                (d(), x(H(e(p).chip())))
-              ]),
-              m(ie, {
-                modelValue: e(o).name,
-                "onUpdate:modelValue": s[0] || (s[0] = (i) => e(o).name = i),
-                label: `${e(p).name} name`,
-                schema: e(R).typeAtPath(e(u), "name", [e(o).type])
-              }, null, 8, ["modelValue", "label", "schema"]),
-              m(t, {
-                class: "!mb-[-16px]",
-                modelValue: e(o).description,
-                "onUpdate:modelValue": s[1] || (s[1] = (i) => e(o).description = i),
-                rules: [e(R).ruleAtPath(e(u), "description", [e(o).type])]
-              }, {
-                label: S(() => [
-                  (d(), x(H(
-                    e(R).toInputLabel(
-                      e(R).typeAtPath(e(u), "description", [e(o).type]),
-                      `${e(p).name} description`
-                    )
-                  )))
-                ]),
-                _: 1
-              }, 8, ["modelValue", "rules"]),
-              l("div", ge, [
-                l("div", null, P(e(p).name) + " description should not exceed 200 characters. ", 1),
-                l("div", null, P(((f = e(o).description) == null ? void 0 : f.length) ?? 0) + "/200", 1)
-              ]),
-              m(re, {
-                class: "w-1/2 xs:w-2/3",
-                "aspect-ratio": "16/9",
-                file: e(g) ?? void 0,
-                thumbnail: e(o).image ?? void 0,
-                "onUpdate:file": s[2] || (s[2] = async (i) => {
-                  g.value = i, i || (e(o).image = null);
-                })
-              }, {
-                label: S(() => [
-                  (d(), x(H(
-                    e(R).toInputLabel(
-                      e(R).typeAtPath(e(u), "image", [e(o).type]),
-                      `${e(p).name} image`
-                    )
-                  )))
-                ]),
-                _: 1
-              }, 8, ["file", "thumbnail"]),
-              e(o).type === "VOUCHER" ? (d(), O(j, { key: 0 }, [
-                we,
-                m(ce, {
-                  "model-value": e(o).extras.effect,
-                  "onUpdate:modelValue": s[3] || (s[3] = (i) => {
-                    e(o).extras.effect = i;
-                  })
-                }, null, 8, ["model-value"]),
-                e(o).extras.effect == null ? (d(), x(a, {
-                  key: 0,
-                  class: "!mt-8",
-                  text: "Effect is required",
-                  state: "error"
-                })) : U("", !0),
-                _e,
-                m(me, {
-                  "model-value": e(o).options,
-                  "no-campaign": e(o).noCampaign,
-                  "onUpdate:modelValue": s[4] || (s[4] = (i) => e(o).options = i),
-                  schema: e(R).typeAtPath(e(u), "options", ["VOUCHER"])
-                }, null, 8, ["model-value", "no-campaign", "schema"])
-              ], 64)) : U("", !0),
-              ve,
-              e(o).type === "VOUCHER" ? (d(), x(le, {
-                key: 1,
-                "model-value": ((E = (h = e(o).extras) == null ? void 0 : h.targetLocation) == null ? void 0 : E.map(String)) ?? null,
-                type: "select",
-                "onUpdate:modelValue": s[5] || (s[5] = (i) => {
-                  e(o).extras.targetLocation = i;
-                }),
-                rules: [
-                  e(R).ruleAtPath(e(u), "extras.targetLocation", ["VOUCHER"])
-                ]
-              }, null, 8, ["model-value", "rules"])) : U("", !0)
-            ])) : U("", !0)
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), he = { class: "px-24 flex flex-col gap-y-16" }, xe = { class: "flex items-center justify-between w-full" }, Ce = /* @__PURE__ */ l("div", { class: "flex gap-8" }, null, -1), Se = /* @__PURE__ */ l("img", {
-  src: J,
-  class: "aspect-square w-[150px]"
-}, null, -1), Fe = { class: "flex flex-col gap-16 text-center" }, Ve = { class: "fm-typo-en-title-sm-800" }, Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Je = /* @__PURE__ */ G({
-  __name: "StoreRewards",
-  setup(W) {
-    const { t: n } = te(), T = Q(), A = {
-      label: n("connect.storeRewards.create"),
-      value: "create",
-      isPrimary: !0,
-      prependIcon: "add"
-    }, y = ee(), { global: I, minor: b } = X, o = pe(), g = F({
-      searchKey: "",
-      columnFilters: []
-    }), u = [
-      {
-        header: n("connect.storeRewards.table.name"),
-        accessorFn: (t) => t.name
-      },
-      {
-        id: "type",
-        header: n("connect.storeRewards.table.type"),
-        accessorFn: (t) => t.type,
-        cell(t) {
-          return Z[t.row.original.type].chip();
-        }
-      },
-      {
-        header: n("connect.storeRewards.table.validity"),
-        accessorFn: (t) => ue(
-          "validityOption" in t.options ? t.options.validityOption || {} : {}
-        )
-      },
-      {
-        header: n("connect.storeRewards.table.used"),
-        meta: {
-          textAlign: "left"
-        },
-        accessorFn: (t) => t.currentReceive ?? 0
-      },
-      {
-        header: n("connect.storeRewards.table.actions"),
-        cell(t) {
-          return C("div", { class: "flex items-center justify-end gap-4" }, [
-            C(
-              $.FmMenu,
-              {
-                placement: "bottom-end",
-                onClick: (a) => {
-                  a.stopPropagation();
-                }
-              },
-              {
-                "menu-button": () => C($.FmButton, {
-                  icon: "more_vert",
-                  iconColor: "neutral-gray-400",
-                  variant: "tertiary"
-                }),
-                default: () => [
-                  C($.FmMenuItem, {
-                    label: "View collections",
-                    onClick: async (a) => {
-                      a.stopPropagation(), L(t.row.original._id);
-                    }
-                  }),
-                  // h(components.FmMenuItem, {
-                  //   label: 'View transactions',
-                  //   onClick: async (event: Event) => {
-                  //     event.stopPropagation();
-                  //     onViewTransactions(props.row.original._id as string);
-                  //   },
-                  // }),
-                  C(
-                    $.FmMenuItem,
-                    {
-                      onClick: async (a) => {
-                        a.stopPropagation(), V(t.row.original);
-                      }
-                    },
-                    {
-                      label: C(
-                        "div",
-                        {
-                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
-                        },
-                        "Remove"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]);
-        }
-      }
-    ], p = N(
-      () => y.bundleRewards.filter((t) => t.type == "VOUCHER")
-    ), w = F();
-    function L(t) {
-      o.push({
-        name: k["$connect-STORE_REWARD_COLLECTIONS"],
-        params: { id: t }
-      });
-    }
-    async function V(t) {
-      if (t.type === "TITLE") {
-        await M.confirm(
-          n("connect.storeRewards.remove.message"),
-          n("connect.storeRewards.remove.title"),
-          n("connect.storeRewards.remove.action")
-        ) && await o.push({ name: k["$connect-PROGRAM_TITLE"] });
-        return;
-      }
-      await M.remove(
-        n("connect.storeRewards.delete.confirm"),
-        n("connect.storeRewards.delete.title")
-      ) && await b(
-        async () => {
-          await D.deleteReward(t._id), await y.readMembership(), await y.readRewards();
-        },
-        {
-          message: n("connect.storeRewards.delete.message"),
-          successMessage: n("connect.storeRewards.delete.success")
-        }
-      );
-    }
-    async function r(t) {
-      var c;
-      const a = t ? ae(y.bundleRewards.find((_) => _._id === t)) : void 0;
-      if ((a == null ? void 0 : a.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 o.push({ name: k["$connect-PROGRAM_TITLE"] });
-        return;
-      }
-      (c = w.value) == null || c.showSheet(!0, a, {
-        isStoreReward: !0,
-        type: "VOUCHER"
-      });
-    }
-    async function s(t) {
-      let a = !1;
-      t._id && t.type === "VOUCHER" && await new Promise((c) => {
-        T.open({
-          title: "Confirmation",
-          message: n("connect.campaign.voucher.updateConfirm.message"),
-          primaryActions: {
-            text: n("connect.campaign.voucher.updateConfirm.updateAll"),
-            close: !0
-          },
-          secondaryActions: {
-            text: n("connect.campaign.voucher.updateConfirm.updateFuture"),
-            close: !0
-          }
-        }).onPrimary(async () => {
-          a = !0, c();
-        }).onSecondary(async () => {
-          c();
-        });
-      }), await b(
-        async () => {
-          var c, _, f, h;
-          (c = w.value) != null && c.rewardImage && t.image ? await B.delete(t.image) : (_ = w.value) != null && _.rewardImage && (t.image = await B.update(
-            t.image || B.collectibleImagePath(
-              void 0,
-              w.value.rewardImage
-            ),
-            (f = w.value) == null ? void 0 : f.rewardImage
-          )), t._id ? await D.updateReward(t._id, {
-            ...t,
-            updateCollection: a
-          }) : await D.createReward(t), await y.readRewards(), (h = w.value) == null || h.showSheet(!1);
-        },
-        {
-          message: "Updating reward",
-          successMessage: "Reward updated successfully"
-        }
-      );
-    }
-    return q(async () => {
-      await I(async () => {
-        await y.readMembership(), await y.readRewards();
-      });
-    }), (t, a) => {
-      const c = v("FmPageHead"), _ = v("FmSearch"), f = v("FmTable"), h = v("FmButton"), E = v("FmCard");
-      return d(), O(j, null, [
-        m(c, {
-          title: e(n)("connect.storeRewards.title"),
-          description: e(n)("connect.storeRewards.description"),
-          actions: [A],
-          "back-button": !0,
-          "onClick:action": a[0] || (a[0] = () => r()),
-          "onClick:back": a[1] || (a[1] = () => e(o).push({ name: e(k)["$connect-STORE"] }))
-        }, null, 8, ["title", "description", "actions"]),
-        l("div", he, [
-          e(p) && e(p).length > 0 ? (d(), O(j, { key: 0 }, [
-            l("div", xe, [
-              Ce,
-              m(_, {
-                modelValue: e(g).searchKey,
-                "onUpdate:modelValue": a[2] || (a[2] = (i) => e(g).searchKey = i),
-                class: "",
-                placeholder: "search",
-                collapsible: ""
-              }, null, 8, ["modelValue"])
-            ]),
-            m(f, {
-              "row-data": e(p),
-              "column-defs": u,
-              "search-value": e(g).searchKey,
-              "column-filter": e(g).columnFilters,
-              onRowClick: a[3] || (a[3] = (i) => r(i.original._id)),
-              "hide-footer": e(p).length < 10
-            }, null, 8, ["row-data", "search-value", "column-filter", "hide-footer"])
-          ], 64)) : (d(), x(E, {
-            key: 1,
-            variant: "outlined",
-            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
-          }, {
-            default: S(() => [
-              Se,
-              l("div", Fe, [
-                l("div", Ve, P(e(n)("connect.storeRewards.empty.title")), 1),
-                l("div", Ee, P(e(n)("connect.storeRewards.empty.description")), 1)
-              ]),
-              m(h, {
-                variant: "primary",
-                label: e(n)("connect.storeRewards.empty.action"),
-                onClick: a[4] || (a[4] = (i) => r()),
-                icon: "add"
-              }, null, 8, ["label"])
-            ]),
-            _: 1
-          })),
-          m(be, {
-            ref_key: "rewardSheetRef",
-            ref: w,
-            onUpdate: a[5] || (a[5] = (i) => s(i))
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  Je as default
-};