@feedmepos/mf-connect 0.1.96-prod → 0.1.98-beta.1

package/dist/Grab-DMuSoVGl.js

@@ -0,0 +1,300 @@
+import { defineComponent as q, ref as L, computed as z, h as J, onMounted as Q, resolveComponent as u, openBlock as f, createElementBlock as k, Fragment as F, createVNode as l, unref as i, withCtx as x, createElementVNode as m, renderList as W, createBlock as O, resolveDynamicComponent as X, toDisplayString as Y } from "vue";
+import { _ as Z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as ee, components as te } from "@feedmepos/ui-library";
+import { p as P } from "./plugins-BBpKk0ld.js";
+import { u as oe } from "./loading-DtPQnEA5.js";
+import { u as ne } from "./business-caUtvXxX.js";
+import { u as ae, c as C } from "./campaign-CDFEhdIH.js";
+import { u as se } from "./vue-i18n-bssxjuw_.js";
+import { h as d } from "./moment-D7p2TMB-.js";
+import { a as re, b as V } from "./campaign-CPtzFxiR.js";
+import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DMHQ36PW.js";
+import { u as le } from "./template-BSuapoPb.js";
+import { _ as $ } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+const me = { class: "px-24 flex flex-col gap-y-16" }, ue = { class: "flex items-center justify-between w-full" }, de = { class: "flex gap-8 overflow-x-auto" }, pe = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ q({
+  __name: "Grab",
+  setup(_e) {
+    const { t: o } = se(), I = {
+      label: o("connect.grab.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, A = le("GRAB", ee()), S = ne(), g = ae(), { global: R, minor: T } = oe, K = [
+      {
+        label: "Bill promotion",
+        value: "BILL"
+      },
+      {
+        label: "Item promotion",
+        value: "ITEM"
+      }
+    ], c = L({
+      searchKey: "",
+      location: [],
+      effectType: []
+    });
+    function E(e) {
+      const t = c.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((a) => {
+        var r;
+        return (r = e == null ? void 0 : e.targetLocation) == null ? void 0 : r.includes(a);
+      }) : e.targetLocation.includes(t);
+    }
+    function j(e) {
+      var r, s;
+      const t = c.value.effectType;
+      if (!t || t.length === 0) return !0;
+      const a = (s = (r = e.effect) == null ? void 0 : r.options) == null ? void 0 : s.target;
+      return t.includes(a);
+    }
+    const p = z(
+      () => g.campaigns.grab.filter(
+        (e) => E(e) && j(e)
+      )
+    ), G = [
+      {
+        header: o("connect.grab.promotionTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: o("connect.grab.period"),
+        accessorFn: (e) => {
+          const t = d(e.timeframeOptions.start).format("DD/MM/YYYY"), a = d(e.timeframeOptions.end).format("DD/MM/YYYY");
+          return `${t} - ${a}`;
+        }
+      },
+      {
+        header: o("connect.grab.status"),
+        accessorFn: (e) => re(e),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: o("connect.grab.summary"),
+        cell(e) {
+          const t = ie(e.row.original.discount);
+          return t ? `${t.type} - ${t.adjustment}` : "-";
+        }
+      },
+      {
+        header: o("connect.grab.actions"),
+        cell(e) {
+          return J(te.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (t) => {
+              t.stopPropagation(), D(e.row.original);
+            }
+          });
+        }
+      }
+    ], B = L();
+    async function D(e) {
+      await P.remove(o("connect.grab.confirmRemove", { name: e.name })) && await T(
+        async () => {
+          await C.delete(e._id), await g.read("PROMOTION");
+        },
+        {
+          message: o("connect.grab.removing", { name: e.name }),
+          successMessage: o("connect.grab.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function b(e) {
+      e ? await t() : A.open(async (a) => {
+        await t(a);
+      });
+      async function t(a) {
+        var r;
+        (r = B.value) == null || r.showSheet(
+          !0,
+          "GRAB",
+          e ? await C.readById(e._id) : void 0,
+          a
+        );
+      }
+    }
+    async function N(e) {
+      var a;
+      const t = await U(e.campaign);
+      if (t.length > 0) {
+        const r = t.map(
+          (s) => `"${s.name}" (${d(s.timeframeOptions.start).format("DD/MM/YYYY")} - ${d(s.timeframeOptions.end).format("DD/MM/YYYY")})`
+        ).join(`
+`);
+        return await ((a = P.dialog) == null ? void 0 : a.open({
+          title: o("connect.grab.conflictDetected"),
+          message: o("connect.grab.conflictMessage", {
+            conflicts: r
+          }),
+          closeButton: !0,
+          overlay: !0,
+          primaryActions: {
+            close: !0,
+            text: "OK"
+          }
+        })), !1;
+      }
+      await T(
+        async () => (e.campaign._id ? await C.update(e.campaign._id, e) : await C.create(e), await g.read("PROMOTION"), !0),
+        {
+          message: o(
+            e.campaign._id ? "connect.grab.updating" : "connect.grab.creating"
+          ),
+          successMessage: o(
+            e.campaign._id ? "connect.grab.updatedSuccessfully" : "connect.grab.createdSuccessfully"
+          )
+        }
+      );
+    }
+    async function U(e) {
+      const t = g.campaigns.grab, a = [], r = !!e._id;
+      for (const s of t) {
+        if (r && s._id === e._id) continue;
+        const _ = d(e.timeframeOptions.start), y = d(e.timeframeOptions.end), h = d(s.timeframeOptions.start), v = d(s.timeframeOptions.end);
+        if (_.isBefore(v) && y.isAfter(h) || h.isBefore(y) && v.isAfter(_)) {
+          const n = e.discount, w = s.discount;
+          n.scope.type === w.scope.type && a.push(s);
+        }
+      }
+      return a;
+    }
+    async function H(e) {
+      switch (e) {
+        case "create":
+          b();
+          break;
+      }
+    }
+    return Q(async () => {
+      await R(async () => {
+        await S.readLocations(), await g.read("PROMOTION");
+      });
+    }), (e, t) => {
+      const a = u("FmPill"), r = u("FmPageHead"), s = u("FmSearch"), _ = u("FmTable"), y = u("FmButton"), h = u("FmListItem"), v = u("FmList"), M = u("FmCard");
+      return f(), k(F, null, [
+        l(r, {
+          title: i(o)("connect.grab.title"),
+          actions: i(p).length > 0 ? [I] : [],
+          "onClick:action": H
+        }, {
+          prepend: x(() => [
+            l(a, { variant: "beta" }),
+            l(a, { variant: "premium" })
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        m("div", me, [
+          l(s, {
+            modelValue: c.value.searchKey,
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value.searchKey = n),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: i(o)("connect.grab.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          i(p) && i(p).length > 0 ? (f(), k(F, { key: 0 }, [
+            m("div", ue, [
+              m("div", de, [
+                l($, {
+                  label: `${i(o)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: c.value.location,
+                  "onUpdate:modelValue": t[1] || (t[1] = (n) => c.value.location = n),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: i(S).locationOptions
+                }, null, 8, ["label", "modelValue", "items"]),
+                l($, {
+                  label: "Type:",
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: c.value.effectType,
+                  "onUpdate:modelValue": t[2] || (t[2] = (n) => c.value.effectType = n),
+                  icon: "filter_list",
+                  "show-item-label": !0,
+                  items: K
+                }, null, 8, ["modelValue"])
+              ]),
+              l(s, {
+                modelValue: c.value.searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (n) => c.value.searchKey = n),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            l(_, {
+              class: "xs:hidden",
+              "row-data": i(p),
+              "column-defs": G,
+              "search-value": c.value.searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (n) => b(n.original)),
+              "hide-footer": i(p).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            l(v, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: x(() => [
+                (f(!0), k(F, null, W(i(p).filter(
+                  (n) => n.name.toLowerCase().includes(c.value.searchKey.toLowerCase())
+                ), (n) => (f(), O(h, {
+                  key: n._id.toString(),
+                  onClick: (w) => b(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: x(() => [
+                    m("div", pe, [
+                      m("div", fe, [
+                        (f(), O(X(i(V)(n))))
+                      ])
+                    ]),
+                    l(y, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (w) => (w.stopPropagation(), D(n))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (f(), O(M, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: x(() => [
+              t[6] || (t[6] = m("img", {
+                src: Z,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              m("div", ge, [
+                m("div", ye, Y(i(o)("connect.grab.createPromotionCampaign")), 1),
+                m("div", be, Y(i(o)("connect.grab.description")), 1)
+              ]),
+              l(y, {
+                variant: "primary",
+                label: i(o)("connect.grab.createPromotionCampaign"),
+                icon: "add",
+                onClick: t[5] || (t[5] = (n) => b())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ]),
+        l(ce, {
+          ref_key: "sheetRef",
+          ref: B,
+          "onSubmit:modelValue": N
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Ye as default
+};

package/dist/{ImageInput.vue_vue_type_script_setup_true_lang-B4u8lwM_.js → ImageInput.vue_vue_type_script_setup_true_lang-hMmCNoZI.js}

@@ -1,5 +1,5 @@
 import { openBlock as l, createElementBlock as o, createElementVNode as r, defineComponent as $, ref as b, onMounted as I, resolveComponent as f, renderSlot as x, toDisplayString as s, createCommentVNode as h, normalizeStyle as V, unref as i, Fragment as w, createVNode as F, withCtx as g, createTextVNode as p, normalizeClass as z, createBlock as k } from "vue";
-import { u as R } from "./vue-i18n-BIM-SckA.js";
+import { u as R } from "./vue-i18n-bssxjuw_.js";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = {}, D = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" };
 function L(e, d) {

package/dist/{Index-CFGAKZTu.js → Index-BNh-_EZa.js}

@@ -1,16 +1,16 @@
 import { defineComponent as U, ref as g, watch as O, onMounted as I, resolveComponent as m, openBlock as b, createBlock as j, withCtx as P, createTextVNode as z, toDisplayString as B, createElementVNode as c, createVNode as o, unref as e, createElementBlock as F, createCommentVNode as W, normalizeClass as G, computed as L, Fragment as q, isRef as J } from "vue";
-import { u as H } from "./vue-i18n-BIM-SckA.js";
-import "./index-CCfDzgJb.js";
+import { u as H } from "./vue-i18n-bssxjuw_.js";
+import "./index-Br17eSOV.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-_HLw0JNH.js";
-import { f as V, p as X } from "./plugins-uNooTC4W.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-XWcV6P7K.js";
+import { u as Q } from "./loading-DtPQnEA5.js";
+import { f as V, p as X } from "./plugins-BBpKk0ld.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-BUl5B7lH.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-DA5sHUgD.js";
-import { u as ae } from "./reward-BRIYprM8.js";
-import { u as oe } from "./business-BPhMhPp8.js";
-import { u as te } from "./membership-Dl34LatD.js";
-import { R as $ } from "./app-Cdi9yyaa.js";
+import { r as N } from "./index-Do2cnzep.js";
+import { u as ae } from "./reward-CX1axU5-.js";
+import { u as oe } from "./business-caUtvXxX.js";
+import { u as te } from "./membership-Csnvqeql.js";
+import { R as $ } from "./app-BdRRCAGj.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([

package/dist/LocationPicker.vue_vue_type_script_setup_true_lang-COoygUYu.js

@@ -0,0 +1,48 @@
+import { defineComponent as g, openBlock as t, createElementBlock as o, createElementVNode as i, toDisplayString as r, unref as c, createCommentVNode as m, Fragment as y, renderList as _, normalizeClass as d, createVNode as b } from "vue";
+import { u as x } from "./vue-i18n-bssxjuw_.js";
+import { components as h } from "@feedmepos/ui-library";
+const k = { class: "border-t border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-50 p-12 flex flex-col gap-8" }, v = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-500 px-4" }, S = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 px-4 py-8"
+}, C = ["onClick"], I = { class: "fm-typo-en-body-md-400 flex-1 truncate" }, L = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 shrink-0"
+}, F = /* @__PURE__ */ g({
+  __name: "LocationPicker",
+  props: {
+    locations: {},
+    selectedIds: {}
+  },
+  emits: ["toggle"],
+  setup(n, { emit: p }) {
+    const f = n, { t: a } = x(), u = p;
+    function s(l) {
+      return f.selectedIds.includes(l);
+    }
+    return (l, w) => (t(), o("div", k, [
+      i("p", v, r(c(a)("connect.review.selectLocations")), 1),
+      n.locations.length === 0 ? (t(), o("p", S, r(c(a)("connect.review.noAvailableLocations")), 1)) : m("", !0),
+      (t(!0), o(y, null, _(n.locations, (e) => (t(), o("button", {
+        key: e._id.toString(),
+        class: d([
+          "flex items-center gap-12 p-12 rounded-lg bg-white border text-left transition-colors",
+          s(e._id.toString()) ? "border-fm-color-primary-500 bg-fm-color-primary-50" : "border-fm-color-neutral-gray-200 hover:border-fm-color-primary-300"
+        ]),
+        onClick: (N) => u("toggle", e)
+      }, [
+        b(c(h).FmIcon, {
+          name: s(e._id.toString()) ? "check_box" : "check_box_outline_blank",
+          class: d([
+            s(e._id.toString()) ? "text-fm-color-primary-500" : "text-fm-color-neutral-gray-300",
+            "shrink-0"
+          ])
+        }, null, 8, ["name", "class"]),
+        i("span", I, r(e.name), 1),
+        e.code ? (t(), o("span", L, r(e.code), 1)) : m("", !0)
+      ], 10, C))), 128))
+    ]));
+  }
+});
+export {
+  F as _
+};

package/dist/{LottieAnimation.vue_vue_type_script_setup_true_lang-UfQtiVK3.js → LottieAnimation.vue_vue_type_script_setup_true_lang-D0wKkrBj.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watchEffect, computed, watch, openBlock, createElementBlock, normalizeStyle, onBeforeUnmount, resolveComponent, unref, createBlock } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./app-Cdi9yyaa.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./app-BdRRCAGj.js";
 const v = "4.8.0", meta = {
   g: "LottieFiles AE ",
   a: "",