@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.2

package/dist/{Point-Bw4lnLqp.js → Point-B_-_C919.js}

@@ -1,22 +1,19 @@
 import { defineComponent as j, ref as P, computed as A, h as E, onMounted as M, resolveComponent as l, openBlock as d, createElementBlock as b, Fragment as w, createVNode as r, unref as t, withCtx as y, createElementVNode as n, toDisplayString as c, renderList as H, createBlock as C, resolveDynamicComponent as q } from "vue";
 import { _ as z } from "./campaign-CpzFl8Vr.js";
 import { useDialog as G, components as J } from "@feedmepos/ui-library";
-import { p as Q } from "./plugins-CVes2wzE.js";
-import { u as W } from "./loading-vUArhX_O.js";
-import { u as X } from "./business-DMALI7ZO.js";
-import { u as Y } from "./campaign-j1c3ou7l.js";
-import { g as Z, a as V, b as I } from "./campaign-Z3l7BoMg.js";
+import { p as Q } from "./plugins-eQis66QR.js";
+import { u as W } from "./loading-BWGQSrCB.js";
+import { u as X } from "./business-CmxV69wT.js";
+import { u as Y } from "./campaign-Dq5C_no-.js";
+import { g as Z, a as V, b as I } from "./campaign-CT_cNJEL.js";
 import { _ as ee } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bs8o9n1V.js";
