@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.12

package/dist/{Point-A6B_ggSy.js → Point-BbPkt4kF.js}

@@ -1,24 +1,33 @@
-import { defineComponent as M, ref as V, computed as T, h as A, onMounted as E, resolveComponent as r, openBlock as d, createElementBlock as h, Fragment as w, createVNode as i, unref as t, withCtx as g, createElementVNode as n, toDisplayString as c, renderList as H, createBlock as b, resolveDynamicComponent as q } from "vue";
-import { u as z, M as G, b as J, h as Q, v as I, w as P, B as W, c as _, N as X, j as Y, y as Z, e as ee } from "./app-BpzzygYP.js";
-import { useDialog as te, components as oe } from "@feedmepos/ui-library";
-const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, se = { class: "px-24 flex flex-col gap-y-16" }, le = { class: "flex items-center justify-between w-full" }, ie = { class: "flex gap-8 overflow-x-auto" }, re = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "space-y-4" }, pe = { class: "fm-typo-en-body-lg-600" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "flex flex-col gap-16 text-center" }, ge = { class: "fm-typo-en-title-sm-800" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = /* @__PURE__ */ M({
+import { defineComponent as j, ref as V, computed as A, h as E, onMounted as M, resolveComponent as l, openBlock as d, createElementBlock as h, Fragment as b, createVNode as r, unref as t, withCtx as g, createElementVNode as n, toDisplayString as c, renderList as H, createBlock as w, 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, u as W } from "./loading-uCNeZibp.js";
+import { u as X } from "./business-CXyP9G7A.js";
+import { u as Y } from "./campaign-0aM2KYOy.js";
+import { g as I, b as P } from "./dto-BiYLkVdL.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C1ZXQski.js";
+import { u as te } from "./template-1o0LbOoJ.js";
+import { u as oe } from "./vue-i18n-AtGIa4qH.js";
+import { c as _ } from "./index-CDMC-8iO.js";
+const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, se = { class: "px-24 flex flex-col gap-y-16" }, ie = { class: "flex items-center justify-between w-full" }, re = { class: "flex gap-8 overflow-x-auto" }, le = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "space-y-4" }, pe = { class: "fm-typo-en-body-lg-600" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "flex flex-col gap-16 text-center" }, ge = { class: "fm-typo-en-title-sm-800" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ j({
   __name: "Point",
   setup(he) {
-    const { t: s } = z(), B = {
+    const { t: s } = oe(), B = {
       label: s("connect.program.common.actions.create", {
         type: s("connect.program.point.title").toLowerCase()
       }),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, $ = G("COIN", te()), v = J(), m = Q(), { global: N, minor: x } = ee, l = V({
+    }, $ = te("COIN", G()), x = X(), m = Y(), { global: K, minor: C } = W, i = V({
       searchKey: "",
       location: null
-    }), u = T(
+    }), u = A(
       () => m.campaigns.point.filter(
-        (e) => !l.value.location || !e.targetLocation || e.targetLocation.includes(l.value.location)
+        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
       )
-    ), K = [
+    ), N = [
       {
         header: s("connect.program.common.table.title"),
         accessorFn: (e) => e.name
@@ -36,7 +45,7 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
       {
         header: s("connect.program.common.table.actions"),
         cell(e) {
-          return A(oe.FmButton, {
+          return E(J.FmButton, {
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
@@ -46,9 +55,9 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
           });
         }
       }
-    ], C = V();
+    ], v = V();
     async function F(e) {
-      await W.remove(`Are you sure you want to remove ${e.name}?`) && await x(
+      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await C(
         async () => {
           await _.delete(e._id), await m.read("COIN");
         },
@@ -58,13 +67,13 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
         }
       );
     }
-    async function y(e) {
+    async function f(e) {
       e ? await o() : $.open(async (p) => {
         await o(p);
       });
       async function o(p) {
-        var f;
-        (f = C.value) == null || f.showSheet(
+        var y;
+        (y = v.value) == null || y.showSheet(
           !0,
           "COIN",
           e ? await _.readById(e._id) : void 0,
@@ -73,7 +82,7 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
       }
     }
     async function R(e) {
-      await x(
+      await C(
         async () => {
           e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await m.read("COIN");
         },
@@ -83,86 +92,86 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
         }
       );
     }
-    return E(async () => {
-      await N(async () => {
+    return M(async () => {
+      await K(async () => {
         await m.read("COIN");
       });
     }), (e, o) => {
-      const p = r("FmPill"), f = r("FmPageHead"), k = r("FmSearch"), O = r("FmTable"), S = r("FmButton"), U = r("FmListItem"), j = r("FmList"), D = r("FmCard");
-      return d(), h(w, null, [
-        i(f, {
+      const p = l("FmPill"), y = l("FmPageHead"), k = l("FmSearch"), O = l("FmTable"), S = l("FmButton"), U = l("FmListItem"), D = l("FmList"), T = l("FmCard");
+      return d(), h(b, null, [
+        r(y, {
           title: t(s)("connect.program.point.title"),
           actions: t(u).length > 0 ? [B] : [],
-          "onClick:action": o[0] || (o[0] = () => y())
+          "onClick:action": o[0] || (o[0] = () => f())
         }, {
           title: g(() => [
             n("div", ae, [
               n("span", ne, c(t(s)("connect.program.point.title")), 1),
-              i(p, { variant: "premium" })
+              r(p, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["title", "actions"]),
         n("div", se, [
-          i(k, {
-            modelValue: t(l).searchKey,
-            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(l).searchKey = a),
+          r(k, {
+            modelValue: t(i).searchKey,
+            "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: ""
           }, null, 8, ["modelValue"]),
-          t(m).campaigns.point && t(m).campaigns.point.length > 0 ? (d(), h(w, { key: 0 }, [
-            n("div", le, [
-              n("div", ie, [
-                i(X, {
-                  modelValue: t(l).location,
-                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(l).location = a),
+          t(m).campaigns.point && t(m).campaigns.point.length > 0 ? (d(), h(b, { key: 0 }, [
+            n("div", ie, [
+              n("div", re, [
+                r(Z, {
+                  modelValue: t(i).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(i).location = a),
                   label: "Location: ",
                   "show-item-label": !0,
                   icon: "storefront",
                   placement: "bottom-start",
-                  items: t(v).locationItems
+                  items: t(x).locationItems
                 }, null, 8, ["modelValue", "items"])
               ]),
-              i(k, {
-                modelValue: t(l).searchKey,
-                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(l).searchKey = a),
+              r(k, {
+                modelValue: t(i).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(i).searchKey = a),
                 class: "xs:hidden",
                 placeholder: "search",
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            i(O, {
+            r(O, {
               class: "xs:hidden",
               "row-data": t(u),
-              "column-defs": K,
-              "search-value": t(l).searchKey,
+              "column-defs": N,
+              "search-value": t(i).searchKey,
               "column-filter": [],
-              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
+              onRowClick: o[4] || (o[4] = (a) => f(a.original)),
               "hide-footer": t(u).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            i(j, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+            r(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: g(() => [
-                (d(!0), h(w, null, H(t(u).filter(
-                  (a) => a.name.toLowerCase().includes(t(l).searchKey.toLowerCase())
-                ), (a) => (d(), b(U, {
+                (d(!0), h(b, null, H(t(u).filter(
+                  (a) => a.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
+                ), (a) => (d(), w(U, {
                   key: a._id.toString(),
-                  onClick: (L) => y(a),
+                  onClick: (L) => f(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: g(() => [
-                    n("div", re, [
+                    n("div", le, [
                       n("div", ce, [
-                        (d(), b(q(t(I)(a)))),
+                        (d(), w(q(t(I)(a)))),
                         n("div", me, c(t(s)("program.point.used", { count: a.currentReceive ?? 0 })), 1)
                       ]),
                       n("div", de, [
                         n("div", pe, c(a.name), 1),
                         n("div", ue, c(t(P)(a)), 1)
                       ]),
-                      n("div", ye, " Point received: " + c(a.currentReceive ?? 0), 1)
+                      n("div", fe, " Point received: " + c(a.currentReceive ?? 0), 1)
                     ]),
-                    i(S, {
+                    r(S, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
@@ -174,33 +183,33 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
               ]),
               _: 1
             })
-          ], 64)) : (d(), b(D, {
+          ], 64)) : (d(), w(T, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: g(() => [
               o[6] || (o[6] = n("img", {
-                src: Y,
+                src: z,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              n("div", fe, [
+              n("div", ye, [
                 n("div", ge, c(t(s)("connect.program.point.empty_state.title")), 1),
                 n("div", _e, c(t(s)("connect.program.point.empty_state.description")), 1)
               ]),
-              i(S, {
+              r(S, {
                 variant: "primary",
                 label: "Create point program",
-                disabled: !t(v).isPremium,
+                disabled: !t(x).isPremium,
                 icon: "add",
-                onClick: o[5] || (o[5] = (a) => y())
+                onClick: o[5] || (o[5] = (a) => f())
               }, null, 8, ["disabled"])
             ]),
             _: 1
           })),
-          i(Z, {
+          r(ee, {
             ref_key: "sheetRef",
-            ref: C,
+            ref: v,
             "onSubmit:modelValue": R
           }, null, 512)
         ])
@@ -209,5 +218,5 @@ const ae = { class: "flex items-center" }, ne = { class: "fm-typo-en-title-md-60
   }
 });
 export {
-  xe as default
+  Be as default
 };

package/dist/Promotion-DEo-lxpX.js

@@ -0,0 +1,221 @@
+import { defineComponent as j, ref as O, computed as E, h as A, onMounted as H, resolveComponent as r, openBlock as m, createElementBlock as _, Fragment as h, createVNode as l, unref as a, createElementVNode as s, withCtx as v, renderList as q, createBlock as w, resolveDynamicComponent as z, toDisplayString as y } from "vue";
+import { _ as G } from "./campaign-CpzFl8Vr.js";
+import { useDialog as J, components as Q } from "@feedmepos/ui-library";
+import { c as P, p as W, u as X } from "./loading-uCNeZibp.js";
+import { u as Y } from "./business-CXyP9G7A.js";
+import { u as Z } from "./campaign-0aM2KYOy.js";
+import { u as ee } from "./vue-i18n-AtGIa4qH.js";
+import { g as V } from "./dto-BiYLkVdL.js";
+import { e as I } from "./effect-Cg-eNEjg.js";
+import { _ as oe } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C1ZXQski.js";
+import { u as ne } from "./template-1o0LbOoJ.js";
+import { c as g } from "./index-CDMC-8iO.js";
+const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-center justify-between w-full" }, ie = { class: "flex gap-8 overflow-x-auto" }, le = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, ce = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "flex flex-col gap-16 text-center" }, ue = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = /* @__PURE__ */ j({
+  __name: "Promotion",
+  setup(ye) {
+    const { t: n } = ee(), L = {
+      label: n("connect.promotion.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, T = ne("PROMOTION", J()), x = Y(), u = Z(), { global: B, minor: b } = X, i = O({
+      searchKey: "",
+      location: null
+    }), c = E(
+      () => u.campaigns.promotion.filter(
+        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
+      )
+    ), R = [
+      {
+        header: n("connect.promotion.promotionTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: n("connect.promotion.status"),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: n("connect.promotion.type"),
+        accessorFn: (e) => `${P.title(e.effect.options.target)} promotion`
+      },
+      {
+        header: n("connect.promotion.summary"),
+        accessorFn: (e) => I(e.effect)
+      },
+      {
+        header: n("connect.promotion.actions"),
+        cell(e) {
+          return A(Q.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), F(e.row.original);
+            }
+          });
+        }
+      }
+    ], C = O();
+    async function F(e) {
+      await W.remove(n("promotion.confirmRemove", { name: e.name })) && await b(
+        async () => {
+          await g.delete(e._id), await u.read("PROMOTION");
+        },
+        {
+          message: n("promotion.removing", { name: e.name }),
+          successMessage: n("promotion.removedSuccessfully", { name: e.name })
+        }
+      );
+    }
+    async function f(e) {
+      e ? await o() : T.open(async (p) => {
+        await o(p);
+      });
+      async function o(p) {
+        var d;
+        (d = C.value) == null || d.showSheet(
+          !0,
+          "PROMOTION",
+          e ? await g.readById(e._id) : void 0,
+          p
+        );
+      }
+    }
+    async function M(e) {
+      await b(
+        async () => {
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await u.read("PROMOTION");
+        },
+        {
+          message: n(e.campaign._id ? "promotion.updating" : "promotion.creating"),
+          successMessage: n(
+            e.campaign._id ? "promotion.updatedSuccessfully" : "promotion.createdSuccessfully"
+          )
+        }
+      );
+    }
+    return H(async () => {
+      await B(async () => {
+        await x.readLocations(), await u.read("PROMOTION");
+      });
+    }), (e, o) => {
+      const p = r("FmPageHead"), d = r("FmSearch"), K = r("FmTable"), N = r("FmChip"), k = r("FmButton"), $ = r("FmListItem"), D = r("FmList"), U = r("FmCard");
+      return m(), _(h, null, [
+        l(p, {
+          title: a(n)("connect.promotion.title"),
+          actions: a(c).length > 0 ? [L] : [],
+          "onClick:action": o[0] || (o[0] = (t) => f())
+        }, null, 8, ["title", "actions"]),
+        s("div", ae, [
+          l(d, {
+            modelValue: i.value.searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (t) => i.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(c) && a(c).length > 0 ? (m(), _(h, { key: 0 }, [
+            s("div", se, [
+              s("div", ie, [
+                l(oe, {
+                  modelValue: i.value.location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (t) => i.value.location = t),
+                  label: a(n)("connect.promotion.location"),
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: a(x).locationItems
+                }, null, 8, ["modelValue", "label", "items"])
+              ]),
+              l(d, {
+                modelValue: i.value.searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => i.value.searchKey = t),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            l(K, {
+              class: "xs:hidden",
+              "row-data": a(c),
+              "column-defs": R,
+              "search-value": i.value.searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => f(t.original)),
+              "hide-footer": a(c).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            l(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: v(() => [
+                (m(!0), _(h, null, q(a(c).filter(
+                  (t) => t.name.toLowerCase().includes(i.value.searchKey.toLowerCase())
+                ), (t) => (m(), w($, {
+                  key: t._id.toString(),
+                  onClick: (S) => f(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: v(() => [
+                    s("div", le, [
+                      s("div", re, [
+                        (m(), w(z(a(V)(t)))),
+                        l(N, {
+                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
+                          compact: !0,
+                          label: `${a(P).title(t.effect.options.target)} promotion`
+                        }, null, 8, ["label"])
+                      ]),
+                      s("div", ce, [
+                        s("div", me, y(t.name), 1),
+                        s("div", pe, y(a(I)(t.effect)), 1)
+                      ])
+                    ]),
+                    l(k, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (S) => (S.stopPropagation(), F(t))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (m(), w(U, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: v(() => [
+              o[6] || (o[6] = s("img", {
+                src: G,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", de, [
+                s("div", ue, y(a(n)("connect.promotion.createPromotionCampaign")), 1),
+                s("div", fe, y(a(n)("connect.promotion.description")), 1)
+              ]),
+              l(k, {
+                variant: "primary",
+                label: a(n)("connect.promotion.createPromotionCampaign"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => f())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ]),
+        l(te, {
+          ref_key: "sheetRef",
+          ref: C,
+          "onSubmit:modelValue": M
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};