@feedmepos/mf-connect 0.1.14-prod → 0.1.16-prod

package/dist/Voucher-CZLp6Mfd.js

@@ -0,0 +1,353 @@
+import { defineComponent as z, ref as k, computed as Q, h as m, onMounted as Z, resolveComponent as d, openBlock as u, createElementBlock as S, Fragment as F, createVNode as s, unref as t, createElementVNode as r, withCtx as V, renderList as J, createBlock as y, resolveDynamicComponent as Y, toDisplayString as _, createCommentVNode as E } from "vue";
+import { _ as ee } from "./campaign-CpzFl8Vr.js";
+import { useDialog as oe, components as h } from "@feedmepos/ui-library";
+import { p as A, a as te, u as ae } from "./loading-CsMKK-RP.js";
+import { useCoreStore as ne } from "@feedmepos/mf-common";
+import { u as ce } from "./business-e0ErhqsW.js";
+import { u as re } from "./campaign-CcdO3quq.js";
+import { g as ie, a as B, b as O } from "./campaign-CcRs_0FM.js";
+import "./index-C2Y3Z6cQ.js";
+import { u as se } from "./template-CYa8Yqzb.js";
+import { _ as le } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BjCVR7D4.js";
+import { _ as me } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ue } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-DXpzjbIh.js";
+import { u as de } from "./vue-i18n-BOO66JER.js";
+import { useRouter as pe } from "vue-router";
+import { c as w } from "./index-0EgN5Vaf.js";
+import { R as H } from "./app-BsOd2LLI.js";
+var he = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", marketingV1Portal: "https://marketing-v1.feedme.cc" };
+const fe = { class: "px-24 flex flex-col gap-y-16" }, ye = { class: "flex items-center justify-between w-full" }, _e = { class: "flex gap-8 overflow-x-auto" }, ge = { class: "space-y-8" }, ve = { class: "flex w-full gap-4 items-center" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "space-y-4" }, be = { class: "fm-typo-en-body-lg-600" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ke = { class: "flex gap-8 items-center" }, Se = /* @__PURE__ */ r("img", {
+  src: ee,
+  class: "aspect-square w-[150px]"
+}, null, -1), Fe = { class: "flex flex-col gap-16 text-center" }, Ve = { class: "fm-typo-en-title-sm-800" }, Ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xe = /* @__PURE__ */ z({
+  __name: "Voucher",
+  setup(Le) {
+    const { t: a } = de(), T = {
+      label: a("connect.voucher.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, I = oe(), $ = se("VOUCHER", I), K = ce(), p = re(), { global: N, minor: L } = ae, P = pe(), i = k({
+      searchKey: "",
+      location: null
+    }), g = Q(
+      () => p.campaigns.voucher.filter(
+        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
+      )
+    ), D = [
+      {
+        header: a("connect.voucher.voucherTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: a("connect.voucher.status"),
+        accessorFn: (e) => ie(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: a("connect.voucher.summary"),
+        accessorFn: (e) => O(e)
+      },
+      {
+        header: a("connect.voucher.quota"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e.pf_collectible) == null ? void 0 : o.options.maxReceive) ?? "Unlimited";
+        }
+      },
+      {
+        header: a("connect.voucher.claimed"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e == null ? void 0 : e.pf_collectible) == null ? void 0 : o.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: a("connect.voucher.actions"),
+        cell(e) {
+          return m("div", { class: "flex items-center justify-end" }, [
+            m(h.FmButton, {
+              icon: "visibility",
+              variant: "tertiary",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await P.push({
+                  name: H["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                  params: { id: e.row.original._id }
+                });
+              }
+            }),
+            m(
+              h.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => m(h.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => {
+                  const o = [
+                    m(
+                      h.FmMenuItem,
+                      {
+                        onClick: async (c) => {
+                          c.stopPropagation(), M(e.row.original);
+                        }
+                      },
+                      {
+                        label: m(
+                          "div",
+                          {
+                            class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                          },
+                          a("connect.voucher.remove")
+                        )
+                      }
+                    )
+                  ];
+                  return e.row.original.event.type === "SIMPLE_CLAIM" && (o.unshift(
+                    m(h.FmMenuItem, {
+                      label: a("connect.voucher.send"),
+                      onClick: async (c) => {
+                        var l;
+                        c.stopPropagation(), (l = b.value) == null || l.showSheet({
+                          campaignId: e.row.original._id
+                        });
+                      }
+                    })
+                  ), o.unshift(
+                    m(h.FmMenuItem, {
+                      label: a("connect.voucher.share"),
+                      onClick: async (c) => {
+                        if (c.stopPropagation(), e.row.original.event.type !== "SIMPLE_CLAIM")
+                          return await A.confirm(
+                            "Cannot share a voucher that is not a simple claim.",
+                            "Share Voucher",
+                            "OK"
+                          );
+                        await te(
+                          `https://${ne().currentBusiness.value._id}.${he.appUrl}/vouchers/${e.row.original._id}`,
+                          {
+                            successMessage: "Voucher link copied to clipboard"
+                          }
+                        );
+                      }
+                    })
+                  )), o;
+                }
+              }
+            )
+          ]);
+        }
+      }
+    ], U = k(), b = k();
+    async function M(e) {
+      await A.remove(a("connect.voucher.confirmRemove", { name: e.name })) && await L(
+        async () => {
+          await w.delete(e._id), await p.read("VOUCHER");
+        },
+        {
+          message: a("connect.voucher.removing", { name: e.name }),
+          successMessage: a("connect.voucher.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function v(e) {
+      e ? await o() : $.open(async (c) => {
+        await o(c);
+      });
+      async function o(c) {
+        var l;
+        (l = U.value) == null || l.showSheet(
+          !0,
+          "VOUCHER",
+          e ? await w.readById(e._id) : void 0,
+          c
+        );
+      }
+    }
+    async function j(e) {
+      e.campaign._id && await new Promise((o) => {
+        I.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          var c;
+          e.updateCollections = !0, (c = window.top) == null || c.postMessage("updateAllVoucher", "*"), o();
+        }).onSecondary(async () => {
+          o();
+        });
+      }), await L(
+        async () => {
+          e.campaign._id ? await w.update(e.campaign._id, e) : await w.create(e), await p.read("VOUCHER");
+        },
+        {
+          message: a(
+            e.campaign._id ? "connect.voucher.updating" : "connect.voucher.creating"
+          ),
+          successMessage: a(
+            e.campaign._id ? "connect.voucher.updatedSuccessfully" : "connect.voucher.createdSuccessfully"
+          )
+        }
+      );
+    }
+    return Z(async () => {
+      await N(async () => {
+        await p.read("VOUCHER");
+      });
+    }), (e, o) => {
+      const c = d("FmPageHead"), l = d("FmSearch"), q = d("FmTable"), C = d("FmButton"), G = d("FmListItem"), X = d("FmList"), W = d("FmCard");
+      return u(), S(F, null, [
+        s(c, {
+          title: t(a)("connect.voucher.title"),
+          actions: t(g).length > 0 ? [T] : [],
+          "onClick:action": o[0] || (o[0] = () => v())
+        }, null, 8, ["title", "actions"]),
+        r("div", fe, [
+          s(l, {
+            modelValue: t(i).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => t(i).searchKey = n),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(a)("connect.voucher.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(p).campaigns.voucher && t(p).campaigns.voucher.length > 0 ? (u(), S(F, { key: 0 }, [
+            r("div", ye, [
+              r("div", _e, [
+                s(me, {
+                  modelValue: t(i).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (n) => t(i).location = n),
+                  label: t(a)("connect.voucher.location"),
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(K).locationItems
+                }, null, 8, ["modelValue", "label", "items"])
+              ]),
+              s(l, {
+                modelValue: t(i).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (n) => t(i).searchKey = n),
+                class: "xs:hidden",
+                placeholder: t(a)("connect.voucher.search"),
+                collapsible: ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            s(q, {
+              class: "xs:hidden",
+              "row-data": t(g),
+              "column-defs": D,
+              "search-value": t(i).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (n) => v(n.original)),
+              "hide-footer": t(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(X, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: V(() => [
+                (u(!0), S(F, null, J(t(g).filter(
+                  (n) => n.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
+                ), (n) => (u(), y(G, {
+                  key: n._id.toString(),
+                  onClick: (x) => v(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: V(() => {
+                    var x;
+                    return [
+                      r("div", ge, [
+                        r("div", ve, [
+                          (u(), y(Y(t(B)(n)))),
+                          r("div", Ce, _(((x = n.pf_collectible) == null ? void 0 : x.currentReceive) ?? 0) + " claimed ", 1)
+                        ]),
+                        r("div", we, [
+                          r("div", be, _(n.name), 1),
+                          r("div", xe, _(t(O)(n)), 1)
+                        ])
+                      ]),
+                      r("div", ke, [
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
+                          key: 0,
+                          icon: "visibility",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (f) => {
+                            f.stopPropagation(), await t(P).push({
+                              name: t(H)["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                              params: { id: n._id }
+                            });
+                          }
+                        }, null, 8, ["onClick"])) : E("", !0),
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
+                          key: 1,
+                          icon: "send",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (f) => {
+                            var R;
+                            f.stopPropagation(), (R = t(b)) == null || R.showSheet({
+                              campaignId: n._id
+                            });
+                          }
+                        }, null, 8, ["onClick"])) : E("", !0),
+                        s(C, {
+                          icon: "delete",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (f) => (f.stopPropagation(), M(n))
+                        }, null, 8, ["onClick"])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), y(W, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: V(() => [
+              Se,
+              r("div", Fe, [
+                r("div", Ve, _(t(a)("connect.voucher.createVoucherCampaign")), 1),
+                r("div", Ie, _(t(a)("connect.voucher.description")), 1)
+              ]),
+              s(C, {
+                variant: "primary",
+                label: t(a)("connect.voucher.createVoucherCampaign"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (n) => v())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          s(le, {
+            ref_key: "sheetRef",
+            ref: U,
+            "onSubmit:modelValue": j
+          }, null, 512),
+          s(ue, {
+            ref_key: "sendVoucherSheetRef",
+            ref: b
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as default
+};

package/dist/{VoucherEditor.vue_vue_type_script_setup_true_lang-DRnVggfC.js → VoucherEditor.vue_vue_type_script_setup_true_lang-DKunt5iP.js}

@@ -1,17 +1,17 @@
 import { defineComponent as U, ref as k, resolveComponent as p, openBlock as d, createBlock as h, withCtx as f, renderSlot as q, createVNode as s, createTextVNode as E, toDisplayString as F, createElementVNode as a, computed as N, createElementBlock as O, Fragment as S, renderList as z, unref as e, normalizeClass as J, createCommentVNode as R, resolveDynamicComponent as H } from "vue";
-import { c as X } from "./index-DLAAi9ur.js";
-import { e as K, F as Q } from "./index-CibFRBGu.js";
-import { C as W } from "./membership-7ETvXph3.js";
+import { c as X } from "./index-o3ez16Wf.js";
+import { e as K, F as Q } from "./index-DP1XHU5I.js";
+import { C as W } from "./membership-ChU9QHZQ.js";
 import { Z as g } from "./zod-Bg2FbC-D.js";
-import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-BGeR0-AG.js";
-import { u as ee } from "./business-H9a63ymR.js";
+import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-C02QXf6B.js";
+import { u as ee } from "./business-e0ErhqsW.js";
 import { useCoreStore as te } from "@feedmepos/mf-common";
-import { _ as oe } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BzBcsSYS.js";
+import { _ as oe } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CP0wAVaD.js";
 import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { b as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-A_uosv-g.js";
-import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DPmeW62s.js";
-import { u as me } from "./vue-i18n-B49HKiTU.js";
-import { i as re } from "./helper-CcV9DZXq.js";
+import { _ as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-DXBqS4zs.js";
+import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-Cf2JpXND.js";
+import { u as me } from "./vue-i18n-BOO66JER.js";
+import { i as re } from "./helper-Czc_ykUT.js";
 const ie = { class: "flex justify-end gap-8 w-full" }, ue = /* @__PURE__ */ U({
   __name: "MenuSheet",
   props: {

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-BzBcsSYS.js → ZodTextField.vue_vue_type_script_setup_true_lang-CP0wAVaD.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as y, resolveComponent as b, openBlock as l, createBlock as v, mergeProps as x, unref as t, createSlots as g, withCtx as h, createElementVNode as a, toDisplayString as n, renderSlot as k, createElementBlock as F, createCommentVNode as S } from "vue";
 import { Z as d } from "./zod-Bg2FbC-D.js";
-import { u as V } from "./vue-i18n-B49HKiTU.js";
+import { u as V } from "./vue-i18n-BOO66JER.js";
 const B = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary items-center" }, C = {
   key: 0,
   class: "text-fm-color-typo-tertiary"