@feedmepos/mf-connect 0.1.38-beta.6 → 0.1.38-beta.61

package/dist/Grab-BgiMqwvj.js

@@ -0,0 +1,301 @@
+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-P-V4XWmW.js";
+import { u as oe } from "./loading-CivgDw5C.js";
+import { u as ne } from "./business-BFIwFfkq.js";
+import { u as ae } from "./campaign-w9j4I4jn.js";
+import { u as re } from "./vue-i18n-tpDAnnmD.js";
+import { h as d } from "./moment-D7p2TMB-.js";
+import { a as se, b as V } from "./campaign-RuIwxc4y.js";
+import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-0DMFuBoG.js";
+import { u as le } from "./template-Dbz3FhHK.js";
+import { _ as $ } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { c as C } from "./index-DpjYgKTN.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" }, Pe = /* @__PURE__ */ q({
+  __name: "Grab",
+  setup(_e) {
+    const { t: o } = re(), 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 s;
+        return (s = e == null ? void 0 : e.targetLocation) == null ? void 0 : s.includes(a);
+      }) : e.targetLocation.includes(t);
+    }
+    function j(e) {
+      var s, r;
+      const t = c.value.effectType;
+      if (!t || t.length === 0) return !0;
+      const a = (r = (s = e.effect) == null ? void 0 : s.options) == null ? void 0 : r.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) => se(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 s;
+        (s = B.value) == null || s.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 s = t.map(
+          (r) => `"${r.name}" (${d(r.timeframeOptions.start).format("DD/MM/YYYY")} - ${d(r.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: s
+          }),
+          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 = [], s = !!e._id;
+      for (const r of t) {
+        if (s && r._id === e._id) continue;
+        const _ = d(e.timeframeOptions.start), y = d(e.timeframeOptions.end), h = d(r.timeframeOptions.start), v = d(r.timeframeOptions.end);
+        if (_.isBefore(v) && y.isAfter(h) || h.isBefore(y) && v.isAfter(_)) {
+          const n = e.discount, w = r.discount;
+          n.scope.type === w.scope.type && a.push(r);
+        }
+      }
+      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"), s = u("FmPageHead"), r = u("FmSearch"), _ = u("FmTable"), y = u("FmButton"), h = u("FmListItem"), v = u("FmList"), M = u("FmCard");
+      return f(), k(F, null, [
+        l(s, {
+          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(r, {
+            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(r, {
+                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 {
+  Pe as default
+};

package/dist/{ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js → ImageInput.vue_vue_type_script_setup_true_lang-DZ8DHrQ_.js}

@@ -1,23 +1,24 @@
-import { openBlock as l, createElementBlock as o, createElementVNode as i, defineComponent as C, ref as v, onMounted as $, resolveComponent as f, renderSlot as b, toDisplayString as r, createCommentVNode as x, normalizeStyle as R, unref as s, Fragment as h, createVNode as w, withCtx as g, createTextVNode as p, normalizeClass as V, createBlock as F } from "vue";
-import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const H = {}, N = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" };
-function A(e, d) {
-  return l(), o("div", N, d[0] || (d[0] = [
-    i("svg", {
+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-tpDAnnmD.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) {
+  return l(), o("div", D, [...d[0] || (d[0] = [
+    r("svg", {
       class: "dark:text-gray-600 h-10 text-gray-200 w-10",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor",
       viewBox: "0 0 20 18"
     }, [
-      i("path", { d: "M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z" })
+      r("path", { d: "M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z" })
     ], -1)
-  ]));
+  ])]);
 }
-const D = /* @__PURE__ */ z(H, [["render", A]]), I = { class: "max-w-full max-h-[400px] space-y-4" }, L = { key: 0 }, T = { class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400" }, U = {
+const T = /* @__PURE__ */ H(N, [["render", L]]), U = { class: "max-w-full max-h-[400px] space-y-4" }, Z = { key: 0 }, _ = { class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400" }, A = {
   key: 1,
   class: "h-full w-full relative bg-fm-color-neutral-white p-12 border-2 border-dashed border-fm-color-neutral-gray-300 rounded-md flex flex-col items-center justify-center gap-8 hover:border-fm-color-neutral-gray-400"
-}, Z = ["src"], _ = ["src"], E = { class: "absolute right-0 top-0" }, O = /* @__PURE__ */ C({
+}, E = ["src"], M = ["src"], q = { class: "absolute right-0 top-0" }, J = /* @__PURE__ */ $({
   __name: "ImageInput",
   props: {
     required: {
@@ -57,7 +58,7 @@ const D = /* @__PURE__ */ z(H, [["render", A]]), I = { class: "max-w-full max-h-
     },
     recommendedSize: {
       type: String,
-      default: "Recommended: 950px x 600px"
+      default: void 0
     },
     deleteButton: {
       type: Boolean,
@@ -66,72 +67,72 @@ const D = /* @__PURE__ */ z(H, [["render", A]]), I = { class: "max-w-full max-h-
   },
   emits: ["update:file"],
   setup(e, { emit: d }) {
-    const c = e, a = v({
+    const { t: y } = R(), c = e, a = b({
       loading: !1,
       imgsrc: c.thumbnail
-    }), m = v(!1), y = d;
+    }), m = b(!1), v = d;
     async function u(t) {
-      return t == null ? (a.value.imgsrc = void 0, y("update:file", null)) : (m.value = !!t.type.startsWith("video/"), a.value.loading = !0, a.value.imgsrc = URL.createObjectURL(t), a.value.loading = !1, y("update:file", t));
+      return t == null ? (a.value.imgsrc = void 0, v("update:file", null)) : (m.value = !!t.type.startsWith("video/"), a.value.loading = !0, a.value.imgsrc = URL.createObjectURL(t), a.value.loading = !1, v("update:file", t));
     }
-    return $(() => {
+    return I(() => {
       var t;
       c.file && u(c.file), (t = c.thumbnail) != null && t.includes("mp4") && (m.value = !0);
     }), (t, n) => {
-      const k = f("FmDropField"), S = f("FmHelperText"), B = f("FmButton");
-      return l(), o("div", I, [
-        b(t.$slots, "label", {}, () => [
-          e.label ? (l(), o("div", L, r(e.label), 1)) : x("", !0)
+      const S = f("FmDropField"), B = f("FmHelperText"), j = f("FmButton");
+      return l(), o("div", U, [
+        x(t.$slots, "label", {}, () => [
+          e.label ? (l(), o("div", Z, s(e.label), 1)) : h("", !0)
         ]),
-        i("div", {
-          style: R({ "aspect-ratio": e.aspectRatio }),
+        r("div", {
+          style: V({ "aspect-ratio": e.aspectRatio }),
           class: "flex flex-col max-h-full max-w-full"
         }, [
-          s(a).loading ? (l(), F(D, { key: 1 })) : (l(), o(h, { key: 0 }, [
-            s(a).imgsrc ? (l(), o("div", U, [
-              s(m) ? (l(), o("video", {
+          i(a).loading ? (l(), k(T, { key: 1 })) : (l(), o(w, { key: 0 }, [
+            i(a).imgsrc ? (l(), o("div", A, [
+              i(m) ? (l(), o("video", {
                 key: 1,
-                src: s(a).imgsrc || e.thumbnail,
+                src: i(a).imgsrc || e.thumbnail,
                 class: "w-full h-full",
                 controls: ""
-              }, null, 8, _)) : (l(), o("img", {
+              }, null, 8, M)) : (l(), o("img", {
                 key: 0,
-                class: V([`object-${e.imageFit}`, "w-full h-full"]),
-                src: s(a).imgsrc || e.thumbnail
-              }, null, 10, Z)),
-              i("div", E, [
-                b(t.$slots, "delete-button"),
-                e.deleteButton ? (l(), F(B, {
+                class: z([`object-${e.imageFit}`, "w-full h-full"]),
+                src: i(a).imgsrc || e.thumbnail
+              }, null, 10, E)),
+              r("div", q, [
+                x(t.$slots, "delete-button"),
+                e.deleteButton ? (l(), k(j, {
                   key: 0,
                   class: "!text-neutral-50 !bg-neutral-700",
                   icon: "delete",
                   variant: "tertiary",
                   disabled: e.disabled,
-                  onClick: n[1] || (n[1] = (j) => u(null))
-                }, null, 8, ["disabled"])) : x("", !0)
+                  onClick: n[1] || (n[1] = (C) => u(null))
+                }, null, 8, ["disabled"])) : h("", !0)
               ])
-            ])) : (l(), o(h, { key: 0 }, [
-              w(k, {
+            ])) : (l(), o(w, { key: 0 }, [
+              F(S, {
                 class: "flex-1 hihiha",
                 accept: e.accept,
                 disabled: e.disabled,
                 onFileUpload: u,
-                onFileRejected: n[0] || (n[0] = (j) => u(null))
+                onFileRejected: n[0] || (n[0] = (C) => u(null))
               }, {
-                label: g(() => n[2] || (n[2] = [
-                  p(r(void 0))
-                ])),
-                "helper-text": g(() => n[3] || (n[3] = [
-                  p(r(void 0))
-                ])),
+                label: g(() => [...n[2] || (n[2] = [
+                  p(s(void 0), -1)
+                ])]),
+                "helper-text": g(() => [...n[3] || (n[3] = [
+                  p(s(void 0), -1)
+                ])]),
                 "accept-text": g(() => [
-                  i("div", T, [
-                    i("div", null, "(" + r(e.recommendedSize) + ")", 1),
-                    p(" Accepts " + r(e.accept), 1)
+                  r("div", _, [
+                    r("div", null, " (" + s(e.recommendedSize ?? i(y)("connect.common.imageInput.recommendedSize")) + ") ", 1),
+                    p(" " + s(i(y)("connect.common.imageInput.accepts", { accept: e.accept })), 1)
                   ])
                 ]),
                 _: 1
               }, 8, ["accept", "disabled"]),
-              w(S, { text: "" })
+              F(B, { text: "" })
             ], 64))
           ], 64))
         ], 4)
@@ -140,5 +141,5 @@ const D = /* @__PURE__ */ z(H, [["render", A]]), I = { class: "max-w-full max-h-
   }
 });
 export {
-  O as _
+  J as _
 };