@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/Promotion-BYXCJa_S.js

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