@feedmepos/mf-connect 0.1.0-beta.49 → 0.1.0-beta.50

package/dist/Voucher-CvmH0kcF.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 V, createVNode as s, unref as t, createElementVNode as r, withCtx as F, renderList as J, createBlock as y, resolveDynamicComponent as Y, toDisplayString as g, createCommentVNode as E } from "vue";
+import { _ as ee } from "./campaign-CpzFl8Vr.js";
+import { useDialog as oe, components as f } from "@feedmepos/ui-library";
+import { p as A, a as te } from "./plugins-CSPFAU50.js";
+import { useCoreStore as ae } from "@feedmepos/mf-common";
+import { u as ne } from "./loading-aCWVsOPY.js";
+import { u as ce } from "./business-D1mLhSME.js";
+import { u as re } from "./campaign-B-12Im0w.js";
+import { g as B, a as O } from "./campaign-0tnkhu78.js";
+import "./index-CNlHabtk.js";
+import { u as ie } from "./template-ZGxXqkaC.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-TjNinQ8e.js";
+import { _ as le } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as me } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BfyRVxWM.js";
+import { u as ue } from "./vue-i18n-CKpKQ6iE.js";
+import { useRouter as de } from "vue-router";
+import { c as w } from "./index-C7zBkoZ4.js";
+import { R as H } from "./app-DeW5_DB0.js";
+var pe = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedmedev.cc", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc" };
+const fe = { class: "px-24 flex flex-col gap-y-16" }, he = { class: "flex items-center justify-between w-full" }, ye = { class: "flex gap-8 overflow-x-auto" }, ge = { class: "space-y-8" }, _e = { class: "flex w-full gap-4 items-center" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex gap-8 items-center" }, ke = { class: "flex flex-col gap-16 text-center" }, Se = { class: "fm-typo-en-title-sm-800" }, Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ge = /* @__PURE__ */ z({
+  __name: "Voucher",
+  setup(Fe) {
+    const { t: a } = ue(), T = {
+      label: a("connect.voucher.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, I = oe(), $ = ie("VOUCHER", I), K = ce(), p = re(), { global: N, minor: L } = ne, P = de(), i = k({
+      searchKey: "",
+      location: null
+    }), _ = 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"),
+        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(f.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(
+              f.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => m(f.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => {
+                  const o = [
+                    m(
+                      f.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(f.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(f.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://${ae().currentBusiness.value._id}.${pe.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(V, null, [
+        s(c, {
+          title: t(a)("connect.voucher.title"),
+          actions: t(_).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(V, { key: 0 }, [
+            r("div", he, [
+              r("div", ye, [
+                s(le, {
+                  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(_),
+              "column-defs": D,
+              "search-value": t(i).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (n) => v(n.original)),
+              "hide-footer": t(_).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(X, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: F(() => [
+                (u(!0), S(V, null, J(t(_).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: F(() => {
+                    var x;
+                    return [
+                      r("div", ge, [
+                        r("div", _e, [
+                          (u(), y(Y(t(B)(n)))),
+                          r("div", ve, g(((x = n.pf_collectible) == null ? void 0 : x.currentReceive) ?? 0) + " claimed ", 1)
+                        ]),
+                        r("div", Ce, [
+                          r("div", we, g(n.name), 1),
+                          r("div", be, g(t(O)(n)), 1)
+                        ])
+                      ]),
+                      r("div", xe, [
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
+                          key: 0,
+                          icon: "visibility",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (h) => {
+                            h.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: (h) => {
+                            var R;
+                            h.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: (h) => (h.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: F(() => [
+              o[6] || (o[6] = r("img", {
+                src: ee,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              r("div", ke, [
+                r("div", Se, g(t(a)("connect.voucher.createVoucherCampaign")), 1),
+                r("div", Ve, g(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(se, {
+            ref_key: "sheetRef",
+            ref: U,
+            "onSubmit:modelValue": j
+          }, null, 512),
+          s(me, {
+            ref_key: "sendVoucherSheetRef",
+            ref: b
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ge as default
+};

package/dist/{VoucherEditor.vue_vue_type_script_setup_true_lang-aYXqbp2E.js → VoucherEditor.vue_vue_type_script_setup_true_lang-BQOD6uEf.js}

@@ -1,17 +1,17 @@
 import { defineComponent as A, ref as w, resolveComponent as c, openBlock as d, createBlock as F, withCtx as f, renderSlot as q, createVNode as m, createTextVNode as S, toDisplayString as I, createElementVNode as n, computed as N, createElementBlock as h, Fragment as U, renderList as z, unref as e, normalizeClass as J, createCommentVNode as P, resolveDynamicComponent as H } from "vue";
-import { c as X } from "./index-CGCV3Q39.js";
-import { e as K, F as Q } from "./index-zaGTl_qB.js";
-import { C as W } from "./membership-CdHkfBpk.js";
+import { c as X } from "./index-CpfUrdgw.js";
+import { e as K, F as Q } from "./index-By-GlmG7.js";
+import { C as W } from "./membership-1etsHC5G.js";
 import { Z as g } from "./zod-Bg2FbC-D.js";
-import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-CqZIHzA3.js";
-import { u as ee } from "./business-DPl8ug6e.js";
+import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-BAuM6qP5.js";
+import { u as ee } from "./business-D1mLhSME.js";
 import { useCoreStore as te } from "@feedmepos/mf-common";
-import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-Bz77dtVR.js";
+import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CcIcCt4N.js";
 import { _ as oe } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
-import { b as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-DnjTCWUk.js";
-import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BJvBo7sT.js";
-import { u as me } from "./vue-i18n-kVKjcgAi.js";
-import { i as re } from "./helper-DaoMEMRy.js";
+import { _ as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-D3Bt-Vuu.js";
+import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-CGOmGozY.js";
+import { u as me } from "./vue-i18n-CKpKQ6iE.js";
+import { i as re } from "./helper-DOt8-wns.js";
 const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
   __name: "MenuSheet",
   props: {
@@ -83,7 +83,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
 }, ge = { class: "fm-typo-en-body-lg-400" }, xe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ve = {
   key: 0,
   class: "pt-8 space-y-8"
-}, Fe = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, Ce = { class: "xs:!block flex gap-16 items-center" }, _e = /* @__PURE__ */ A({
+}, Fe = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, Ce = { class: "xs:!block flex gap-16 items-center" }, Be = /* @__PURE__ */ A({
   __name: "EarningOptionInput",
   props: {
     modelValue: {
@@ -142,7 +142,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
       ((R = s.modelValue) == null ? void 0 : R.type) === "PROPORTIONAL" && !!((k = (b = s.modelValue) == null ? void 0 : b.property) != null && k.length) || !1
     );
     return (p, t) => {
-      var B, _, D;
+      var _, B, D;
       const C = c("FmCard"), $ = c("FmStepperField"), L = c("FmRadio"), j = c("FmPill"), G = c("FmButton"), M = c("FmRadioGroup"), Z = c("FmHelperText");
       return d(), h("div", de, [
         n("div", pe, [
@@ -167,11 +167,11 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
           }), 128))
         ]),
         n("div", ye, [
-          ((B = a.modelValue) == null ? void 0 : B.type) === "FIXED" ? (d(), F($, {
+          ((_ = a.modelValue) == null ? void 0 : _.type) === "FIXED" ? (d(), F($, {
             key: 0,
             label: `Receive ${e(u)}(s)`,
             class: "flex-1",
-            "model-value": ((_ = a.modelValue) == null ? void 0 : _.amount) ?? null,
+            "model-value": ((B = a.modelValue) == null ? void 0 : B.amount) ?? null,
             "onUpdate:modelValue": t[0] || (t[0] = (r) => l("update:model-value", {
               ...a.modelValue ?? { type: "FIXED" },
               amount: r
@@ -414,6 +414,6 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
   }
 });
 export {
-  _e as _,
+  Be as _,
   De as a
 };

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-Bz77dtVR.js → ZodTextField.vue_vue_type_script_setup_true_lang-CcIcCt4N.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-kVKjcgAi.js";
+import { u as V } from "./vue-i18n-CKpKQ6iE.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"