-import { u as oe } from "./template-Dh9lDLs_.js";
-import { u as ae } from "./vue-i18n-BWyHnm4m.js";
-import { c as _ } from "./index-B3p0hmIV.js";
-const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, ie = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, le = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, me = { class: "flex w-full gap-4 items-center" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "space-y-4" }, ue = { class: "fm-typo-en-body-lg-600" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = /* @__PURE__ */ n("img", {
-  src: z,
-  class: "aspect-square w-[150px]"
-}, null, -1), _e = { class: "flex flex-col gap-16 text-center" }, he = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = /* @__PURE__ */ j({
+import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-PJ8q72XH.js";
+import { u as oe } from "./template-C3UfY0v5.js";
+import { u as ae } from "./vue-i18n-Bz45zC04.js";
+import { c as _ } from "./index-D5rvMvzx.js";
+const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, ie = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, le = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, me = { class: "flex w-full gap-4 items-center" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "space-y-4" }, ue = { class: "fm-typo-en-body-lg-600" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "flex flex-col gap-16 text-center" }, _e = { class: "fm-typo-en-title-sm-800" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ j({
   __name: "Point",
-  setup(we) {
+  setup(be) {
     const { t: s } = ae(), B = {
       label: s("connect.program.common.actions.create", {
         type: s("connect.program.point.title").toLowerCase()
@@ -54,8 +51,8 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
-            onClick: (a) => {
-              a.stopPropagation(), F(e.row.original);
+            onClick: (o) => {
+              o.stopPropagation(), F(e.row.original);
             }
           });
         }
@@ -73,10 +70,10 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
       );
     }
     async function f(e) {
-      e ? await a() : $.open(async (p) => {
-        await a(p);
+      e ? await o() : $.open(async (p) => {
+        await o(p);
       });
-      async function a(p) {
+      async function o(p) {
         var g;
         (g = v.value) == null || g.showSheet(
           !0,
@@ -101,13 +98,13 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
       await K(async () => {
         await m.read("COIN");
       });
-    }), (e, a) => {
+    }), (e, o) => {
       const p = l("FmPill"), g = l("FmPageHead"), k = l("FmSearch"), O = l("FmTable"), S = l("FmButton"), U = l("FmListItem"), D = l("FmList"), T = l("FmCard");
       return d(), b(w, null, [
         r(g, {
           title: t(s)("connect.program.point.title"),
           actions: t(u).length > 0 && t(h).isPremium ? [B] : [],
-          "onClick:action": a[0] || (a[0] = () => f())
+          "onClick:action": o[0] || (o[0] = () => f())
         }, {
           title: y(() => [
             n("div", ne, [
@@ -120,7 +117,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
         n("div", ie, [
           r(k, {
             modelValue: t(i).searchKey,
-            "onUpdate:modelValue": a[1] || (a[1] = (o) => t(i).searchKey = o),
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(i).searchKey = a),
             class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
             placeholder: "search",
             collapsible: ""
@@ -130,7 +127,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
               n("div", le, [
                 r(ee, {
                   modelValue: t(i).location,
-                  "onUpdate:modelValue": a[2] || (a[2] = (o) => t(i).location = o),
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(i).location = a),
                   label: "Location: ",
                   "show-item-label": !0,
                   icon: "storefront",
@@ -140,7 +137,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
               ]),
               r(k, {
                 modelValue: t(i).searchKey,
-                "onUpdate:modelValue": a[3] || (a[3] = (o) => t(i).searchKey = o),
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(i).searchKey = a),
                 class: "xs:hidden",
                 placeholder: "search",
                 collapsible: ""
@@ -152,37 +149,37 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
               "column-defs": N,
               "search-value": t(i).searchKey,
               "column-filter": [],
-              onRowClick: a[4] || (a[4] = (o) => f(o.original)),
+              onRowClick: o[4] || (o[4] = (a) => f(a.original)),
               "hide-footer": t(u).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
             r(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: y(() => [
                 (d(!0), b(w, null, H(t(u).filter(
-                  (o) => o.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
-                ), (o) => (d(), C(U, {
-                  key: o._id.toString(),
-                  onClick: (L) => f(o),
+                  (a) => a.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
+                ), (a) => (d(), C(U, {
+                  key: a._id.toString(),
+                  onClick: (L) => f(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: y(() => [
                     n("div", ce, [
                       n("div", me, [
-                        (d(), C(q(t(V)(o)))),
+                        (d(), C(q(t(V)(a)))),
                         n("div", de, c(t(s)("connect.program.point.used", {
-                          count: o.currentReceive ?? 0
+                          count: a.currentReceive ?? 0
                         })), 1)
                       ]),
                       n("div", pe, [
-                        n("div", ue, c(o.name), 1),
-                        n("div", fe, c(t(I)(o)), 1)
+                        n("div", ue, c(a.name), 1),
+                        n("div", fe, c(t(I)(a)), 1)
                       ]),
-                      n("div", ge, " Point received: " + c(o.currentReceive ?? 0), 1)
+                      n("div", ge, " Point received: " + c(a.currentReceive ?? 0), 1)
                     ]),
                     r(S, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: (L) => (L.stopPropagation(), F(o))
+                      onClick: (L) => (L.stopPropagation(), F(a))
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -196,17 +193,20 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: y(() => [
-              ye,
-              n("div", _e, [
-                n("div", he, c(t(s)("connect.program.point.empty_state.title")), 1),
-                n("div", be, c(t(s)("connect.program.point.empty_state.description")), 1)
+              o[6] || (o[6] = n("img", {
+                src: z,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ye, [
+                n("div", _e, c(t(s)("connect.program.point.empty_state.title")), 1),
+                n("div", he, c(t(s)("connect.program.point.empty_state.description")), 1)
               ]),
               r(S, {
                 variant: "primary",
                 label: "Create point program",
                 disabled: !t(h).isPremium,
                 icon: "add",
-                onClick: a[5] || (a[5] = (o) => f())
+                onClick: o[5] || (o[5] = (a) => f())
               }, null, 8, ["disabled"])
             ]),
             _: 1
@@ -222,5 +222,5 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
   }
 });
 export {
-  Ne as default
+  Ke as default
 };

package/dist/Promotion-D2S3COxk.js

@@ -0,0 +1,289 @@
+import { defineComponent as J, ref as S, computed as Q, h as W, onMounted as X, resolveComponent as m, openBlock as u, createElementBlock as w, Fragment as v, createVNode as l, unref as a, createElementVNode as r, withCtx as b, renderList as Y, createBlock as x, resolveDynamicComponent as Z, toDisplayString as _ } from "vue";
+import { _ as ee } from "./campaign-CpzFl8Vr.js";
+import { useDialog as oe, components as te } from "@feedmepos/ui-library";
+import { c as O, p as L } from "./plugins-eQis66QR.js";
+import { u as ne } from "./loading-BWGQSrCB.js";
+import { u as ae } from "./business-CmxV69wT.js";
+import { u as se } from "./campaign-Dq5C_no-.js";
+import { u as re } from "./vue-i18n-Bz45zC04.js";
+import { g as ie, a as V } from "./campaign-CT_cNJEL.js";
+import { e as I } from "./effect-FIlOEC4H.js";
+import { _ as le } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-PJ8q72XH.js";
+import { u as ce } from "./template-C3UfY0v5.js";
+import { _ as B } from "./FilterChip.vue_vue_type_script_setup_true_lang-d8rh38tD.js";
+import { c as d } from "./index-D5rvMvzx.js";
+const me = { class: "px-24 flex flex-col gap-y-16" }, pe = { class: "flex items-center justify-between w-full" }, ue = { class: "flex gap-8 overflow-x-auto" }, de = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ye = { class: "space-y-4" }, ge = { class: "fm-typo-en-body-lg-600" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = { class: "flex flex-col gap-16 text-center" }, we = { class: "fm-typo-en-title-sm-800" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ae = /* @__PURE__ */ J({
+  __name: "Promotion",
+  setup(be) {
+    const { t: n } = re(), M = {
+      label: n("connect.promotion.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, R = {
+      label: "Force sync",
+      value: "sync",
+      isPrimary: !1,
+      prependIcon: "refresh"
+    }, A = ce("PROMOTION", oe()), C = ae(), f = se(), { global: K, minor: h } = ne, N = [
+      {
+        label: "Bill promotion",
+        value: "BILL"
+      },
+      {
+        label: "Item promotion",
+        value: "ITEM"
+      }
+    ], s = S({
+      searchKey: "",
+      location: [],
+      effectType: []
+    });
+    function $(e) {
+      const o = s.value.location;
+      return !o || o.length === 0 || !e.targetLocation ? !0 : Array.isArray(o) ? o.some((c) => {
+        var i;
+        return (i = e == null ? void 0 : e.targetLocation) == null ? void 0 : i.includes(c);
+      }) : e.targetLocation.includes(o);
+    }
+    function U(e) {
+      var i, g;
+      const o = s.value.effectType;
+      if (!o || o.length === 0) return !0;
+      const c = (g = (i = e.effect) == null ? void 0 : i.options) == null ? void 0 : g.target;
+      return o.includes(c);
+    }
+    const p = Q(
+      () => f.campaigns.promotion.filter(
+        (e) => $(e) && U(e)
+      )
+    ), D = [
+      {
+        header: n("connect.promotion.promotionTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: n("connect.promotion.status"),
+        accessorFn: (e) => ie(e),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: n("connect.promotion.type"),
+        accessorFn: (e) => `${O.title(e.effect.options.target)} promotion`
+      },
+      {
+        header: n("connect.promotion.summary"),
+        accessorFn: (e) => I(e.effect)
+      },
+      {
+        header: n("connect.promotion.actions"),
+        cell(e) {
+          return W(te.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), k(e.row.original);
+            }
+          });
+        }
+      }
+    ], F = S();
+    async function k(e) {
+      await L.remove(
+        n("connect.promotion.confirmRemove", { name: e.name })
+      ) && await h(
+        async () => {
+          await d.delete(e._id), await f.read("PROMOTION");
+        },
+        {
+          message: n("connect.promotion.removing", { name: e.name }),
+          successMessage: n("connect.promotion.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function y(e) {
+      e ? await o() : A.open(async (c) => {
+        await o(c);
+      });
+      async function o(c) {
+        var i;
+        (i = F.value) == null || i.showSheet(
+          !0,
+          "PROMOTION",
+          e ? await d.readById(e._id) : void 0,
+          c
+        );
+      }
+    }
+    async function E(e) {
+      await h(
+        async () => {
+          e.campaign._id ? await d.update(e.campaign._id, e) : await d.create(e), await f.read("PROMOTION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "connect.promotion.updating" : "connect.promotion.creating"
+          ),
+          successMessage: n(
+            e.campaign._id ? "connect.promotion.updatedSuccessfully" : "connect.promotion.createdSuccessfully"
+          )
+        }
+      );
+    }
+    async function j(e) {
+      switch (e) {
+        case "create":
+          y();
+          break;
+        case "sync":
+          await L.confirm(
+            "Are you sure you want to synchronize all promotions to POS?",
+            "Force sync"
+          ) && h(
+            async () => {
+              await d.syncAllPromotion();
+            },
+            {
+              message: "Syncing promotions...",
+              successMessage: "All promotions synced"
+            }
+          );
+          break;
+      }
+    }
+    return X(async () => {
+      await K(async () => {
+        await C.readLocations(), await f.read("PROMOTION");
+      });
+    }), (e, o) => {
+      const c = m("FmPageHead"), i = m("FmSearch"), g = m("FmTable"), H = m("FmChip"), T = m("FmButton"), q = m("FmListItem"), z = m("FmList"), G = m("FmCard");
+      return u(), w(v, null, [
+        l(c, {
+          title: a(n)("connect.promotion.title"),
+          actions: a(p).length > 0 ? [M, R] : [],
+          "onClick:action": j
+        }, null, 8, ["title", "actions"]),
+        r("div", me, [
+          l(i, {
+            modelValue: s.value.searchKey,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value.searchKey = t),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: a(n)("connect.promotion.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          a(p) && a(p).length > 0 ? (u(), w(v, { key: 0 }, [
+            r("div", pe, [
+              r("div", ue, [
+                l(B, {
+                  label: `${a(n)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: s.value.location,
+                  "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value.location = t),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: a(C).locationOptions
+                }, null, 8, ["label", "modelValue", "items"]),
+                l(B, {
+                  label: "Type:",
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: s.value.effectType,
+                  "onUpdate:modelValue": o[2] || (o[2] = (t) => s.value.effectType = t),
+                  icon: "filter_list",
+                  "show-item-label": !0,
+                  items: N
+                }, null, 8, ["modelValue"])
+              ]),
+              l(i, {
+                modelValue: s.value.searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => s.value.searchKey = t),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            l(g, {
+              class: "xs:hidden",
+              "row-data": a(p),
+              "column-defs": D,
+              "search-value": s.value.searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => y(t.original)),
+              "hide-footer": a(p).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            l(z, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (u(!0), w(v, null, Y(a(p).filter(
+                  (t) => t.name.toLowerCase().includes(s.value.searchKey.toLowerCase())
+                ), (t) => (u(), x(q, {
+                  key: t._id.toString(),
+                  onClick: (P) => y(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => [
+                    r("div", de, [
+                      r("div", fe, [
+                        (u(), x(Z(a(V)(t)))),
+                        l(H, {
+                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
+                          compact: !0,
+                          label: `${a(O).title(t.effect.options.target)} promotion`
+                        }, null, 8, ["label"])
+                      ]),
+                      r("div", ye, [
+                        r("div", ge, _(t.name), 1),
+                        r("div", _e, _(a(I)(t.effect)), 1)
+                      ])
+                    ]),
+                    l(T, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (P) => (P.stopPropagation(), k(t))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), x(G, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              o[6] || (o[6] = r("img", {
+                src: ee,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              r("div", he, [
+                r("div", we, _(a(n)("connect.promotion.createPromotionCampaign")), 1),
+                r("div", ve, _(a(n)("connect.promotion.description")), 1)
+              ]),
+              l(T, {
+                variant: "primary",
+                label: a(n)("connect.promotion.createPromotionCampaign"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => y())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ]),
+        l(le, {
+          ref_key: "sheetRef",
+          ref: F,
+          "onSubmit:modelValue": E
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Ae as default
+};