@feedmepos/mf-connect 0.1.38-beta.74 → 0.1.38-beta.76

package/dist/Grab-B29W7rka.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-A4jDcmfS.js";
+import { u as oe } from "./loading-8_73fcXo.js";
+import { u as ne } from "./business-CrfQ56D0.js";
+import { u as ae } from "./campaign-B9fR7RwT.js";
+import { u as re } from "./vue-i18n-BvqmcBWZ.js";
+import { h as d } from "./moment-D7p2TMB-.js";
+import { a as se, b as V } from "./campaign-B_iIaTKz.js";
+import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D2gTuN97.js";
+import { u as le } from "./template-D7rpG7FN.js";
+import { _ as $ } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { c as C } from "./index-Cp8wkBus.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-DyegKNzM.js

@@ -0,0 +1,145 @@
+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-BvqmcBWZ.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"
+    }, [
+      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 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"
+}, E = ["src"], M = ["src"], q = { class: "absolute right-0 top-0" }, J = /* @__PURE__ */ $({
+  __name: "ImageInput",
+  props: {
+    required: {
+      type: Boolean,
+      default: () => !1
+    },
+    disabled: {
+      type: Boolean,
+      default: () => !1
+    },
+    thumbnail: {
+      type: String,
+      default: () => {
+      }
+    },
+    file: {
+      type: File,
+      default: () => {
+      }
+    },
+    label: {
+      type: String,
+      default: () => {
+      }
+    },
+    aspectRatio: {
+      type: String,
+      default: "2/3"
+    },
+    imageFit: {
+      type: String,
+      default: "contain"
+    },
+    accept: {
+      type: String,
+      default: ".png, .jpg, .jpeg, .webm"
+    },
+    recommendedSize: {
+      type: String,
+      default: void 0
+    },
+    deleteButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:file"],
+  setup(e, { emit: d }) {
+    const { t: y } = R(), c = e, a = b({
+      loading: !1,
+      imgsrc: c.thumbnail
+    }), m = b(!1), v = d;
+    async function u(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 I(() => {
+      var t;
+      c.file && u(c.file), (t = c.thumbnail) != null && t.includes("mp4") && (m.value = !0);
+    }), (t, n) => {
+      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)
+        ]),
+        r("div", {
+          style: V({ "aspect-ratio": e.aspectRatio }),
+          class: "flex flex-col max-h-full max-w-full"
+        }, [
+          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: i(a).imgsrc || e.thumbnail,
+                class: "w-full h-full",
+                controls: ""
+              }, null, 8, M)) : (l(), o("img", {
+                key: 0,
+                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] = (C) => u(null))
+                }, null, 8, ["disabled"])) : h("", !0)
+              ])
+            ])) : (l(), o(w, { key: 0 }, [
+              F(S, {
+                class: "flex-1 hihiha",
+                accept: e.accept,
+                disabled: e.disabled,
+                onFileUpload: u,
+                onFileRejected: n[0] || (n[0] = (C) => u(null))
+              }, {
+                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(() => [
+                  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"]),
+              F(B, { text: "" })
+            ], 64))
+          ], 64))
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  J as _
+};